.agenda(
v-if='agendaStore.isLoaded'
:class='{ "bolder-text": agendaStore.bolderText }'
)
h1
span #[strong IETF {{agendaStore.meeting.number}}] Meeting Agenda {{titleExtra}}
.meeting-h1-badges.d-none.d-sm-flex
span.meeting-warning(v-if='agendaStore.meeting.warningNote') {{agendaStore.meeting.warningNote}}
h4
span {{agendaStore.meeting.city}}, {{ meetingDate }}
h6.float-end.d-none.d-lg-inline(v-if='meetingUpdated') #[span.text-body-secondary Updated:] {{ meetingUpdated }}
.agenda-topnav.my-3
meeting-navigation
.agenda-topnav-right.d-none.d-md-flex
n-button(
quaternary
@click='startTour'
)
template(#icon)
i.bi.bi-question-square
span Help
n-button(
quaternary
@click='toggleShare'
)
template(#icon)
i.bi.bi-share
span Share
n-button(
quaternary
@click='toggleSettings'
)
template(#icon)
i.bi.bi-gear
span Settings
.row
.col
// ----------------------------
// -> Subtitle + Timezone Bar
// ----------------------------
.row
.col.d-none.d-sm-flex.align-items-center
h2 {{ agendaStore.pickerMode ? 'Session Selection' : 'Schedule'}}
n-popover(v-if='!agendaStore.infoNoteShown')
template(#trigger)
n-button.ms-2(text, @click='toggleInfoNote')
i.bi.bi-info-circle.text-body-secondary
span Show Info Note
.col-12.col-sm-auto.d-flex.align-items-center
i.bi.bi-globe.me-2
small.me-2.d-none.d-md-inline: strong Timezone:
n-button-group.agenda-tz-selector
n-button(
:type='agendaStore.isTimezoneMeeting ? `primary` : `default`'
@click='setTimezone(`meeting`)'
:text-color='agendaStore.isTimezoneMeeting ? `#FFF` : null'
) Meeting
n-button(
:type='agendaStore.isTimezoneLocal ? `primary` : `default`'
@click='setTimezone(`local`)'
:text-color='agendaStore.isTimezoneLocal ? `#FFF` : null'
) Local
n-button(
:type='agendaStore.timezone === `UTC` ? `primary` : `default`'
@click='setTimezone(`UTC`)'
:text-color='agendaStore.timezone === `UTC` ? `#FFF` : null'
) UTC
n-select.agenda-timezone-ddn(
v-if='siteStore.viewport > 1250'
v-model:value='agendaStore.timezone'
:options='timezones'
placeholder='Select Time Zone'
filterable
@update:value='() => { agendaStore.persistMeetingPreferences() }'
)
.agenda-currentwarn.alert.alert-warning.mt-3(v-if='agendaStore.isCurrentMeeting') #[strong Note:] IETF agendas are subject to change, up to and during a meeting.
.agenda-infonote.mt-3(v-if='agendaStore.meeting.infoNote && agendaStore.infoNoteShown')
n-popover
template(#trigger)
n-button(
text
aria-label='Close Info Note'
@click='toggleInfoNote'
)
i.bi.bi-x-square
span Hide Info Note
div(v-html='agendaStore.meeting.infoNote')
// -----------------------------------
// -> Color Legend
// -----------------------------------
.agenda-colorlegend.mt-3(v-if='colorLegendShown')
div
i.bi.bi-palette.me-2
span Color Legend
template(v-for='(cl, idx) of agendaStore.colors')
div(
v-if='cl.tag !== ``'
:key='`cl` + idx'
:style='{ color: cl.hex }'
)
span {{cl.tag}}
// -----------------------------------
// -> Search Bar
// -----------------------------------
.agenda-search.mt-3(v-if='agendaStore.searchVisible')
n-input-group
n-input(
v-model:value='state.searchText'
ref='searchIpt'
type='text'
placeholder='Search...'
@keyup.esc='closeSearch'
)
template(#prefix)
i.bi.bi-search.me-1
n-popover
template(#trigger)
n-button(
type='primary'
ghost
@click='state.searchText = ``'
aria-label='Clear Search'
)
i.bi.bi-x-lg
span Clear Search
// -----------------------------------
// -> Drawers
// -----------------------------------
agenda-filter
agenda-schedule-calendar
agenda-settings
// -----------------------------------
// -> Schedule List
// -----------------------------------
agenda-schedule-list.mt-3
// -----------------------------------
// -> Anchored Day Quick Access Menu
// -----------------------------------
.col-auto.d-print-none(v-if='siteStore.viewport >= 990')
agenda-quick-access
agenda-mobile-bar
agenda-share-modal(v-model:shown='state.shareModalShown')