Goldenwere/mackenzii
Goldenwere/mackenzii
1
0
Fork 0
Code Activity Actions

remember warnings hide toggle

Browse source
This commit is contained in:
lightling 2024-03-20 23:58:36 -04:00
parent 8997ece6d6
commit d316fcd592
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/views/gallery/gallery-list.vue
View file

@ -5,7 +5,7 @@ import { type RouteRecordRaw, useRouter } from 'vue-router'
import type { GalleryEntries, GalleryList } from './gallery'
import { type GalleryListDefinition } from 'content/routes.js'
import { amendVariantsWithDefaults } from './gallery-utilities'
import { fetchAndParseYaml } from 'src/utilities/fetch'
import { fetchAndParseYaml, storage } from 'src/utilities/fetch'
import { getCurrentRoute } from 'src/utilities/vuetils'
import { useRouteStore } from 'src/routes'
@ -19,12 +19,15 @@ const validateVariants = (variants?: string[]) => {
return !!variants && variants[0] !== '' ? variants : null
}
const ready = ref(false)
const config = ref(null! as GalleryList)
const currentRoute = getCurrentRoute()
const routeStore = useRouteStore()
const routeConfig = routeStore._routes[currentRoute.path] as GalleryListDefinition & RouteRecordRaw
const globalConfig = routeStore._globals
const storageId = `${globalConfig.id}`
const router = useRouter()
let config: GalleryList = null!
const ready = ref(false)
const entries = ref({} as GalleryEntries)
const variants = ref(validateVariants(props.variants))
const hasWarnings = ref(false)
@ -32,7 +35,7 @@ const hideWarnings = defineModel('showWarnings', { type: Boolean })
const onDisplayEntries = () => {
ready.value = false
let currentEntries = config.value.entries
let currentEntries = config.entries
if (!!variants.value) {
variants.value.forEach((variant) => {
currentEntries = amendVariantsWithDefaults(currentEntries[variant])!
@ -75,11 +78,15 @@ const onNavigateBack = (e: Event) => {
onDisplayEntries()
}
const onHideWarningsToggled = (event: Event) => {
storage.write(`${storageId}::hideWarnings`, (event.target as HTMLInputElement).checked)
}
onMounted(async () => {
config.value = await fetchAndParseYaml<GalleryList>(routeConfig.config)
config = await fetchAndParseYaml<GalleryList>(routeConfig.config)
document.title = routeConfig.title
hideWarnings.value = storage.read(`${storageId}::hideWarnings`) || false
onDisplayEntries()
ready.value = true
})
</script>
@ -104,6 +111,7 @@ onMounted(async () => {
name='warning-toggle-checkbox'
id='warning-toggle-checkbox'
v-model='hideWarnings'
@input='onHideWarningsToggled($event)'
)
Transition
.gallery(