beenull/photoprism
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Frontend: Show fullscreen toggle in experimental mode only

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-06-10 10:28:18 +02:00
parent 0d5c7bd608
commit 0f7b598806
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/component/p-album-toolbar.vue
View file

@ -41,7 +41,7 @@
</v-btn> </v-btn>
<v-btn icon @click.stop="toggleFullScreen()" <v-btn icon @click.stop="toggleFullScreen()"
class="hidden-xs-only"> class="hidden-xs-only" v-if="experimental">
<v-icon v-if="isFullScreen">fullscreen_exit</v-icon> <v-icon v-if="isFullScreen">fullscreen_exit</v-icon>
<v-icon v-else>fullscreen</v-icon> <v-icon v-else>fullscreen</v-icon>
</v-btn> </v-btn>
@ -147,6 +147,7 @@
const configValues = this.$config.values; const configValues = this.$config.values;
return { return {
experimental: this.$config.get("experimental"),
isFullScreen: !!document.fullscreenElement, isFullScreen: !!document.fullscreenElement,
categories: configValues.albumCategories ? configValues.albumCategories : [], categories: configValues.albumCategories ? configValues.albumCategories : [],
searchExpanded: false, searchExpanded: false,

3
frontend/src/component/p-photo-toolbar.vue
View file

@ -32,7 +32,7 @@
</v-btn> </v-btn>
<v-btn icon @click.stop="toggleFullScreen()" <v-btn icon @click.stop="toggleFullScreen()"
class="hidden-xs-only"> class="hidden-xs-only" v-if="experimental">
<v-icon v-if="isFullScreen">fullscreen_exit</v-icon> <v-icon v-if="isFullScreen">fullscreen_exit</v-icon>
<v-icon v-else>fullscreen</v-icon> <v-icon v-else>fullscreen</v-icon>
</v-btn> </v-btn>
@ -171,6 +171,7 @@
}, },
data() { data() {
return { return {
experimental: this.$config.get("experimental"),
isFullScreen: !!document.fullscreenElement, isFullScreen: !!document.fullscreenElement,
config: this.$config.values, config: this.$config.values,
searchExpanded: false, searchExpanded: false,