UI: Implement toggle-bars to My conference filters #103981
@ -169,9 +169,9 @@ function scheduleFilterUpdateFilterStatus(event) {
|
||||
}
|
||||
|
||||
if (($(event).find(".favorite-star[data-is-checked]").length === 0 &&
|
||||
$(".schedule-filter[data-schedule-filter-type=favorites] > input:checkbox:checked").length) ||
|
||||
$(".schedule-filter[data-schedule-filter-type=favorites] input:checkbox:checked").length) ||
|
||||
($(event).find(".going-star[data-is-checked]").length === 0 &&
|
||||
$(".schedule-filter[data-schedule-filter-type=going] > input:checkbox:checked").length)) {
|
||||
$(".schedule-filter[data-schedule-filter-type=going] input:checkbox:checked").length)) {
|
||||
$(event).attr("data-filtered-personal", "data-filtered-personal");
|
||||
} else {
|
||||
$(event).attr("data-filtered-personal", null);
|
||||
|
@ -294,3 +294,13 @@ button.going-star
|
||||
td
|
||||
padding-left: var(--spacer) !important
|
||||
padding-right: var(--spacer) !important
|
||||
|
||||
// TODO: @web-assets check toggle-bar sizing
|
||||
.toggle-bar
|
||||
max-width: 3.2rem
|
||||
width: 3.2rem !important
|
||||
|
||||
.toggle-bar-container
|
||||
align-items: center
|
||||
display: flex
|
||||
height: calc(var(--spacer) * 2.5)
|
@ -101,26 +101,30 @@
|
||||
.schedule-filter.filter-going(
|
||||
data-schedule-filter-type="going",
|
||||
data-schedule-filter-value="only-show-going")
|
||||
input(type="checkbox",
|
||||
id="filter-going-only-show-going",
|
||||
checked=false,
|
||||
onchange="scheduleFilterToggle(event)",
|
||||
autocomplete="off")
|
||||
label.btn.filter-going(for="filter-going-only-show-going")
|
||||
i.i-user-check
|
||||
span My Agenda
|
||||
|
||||
.toggle-bar-container
|
||||
div.me-2 Going
|
||||
label.toggle-bar(for="filter-going-only-show-going")
|
||||
input(type="checkbox",
|
||||
id="filter-going-only-show-going",
|
||||
checked=false,
|
||||
onchange="scheduleFilterToggle(event)",
|
||||
autocomplete="off")
|
||||
span.slider
|
||||
| {% else %}
|
||||
.schedule-filter.filter-favorite(
|
||||
data-schedule-filter-type="favorites",
|
||||
data-schedule-filter-value="only-show-favorites")
|
||||
input(type="checkbox",
|
||||
id="filter-favorites-only-show-favorites",
|
||||
checked=false,
|
||||
onchange="scheduleFilterToggle(event)",
|
||||
autocomplete="off")
|
||||
label.btn.filter-favorite(for="filter-favorites-only-show-favorites")
|
||||
i.i-heart
|
||||
span Favorites
|
||||
|
||||
.toggle-bar-container
|
||||
div.me-2 Favorites
|
||||
label.toggle-bar(for="filter-favorites-only-show-favorites")
|
||||
input(type="checkbox",
|
||||
id="filter-favorites-only-show-favorites",
|
||||
checked=false,
|
||||
onchange="scheduleFilterToggle(event)",
|
||||
autocomplete="off")
|
||||
span.slider
|
||||
| {% endif %}
|
||||
| {% else %}
|
||||
.schedule-filters
|
||||
|
Loading…
Reference in New Issue
Block a user