From 348eb1b73f552164718be9ff0b6b3561aa8243c7 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 14 Feb 2019 12:01:05 +0000
Subject: [PATCH] Started templating capture panel

---
 src/components/paneCapture.vue | 48 ++++++++++++++++++++++++++++++++++
 src/components/panelLeft.vue   |  5 +++-
 2 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 src/components/paneCapture.vue

diff --git a/src/components/paneCapture.vue b/src/components/paneCapture.vue
new file mode 100644
index 00000000..ca810b71
--- /dev/null
+++ b/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>
diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index 2167e348..9bbf7f04 100644
--- a/src/components/panelLeft.vue
+++ b/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: {