infrastructure/conference-website
1
1
Fork 1
Code Issues 14 Pull Requests Releases Activity

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
Conversation 2 Commits 5 Files Changed 3 +32 -18
3 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
conference_main/static/conference_main/scripts/main.js
View File

@ -169,9 +169,9 @@ function scheduleFilterUpdateFilterStatus(event) {
} }
if (($(event).find(".favorite-star[data-is-checked]").length === 0 && 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 && ($(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"); $(event).attr("data-filtered-personal", "data-filtered-personal");
} else { } else {
$(event).attr("data-filtered-personal", null); $(event).attr("data-filtered-personal", null);

10
conference_main/static/conference_main/styles/main.sass
View File

@ -294,3 +294,13 @@ button.going-star
td td
padding-left: var(--spacer) !important padding-left: var(--spacer) !important
padding-right: 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)

36
conference_main/templates/conference_main/presentations/schedule_vertical.pug
View File

@ -101,26 +101,30 @@
.schedule-filter.filter-going( .schedule-filter.filter-going(
data-schedule-filter-type="going", data-schedule-filter-type="going",
data-schedule-filter-value="only-show-going") data-schedule-filter-value="only-show-going")
input(type="checkbox",
id="filter-going-only-show-going", .toggle-bar-container
checked=false, div.me-2 Going
onchange="scheduleFilterToggle(event)", label.toggle-bar(for="filter-going-only-show-going")
autocomplete="off") input(type="checkbox",
label.btn.filter-going(for="filter-going-only-show-going") id="filter-going-only-show-going",
i.i-user-check checked=false,
span My Agenda onchange="scheduleFilterToggle(event)",
autocomplete="off")
span.slider
| {% else %} | {% else %}
.schedule-filter.filter-favorite( .schedule-filter.filter-favorite(
data-schedule-filter-type="favorites", data-schedule-filter-type="favorites",
data-schedule-filter-value="only-show-favorites") data-schedule-filter-value="only-show-favorites")
input(type="checkbox",
id="filter-favorites-only-show-favorites", .toggle-bar-container
checked=false, div.me-2 Favorites
onchange="scheduleFilterToggle(event)", label.toggle-bar(for="filter-favorites-only-show-favorites")
autocomplete="off") input(type="checkbox",
label.btn.filter-favorite(for="filter-favorites-only-show-favorites") id="filter-favorites-only-show-favorites",
i.i-heart checked=false,
span Favorites onchange="scheduleFilterToggle(event)",
autocomplete="off")
span.slider
| {% endif %} | {% endif %}
| {% else %} | {% else %}
.schedule-filters .schedule-filters