Started templating capture panel

src/components/paneCapture.vue

@@ -0,0 +1,48 @@
+<template>
+  <div id="paneCapture">
+
+    <div>
+      <label class="uk-form-label" for="form-stacked-text">Filename</label>
+      <input v-model="filename" class="uk-input uk-width-1-1 uk-form-small" name="inputFilename" placeholder="Leave blank for default">
+    </div>
+
+    <label><input v-model="temporary" class="uk-checkbox" type="checkbox"> Temporary</label>
+    <label><input v-model="fullResolution" class="uk-checkbox" type="checkbox"> Full resolution</label>
+    <label><input v-model="storeBayer" class="uk-checkbox" type="checkbox"> Store raw data</label>
+
+    <label><input v-model="resizeCapture" class="uk-checkbox" type="checkbox"> Resize capture</label>
+
+    <div class="uk-child-width-1-2" uk-grid>
+
+      <div>
+        <input v-model="resizeDims[0]" class="uk-input uk-form-width-medium uk-form-small" type="number" name="inputResizeW">
+      </div>
+
+      <div>
+        <input v-model="resizeDims[1]" class="uk-input uk-form-width-medium uk-form-small" type="number" name="inputResizeH">
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+// Export main app
+export default {
+  name: 'paneCapture',
+
+  data: function () {
+    return {
+      filename: '',
+      temporary: false,
+      fullResolution: false,
+      storeBayer: false,
+      resizeCapture: false,
+      resizeDims: [640, 480]
+    }
+  },
+
+}
+</script>

src/components/panelLeft.vue

@@ -13,6 +13,7 @@
     <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>
     </ul>
   </div>
 </template>
@@ -21,6 +22,7 @@
 // Import components
 import paneConnect from './paneConnect.vue'
 import paneNavigate from './paneNavigate.vue'
+import paneCapture from './paneCapture.vue'
 
 // Export main app
 export default {
@@ -28,7 +30,8 @@ export default {
 
   components: {
     paneConnect,
-    paneNavigate
+    paneNavigate,
+    paneCapture
   },
 
   computed: {