.agenda-quickaccess
n-affix(:trigger-top='82')
.card.shadow-sm
.card-body
n-button(
id='agenda-quickaccess-filterbyareagroups-btn'
block
type='success'
size='large'
strong
@click='agendaStore.$patch({ filterShown: true })'
)
i.bi.bi-funnel.me-2
span {{ shortMode ? 'Filter...' : 'Filter Areas + Groups...' }}
n-badge.ms-2(:value='agendaStore.selectedCatSubs.length', processing)
n-button.mt-2(
v-if='!agendaStore.pickerMode'
id='agenda-quickaccess-picksessions-btn'
block
secondary
type='success'
size='large'
strong
@click='pickerStart'
)
i.bi.bi-ui-checks.me-2
span {{ shortMode ? 'Pick...' : 'Pick Sessions...' }}
.agenda-quickaccess-btnrow(v-else)
.agenda-quickaccess-btnrow-title {{ shortMode ? 'Sess. Pick' : 'Session Selection' }}
n-button.me-1(
v-if='!agendaStore.pickerModeView'
id='agenda-quickaccess-applypick-btn'
type='success'
size='large'
strong
@click='pickerApply'
)
i.bi.bi-check2-square.me-2
span Apply
n-button.me-1(
v-else
id='agenda-quickaccess-modifypick-btn'
color='#6f42c1'
size='large'
strong
@click='pickerModify'
)
i.bi.bi-pencil-square.me-2
span Modify
n-button.ms-1(
id='agenda-quickaccess-discardpick-btn'
secondary
color='#666'
size='large'
strong
@click='pickerDiscard'
)
i.bi.bi-x-square.me-2
span Discard
n-divider: small.text-body-secondary Calendar
n-button.mt-2(
id='agenda-quickaccess-calview-btn'
block
color='#6c757d'
size='large'
strong
@click='agendaStore.$patch({ calendarShown: true })'
)
i.bi.bi-calendar3.me-2
span {{ shortMode ? 'Cal View' : 'Calendar View' }}
n-dropdown(
:options='downloadIcsOptions'
size='large'
:show-arrow='true'
trigger='click'
)
n-button.mt-2(
id='agenda-quickaccess-addtocal-btn'
block
secondary
color='#6c757d'
size='large'
strong
)
i.bi.bi-calendar-check.me-2
span {{ shortMode ? '.ics' : 'Add to your calendar...' }}
template(v-if='agendaStore.meetingDays.length > 0')
n-divider: small.text-body-secondary Jump to...
ul.nav.nav-pills.flex-column.small.agenda-quickaccess-jumpto
li.nav-item(v-if='agendaStore.isMeetingLive')
a.nav-link(
href='#now'
@click='scrollToNow'
)
i.bi.bi-arrow-right-short.d-none.d-xxl-inline.me-2
span Now
li.nav-item(v-for='day of agendaStore.meetingDays')
a.nav-link(
:class='agendaStore.dayIntersectId === day.slug ? `active` : ``'
:href='`#slot-` + day.slug'
@click='scrollToDay(day.slug, $event)'
)
i.bi.bi-arrow-right-short.d-none.d-xxl-inline.me-2
span {{day.label}}