.floorplan
template(v-if='agendaStore.isLoaded')
h1
span #[strong IETF {{agendaStore.meeting.number}}] Floor Plan
.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 }}
.floorplan-topnav.my-3
meeting-navigation
nav.floorplan-floors.nav.nav-pills.nav-justified(v-if='agendaStore.isLoaded')
a.nav-link(
v-for='floor of agendaStore.floors'
:key='floor.id'
:name='floor.name'
:class='{ active: state.currentFloor === floor.id }'
@click='state.currentFloor = floor.id'
)
i.bi.bi-arrow-down-right-square.me-2
span {{floor.name}}
.row.mt-3
.col-12.col-md-auto(v-if='agendaStore.isLoaded')
.floorplan-rooms.list-group.shadow-sm
router-link.list-group-item.list-group-item-action(
v-for='room of floor.rooms'
:key='room.id'
:class='{ active: state.currentRoom === room.id }'
:aria-current='state.currentRoom === room.id'
@click='state.currentRoom = room.id'
:to='{ query: { room: xslugify(room.name) } }'
)
.badge.me-3 {{floor.short}}
span
strong {{room.name}}
small {{room.functionalName}}
.col
.card.floorplan-plan.shadow-sm
.floorplan-plan-pin(
v-if='state.currentRoom && state.isLoaded'
:style='pinPosition'
)
i.bi.bi-geo-alt-fill
img(
:src='floor.image'
ref='planImage'
@load='planImageLoaded'
)