UI: Implement toggle-bars to My conference filters #103981

Merged
Márton Lente merged 5 commits from ui/my-conference-toggles into main 2024-10-29 15:20:31 +01:00
3 changed files with 32 additions and 18 deletions

View File

@ -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);

View File

@ -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)

View File

@ -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