diff --git a/src/js/store.js b/src/js/store.js
index e519ddf..acac4da 100644
--- a/src/js/store.js
+++ b/src/js/store.js
@@ -4,6 +4,7 @@ const state = reactive({
disclaimerAgreement: false,
enabledRegions: ['thorax','abdomen','limbs','head'],
version: '0.5.0-rc',
+ fullscreen: false,
useExternal: 'optional',
siteDemo: false,
externalServerList: []
@@ -26,13 +27,27 @@ const getServerList = () => {
}
}
+const toggleFullscreen = () => {
+ if (document.fullscreenElement) {
+ document.exitFullscreen().then( () => {
+ state.fullscreen = false
+ })
+ } else {
+ app.requestFullscreen().then( () => {
+ state.fullscreen = true
+ })
+ }
+}
+
export default () => ({
isAgreed: computed(() => state.disclaimerAgreement),
+ isFullscreen: computed(() => state.fullscreen),
demoMode: computed(() => state.siteDemo),
externalType: computed(() => state.useExternal),
getRegions: computed(() => state.enabledRegions),
getVersion: computed(() => state.version),
set,
agree,
- getServerList
+ getServerList,
+ toggleFullscreen
})
diff --git a/src/pages/detect.vue b/src/pages/detect.vue
index c7da660..5376d8a 100644
--- a/src/pages/detect.vue
+++ b/src/pages/detect.vue
@@ -149,7 +149,6 @@
serverSettings: {},
otherSettings: {},
isCordova: !!window.cordova,
- isFullscreen: false,
uploadUid: null,
uploadDirty: false,
modelLocation: '',
@@ -208,7 +207,7 @@
this.modelLoading = false
})
}
- window.onresize = (e) => { this.selectChip('redraw') }
+ window.onresize = (e) => { if (this.$refs.image_cvs) this.selectChip('redraw') }
},
computed: {
message () {
@@ -471,17 +470,6 @@
}
})
return cvsCoords
- },
- toggleFullscreen() {
- if (document.fullscreenElement) {
- document.exitFullscreen().then( () => {
- this.isFullscreen = false
- })
- } else {
- app.requestFullscreen().then( () => {
- this.isFullscreen = true
- })
- }
}
}
}
diff --git a/src/pages/home.vue b/src/pages/home.vue
index a78d4ac..e26ca44 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -6,6 +6,10 @@