encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat/add_user_theme_view_controls: do not display icon if thumbs are disabled

Browse Source
This commit is contained in:
sedum
2022-11-29 17:59:40 +01:00
parent 88145867ae
commit a535e9c215
2 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/Event.vue
View File

@@ -24,10 +24,7 @@ import { mdiRepeat, mdiCalendar, mdiMapMarker } from '@mdi/js'
export default { export default {
data({ $store }) { data({ $store }) {
return { mdiRepeat, mdiMapMarker, mdiCalendar, return { mdiRepeat, mdiMapMarker, mdiCalendar,
// user can't see hidden thumbs
hide_thumbs: this.$cookies.get('theme.hide_thumbs') || $store.state.settings.hide_thumbs hide_thumbs: this.$cookies.get('theme.hide_thumbs') || $store.state.settings.hide_thumbs
// user can override
// hide_thumbs: this.$cookies.get('theme.hide_thumbs')
} }
}, },
components: { components: {

24
components/ThemeView.vue
View File

@@ -1,7 +1,7 @@
<template lang="pug"> <template lang="pug">
div.p-0.m-0.d-flex.justify-end(:key='reload') div.p-0.m-0.d-flex.justify-end(:key='reload')
v-icon.ml-5(@click='_is_dark()' v-text='mdiContrastCircle') v-icon.ml-5(@click='_is_dark()' v-text='mdiContrastCircle')
v-icon.ml-5(@click='_hide_thumbs()' v-text='!hide_thumbs ? mdiViewList : mdiViewModule') v-icon.ml-5(@click='_hide_thumbs()' v-if="!hide_thumbs" v-text='!hide_thumbs_icon ? mdiViewList : mdiViewModule')
</template> </template>
@@ -14,6 +14,8 @@ export default {
data ({ $store }) { data ({ $store }) {
return { return {
mdiViewModule, mdiViewList, mdiContrastCircle, mdiViewModule, mdiViewList, mdiContrastCircle,
hide_thumbs: $store.state.settings.hide_thumbs,
hide_thumbs_icon: $store.state.settings.hide_thumbs,
reload: 0 reload: 0
} }
}, },
@@ -27,28 +29,20 @@ export default {
}) })
}, },
async _hide_thumbs() { async _hide_thumbs() {
const theme_hide_thumbs = await this.$cookies.get('theme.hide_thumbs') let theme_hide_thumbs = await this.$cookies.get('theme.hide_thumbs')
if (theme_hide_thumbs != null) { if (theme_hide_thumbs != null) {
this.hide_thumbs = !theme_hide_thumbs theme_hide_thumbs = !theme_hide_thumbs
} else { } else {
this.hide_thumbs = !$store.state.settings.hide_thumbs theme_hide_thumbs = !this.settings.hide_thumbs
} }
await this.$cookies.set('theme.hide_thumbs', this.hide_thumbs, { await this.$cookies.set('theme.hide_thumbs', theme_hide_thumbs, {
path: '/', path: '/',
maxAge: 60 * 60 * 24 * 7 maxAge: 60 * 60 * 24 * 7
}) })
await this.reload++ this.hide_thumbs_icon = theme_hide_thumbs
this.reload++
this.$root.$emit('layout_loaded', true) this.$root.$emit('layout_loaded', true)
}, },
async hide_thumbs () {
const hide_thumbs = await this.$cookies.get('theme.hide_thumbs')
if (hide_thumbs != null) {
this.hide_thumbs = hide_thumbs
} else {
this.hide_thumbs = $store.state.settings.hide_thumbs
}
return hide_thumbs
}
} }
} }
</script> </script>