From 6b9d83f26afb6ce0abb522b5e0c99cd829469e22 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 21 Nov 2019 14:47:10 +0000
Subject: [PATCH] Hide all PiCamera settings if not relevant

---
 .../settingsComponents/cameraSettings.vue     | 71 ++++++++++---------
 1 file changed, 37 insertions(+), 34 deletions(-)

diff --git a/src/components/controlComponents/settingsComponents/cameraSettings.vue b/src/components/controlComponents/settingsComponents/cameraSettings.vue
index 4c15c9f1..1dfd538f 100644
--- a/src/components/controlComponents/settingsComponents/cameraSettings.vue
+++ b/src/components/controlComponents/settingsComponents/cameraSettings.vue
@@ -1,44 +1,47 @@
 <template>
   <div v-if="camera_settings" id="cameraSettings">
     <form @submit.prevent="applyConfigRequest">
-      <div v-if="camera_settings.picamera_settings.shutter_speed">
-        <label class="uk-form-label" for="form-stacked-text"
-          >Exposure time</label
-        >
-        <div class="uk-form-controls">
-          <input
-            v-model="camera_settings.picamera_settings.shutter_speed"
-            class="uk-input uk-form-small"
-            type="number"
-          />
+      <div v-if="camera_settings.picamera_settings">
+        <!--PiCamera settings block-->
+        <div v-if="camera_settings.picamera_settings.shutter_speed">
+          <label class="uk-form-label" for="form-stacked-text"
+            >Exposure time</label
+          >
+          <div class="uk-form-controls">
+            <input
+              v-model="camera_settings.picamera_settings.shutter_speed"
+              class="uk-input uk-form-small"
+              type="number"
+            />
+          </div>
         </div>
-      </div>
 
-      <div v-if="camera_settings.picamera_settings.analog_gain">
-        <label class="uk-form-label" for="form-stacked-text"
-          >Analogue gain</label
-        >
-        <div class="uk-form-controls">
-          <input
-            v-model="camera_settings.picamera_settings.analog_gain"
-            class="uk-input uk-form-small"
-            type="number"
-            step="0.000001"
-          />
+        <div v-if="camera_settings.picamera_settings.analog_gain">
+          <label class="uk-form-label" for="form-stacked-text"
+            >Analogue gain</label
+          >
+          <div class="uk-form-controls">
+            <input
+              v-model="camera_settings.picamera_settings.analog_gain"
+              class="uk-input uk-form-small"
+              type="number"
+              step="0.000001"
+            />
+          </div>
         </div>
-      </div>
 
-      <div v-if="camera_settings.picamera_settings.digital_gain">
-        <label class="uk-form-label" for="form-stacked-text"
-          >Digital gain</label
-        >
-        <div class="uk-form-controls">
-          <input
-            v-model="camera_settings.picamera_settings.digital_gain"
-            class="uk-input uk-form-small"
-            type="number"
-            step="0.000001"
-          />
+        <div v-if="camera_settings.picamera_settings.digital_gain">
+          <label class="uk-form-label" for="form-stacked-text"
+            >Digital gain</label
+          >
+          <div class="uk-form-controls">
+            <input
+              v-model="camera_settings.picamera_settings.digital_gain"
+              class="uk-input uk-form-small"
+              type="number"
+              step="0.000001"
+            />
+          </div>
         </div>
       </div>