From 0d55838b86e74e374f01fcefff85ca0a651a5f84 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Fri, 15 Feb 2019 11:33:12 +0000
Subject: [PATCH] Added stream disable to settings

---
 .../paneDisplayComponents/streamDisplay.vue   |  5 +++-
 src/components/paneSettings.vue               | 28 +++++++++++++++++--
 src/components/panelLeft.vue                  |  8 +++---
 src/store.js                                  |  9 +++++-
 4 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/components/paneDisplayComponents/streamDisplay.vue b/src/components/paneDisplayComponents/streamDisplay.vue
index dfbe7854..f994cd6e 100644
--- a/src/components/paneDisplayComponents/streamDisplay.vue
+++ b/src/components/paneDisplayComponents/streamDisplay.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="streamDisplay scrollTarget">
 
-		<img class="uk-align-center" v-on:dblclick="clickmonitor" v-if="$store.getters.ready" v-bind:src="streamImgUri" alt="Stream">
+		<img class="uk-align-center" v-on:dblclick="clickmonitor" v-if="showStream" v-bind:src="streamImgUri" alt="Stream">
 
 		<div v-else-if="$store.state.waiting" class="uk-position-center">
 			<div uk-spinner="ratio: 4.5" ></div>
@@ -32,6 +32,9 @@ export default {
   },
 
   computed: {
+		showStream: function () {
+			return this.$store.getters.ready && !this.$store.state.settings.disableStream
+		},
     streamImgUri: function () {
       return this.$store.getters.uri + "/stream"
     }
diff --git a/src/components/paneSettings.vue b/src/components/paneSettings.vue
index 4c99da3a..149d380b 100644
--- a/src/components/paneSettings.vue
+++ b/src/components/paneSettings.vue
@@ -1,8 +1,12 @@
 <template>
   <div id="paneSettings">
     <h3>Settings</h3>
-    <div class="uk-placeholder uk-text-center">Global settings coming soon...</div>
-  </div>
+
+    <div class="uk-child-width-1-2" uk-grid>
+      <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p>
+      <p><label><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p>
+    </div>
+
   </div>
 </template>
 
@@ -11,6 +15,26 @@
 // Export main app
 export default {
   name: 'paneSettings',
+
+  computed: {
+    disableStream: {
+      get() {
+        return this.$store.state.settings.disableStream;
+      },
+      set(value) {
+        this.$store.commit("changeSetting", ['disableStream', value]);
+      }
+    },
+    autoGpuPreview: {
+      get() {
+        return this.$store.state.settings.autoGpuPreview;
+      },
+      set(value) {
+        this.$store.commit("changeSetting", ['autoGpuPreview', value]);
+      }
+    }
+  }
+
 }
 </script>
 
diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index 49cc2aff..4e7200b2 100644
--- a/src/components/panelLeft.vue
+++ b/src/components/panelLeft.vue
@@ -8,13 +8,13 @@
       <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="navigate" uk-icon="location" uk-tooltip="Navigate"></a></li>
       <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="capture" uk-icon="camera" uk-tooltip="Capture"></a></li>
       <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="plugins" uk-icon="git-fork" uk-tooltip="Plugins"></a></li>
-      <li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="settings" uk-icon="settings" uk-tooltip="Settings"></a></li>
+      <li><a href="#" uk-switcher-item="settings" uk-icon="settings" uk-tooltip="Settings"></a></li>
     </ul>
     <ul class="uk-switcher uk-padding-small uk-flex uk-flex-1 panel-content">
       <li class="uk-width-expand"><paneConnect/></li>
-      <li v-if="$store.getters.ready" class="uk-width-expand"><paneNavigate/></li>
-      <li v-if="$store.getters.ready" class="uk-width-expand"><paneCapture/></li>
-      <li v-if="$store.getters.ready" class="uk-width-expand"><panePlugins/></li>
+      <li class="uk-width-expand"><div v-if="$store.getters.ready"><paneNavigate/></div></li>
+      <li class="uk-width-expand"><div v-if="$store.getters.ready"><paneCapture/></div></li>
+      <li class="uk-width-expand"><div v-if="$store.getters.ready"><panePlugins/></div></li>
       <li class="uk-width-expand"><paneSettings/></li>
     </ul>
   </div>
diff --git a/src/store.js b/src/store.js
index 6575e2e9..c5c286bc 100644
--- a/src/store.js
+++ b/src/store.js
@@ -16,7 +16,11 @@ export default new Vuex.Store({
     error: '',
     apiConfig: {},
     apiState: {},
-    moveLock: false
+    moveLock: false,
+    settings: {
+      disableStream: false,
+      autoGpuPreview: false
+    }
   },
 
   mutations: {
@@ -42,6 +46,9 @@ export default new Vuex.Store({
     },
     commitState(state, stateData) {
       state.apiState = stateData;
+    },
+    changeSetting(state, [key, value]) {
+      state.settings[key] = value;
     }
   },