Replaced fullscreen auto logic with button toggle

This commit is contained in:
Fabio Manganiello 2020-05-20 16:15:08 +02:00
parent 82162c3c5e
commit d6b509e98a
3 changed files with 18 additions and 25 deletions

View file

@ -25,26 +25,8 @@ window.vm = new Vue({
}, },
methods: { methods: {
enterFullScreen: function() {
const self = this;
enterFullScreen().then(() => {
self.fullscreen = true;
});
},
exitFullScreen: function() {
const self = this;
exitFullscreen().finally(() => {
self.fullscreen = false;
});
},
toggleFullScreen: function() { toggleFullScreen: function() {
if (this.fullscreen) { toggleFullScreen();
this.exitFullScreen();
} else {
this.enterFullScreen();
}
}, },
}, },
@ -54,12 +36,6 @@ window.vm = new Vue({
this.selectedPlugin = m[1]; this.selectedPlugin = m[1];
} }
m = window.location.href.match('[?&]fs=([01])');
if (m) {
this.fullscreen = !parseInt(m[1]);
this.toggleFullScreen();
}
const self = this; const self = this;
setInterval(() => { setInterval(() => {
self.now = new Date(); self.now = new Date();

View file

@ -32,3 +32,16 @@ function exitFullScreen() {
} }
} }
function toggleFullScreen() {
const elem = document.fullscreenElement
|| document.webkitFullscreenElement
|| document.msFullscreenElement
|| document.mozFullScreenElement;
if (elem) {
exitFullScreen();
} else {
enterFullScreen();
}
}

View file

@ -41,6 +41,10 @@
</ul> </ul>
<div class="date-time pull-right"> <div class="date-time pull-right">
<a href="#" class="settings" @click="toggleFullScreen()">
<i class="fas fa-compress"></i>
</a>
<a href="/settings" class="settings"> <a href="/settings" class="settings">
<i class="fas fa-cog"></i> <i class="fas fa-cog"></i>
</a> </a>