n-modal(v-model:show='modalShown')
n-card.agenda-eventdetails(
:bordered='false'
segmented
role='dialog'
aria-modal='true'
v-if='eventDetails'
)
template(#header-extra)
.detail-header
i.bi.bi-clock-history
strong {{eventDetails.start}} - {{eventDetails.end}}
n-button.ms-4.detail-close(
ghost
color='gray'
strong
@click='modalShown = false'
)
i.bi.bi-x
template(#header)
.detail-header
i.bi.bi-calendar-check
span {{eventDetails.day}}
template(#action, v-if='eventDetails.showAgenda')
.detail-action
template(v-if='eventDetails.materialsUrl')
n-button.me-2(
ghost
color='gray'
strong
:href='eventDetails.tarUrl'
tag='a'
aria-label='Download as tarball'
)
i.bi.bi-file-zip.me-2
span Download as tarball
n-button.me-2(
ghost
color='gray'
strong
:href='eventDetails.pdfUrl'
tag='a'
aria-label='Download as PDF'
)
i.bi.bi-file-pdf.me-2
span Download as PDF
n-button.me-2(
ghost
color='gray'
strong
:href='eventDetails.notepadUrl'
tag='a'
aria-label='Notepad'
)
i.bi.bi-journal-text.me-2
span Notepad
n-button.float-end(
ghost
color='gray'
strong
tag='a'
:href='eventDetails.detailsUrl'
target='_blank'
aria-label='Materials page'
)
span.me-2 {{props.event.groupAcronym}} materials page
i.bi.bi-box-arrow-up-right
.detail-content
.detail-title
h6
i.bi.bi-arrow-right-square
span {{eventDetails.title}}
.detail-location
i.bi.bi-geo-alt-fill
n-popover(
v-if='eventDetails.locationName'
trigger='hover'
)
template(#trigger)
span.badge {{eventDetails.locationShort}}
span {{eventDetails.locationName}}
span {{eventDetails.room}}
nav.detail-nav.nav.nav-pills.nav-justified.mt-3
a.nav-link(
:class='{ active: state.tab === `agenda` }'
@click='state.tab = `agenda`'
)
i.bi.bi-list-columns-reverse.me-2
span Agenda
a.nav-link(
:class='{ active: state.tab === `slides` }'
@click='state.tab = `slides`'
)
i.bi.bi-easel.me-2
span Slides
a.nav-link(
:class='{ active: state.tab === `minutes` }'
@click='state.tab = `minutes`'
)
i.bi.bi-journal-text.me-2
span Minutes
.detail-text(v-if='eventDetails.materialsUrl')
template(v-if='state.tab === `agenda`')
iframe(
:src='eventDetails.materialsUrl'
)
template(v-else-if='state.tab === `slides`')
n-card(
:bordered='false'
size='small'
)
.text-center(v-if='state.isLoading')
n-spin(description='Loading slides...')
.text-center.p-3(v-else-if='!state.materials || !state.materials.slides || !state.materials.slides.decks || state.materials.slides.decks.length < 1')
span No slides submitted for this session.
.list-group(v-else)
a.list-group-item(
v-for='deck of state.materials.slides.decks'
:key='deck.id'
:href='deck.url'
target='_blank'
)
i.bi.me-2(:class='`bi-filetype-` + deck.ext')
span {{deck.title}}
template(#action, v-if='state.materials.slides.actions')
n-button(
v-for='action of state.materials.slides.actions'
tag='a'
:href='action.url'
) {{action.label}}
template(v-else)
.text-center(v-if='state.isLoading')
n-spin(description='Loading minutes...')
.text-center.p-3(v-else-if='!state.materials || !state.materials.minutes')
span No minutes submitted for this session.
iframe(
v-else
:src='state.materials.minutes.url'
)