n-drawer(v-model:show='state.isShown', placement='bottom', :height='state.drawerHeight')
n-drawer-content.agenda-personalize
template(#header)
span Filter Areas + Groups
.agenda-personalize-actions
n-button.me-2(
ghost
color='gray'
strong
@click='clearFilter'
)
i.bi.bi-slash-square.me-2
span Clear Selection
n-button.me-2(
ghost
color='gray'
strong
@click='cancelFilter'
)
i.bi.bi-x-square.me-2
span Cancel
n-button(
primary
type='success'
strong
@click='saveFilter'
)
i.bi.bi-check-circle.me-2
span Apply
.agenda-personalize-content
.agenda-personalize-category(
v-for='(cat, idx) of agendaStore.categories'
:key='`cat-` + idx'
:class='{ "col-auto": (cat.length <= 2) }'
)
.agenda-personalize-area(
v-for='area of cat'
:key='area.keyword'
)
.agenda-personalize-areamain
button(
v-if='area.keyword'
@click='toggleFilterArea(area.keyword)'
)
i.bi.bi-diagram-3
span {{area.label}}
.agenda-personalize-groups
button.agenda-personalize-group(
v-for='group of area.children'
:key='group.keyword'
:class='{"is-bof": group.is_bof, "is-checked": state.pendingSelection.includes(group.keyword)}'
@click='toggleFilterGroup(group.keyword)'
)
span {{group.label}}
n-popover(
v-if='group.is_bof'
trigger='hover'
:width='250'
)
template(#trigger)
span.badge BoF
span #[a(:href='getUrl(`bofDefinition`)', target='_blank') Birds of a Feather] sessions (BoFs) are initial discussions about a particular topic of interest to the IETF community.