Add fullscreen and help to home navbar (#173)

Closes: #150

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: #173

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
 })