6f2114fb0c
* feat: remove old agenda (django-side) * fix: bring in latest commits * test: remove -neue from playwright tests * test: remove agenda selenium js tests * test: remove agenda views tests * fix: remove deprecated agenda views (week-view, agenda-by, floor-plan) * test: fix failing python tests * test: remove more deprecated tests * chore: remove deprecated templates * test: remove unused import * feat: handle agenda personalize with filter + move agenda specific stuff out of root component * fix: redirect deprecated urls to agenda / floorplan * feat: agenda - open picker mode when from personalize path * fix: safari doesn't support device-pixel-content-box property on ResizeObserver * test: move floor plan test into main agenda test Co-authored-by: Robert Sparks <rjsparks@nostrum.com>
60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template lang="pug">
|
|
n-theme
|
|
n-message-provider
|
|
.app-error(v-if='siteStore.criticalError')
|
|
i.bi.bi-x-octagon-fill.me-2
|
|
span {{siteStore.criticalError}}
|
|
.app-container(ref='appContainer')
|
|
router-view.meeting
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onBeforeUnmount ,onMounted, ref } from 'vue'
|
|
import { NMessageProvider } from 'naive-ui'
|
|
|
|
import { useSiteStore } from './shared/store'
|
|
|
|
import NTheme from './components/n-theme.vue'
|
|
|
|
// STORES
|
|
|
|
const siteStore = useSiteStore()
|
|
|
|
// STATE
|
|
|
|
const appContainer = ref(null)
|
|
|
|
// --------------------------------------------------------------------
|
|
// Handle browser resize
|
|
// --------------------------------------------------------------------
|
|
|
|
const resizeObserver = new ResizeObserver(entries => {
|
|
siteStore.$patch({ viewport: Math.round(window.innerWidth) })
|
|
// for (const entry of entries) {
|
|
// const newWidth = entry.contentBoxSize ? entry.contentBoxSize[0].inlineSize : entry.contentRect.width
|
|
// }
|
|
})
|
|
|
|
onMounted(() => {
|
|
resizeObserver.observe(appContainer.value)
|
|
})
|
|
|
|
onBeforeUnmount(() => {
|
|
resizeObserver.unobserve(appContainer.value)
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import "bootstrap/scss/functions";
|
|
@import "bootstrap/scss/variables";
|
|
|
|
.app-error {
|
|
background-color: $red-500;
|
|
border-radius: 5px;
|
|
color: #FFF;
|
|
font-weight: 500;
|
|
padding: 1rem;
|
|
text-align: center;
|
|
}
|
|
</style>
|