From ebb682976cbc5aaf99a0c683f5362922f2a3c1df Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Fri, 15 Feb 2019 10:34:42 +0000
Subject: [PATCH] Added plugin and settings placeholders

---
 src/components/panePlugins.vue  | 17 +++++++++++++++++
 src/components/paneSettings.vue | 18 ++++++++++++++++++
 src/components/panelLeft.vue    | 10 ++++++++--
 3 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 src/components/panePlugins.vue
 create mode 100644 src/components/paneSettings.vue

diff --git a/src/components/panePlugins.vue b/src/components/panePlugins.vue
new file mode 100644
index 00000000..ff116986
--- /dev/null
+++ b/src/components/panePlugins.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="panePlugins">
+    <h3>Plugins</h3>
+    <div class="uk-placeholder uk-text-center">Plugin support coming soon...</div>
+  </div>
+</template>
+
+<script>
+
+// Export main app
+export default {
+  name: 'panePlugins',
+}
+</script>
+
+<style lang="less">
+</style>
diff --git a/src/components/paneSettings.vue b/src/components/paneSettings.vue
new file mode 100644
index 00000000..4c99da3a
--- /dev/null
+++ b/src/components/paneSettings.vue
@@ -0,0 +1,18 @@
+<template>
+  <div id="paneSettings">
+    <h3>Settings</h3>
+    <div class="uk-placeholder uk-text-center">Global settings coming soon...</div>
+  </div>
+  </div>
+</template>
+
+<script>
+
+// Export main app
+export default {
+  name: 'paneSettings',
+}
+</script>
+
+<style lang="less">
+</style>
diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index 9bbf7f04..49cc2aff 100644
--- a/src/components/panelLeft.vue
+++ b/src/components/panelLeft.vue
@@ -8,12 +8,14 @@
       <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="Configure"></a></li>
+      <li v-bind:class="disableIfDisconnected"><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"><paneSettings/></li>
     </ul>
   </div>
 </template>
@@ -23,6 +25,8 @@
 import paneConnect from './paneConnect.vue'
 import paneNavigate from './paneNavigate.vue'
 import paneCapture from './paneCapture.vue'
+import panePlugins from './panePlugins.vue'
+import paneSettings from './paneSettings.vue'
 
 // Export main app
 export default {
@@ -31,7 +35,9 @@ export default {
   components: {
     paneConnect,
     paneNavigate,
-    paneCapture
+    paneCapture,
+    panePlugins,
+    paneSettings
   },
 
   computed: {