From a9506c4abc0e1a57d091dbdb6a55a97036bc32e8 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Tue, 17 Mar 2020 15:08:59 +0000
Subject: [PATCH] Enable extension-defined choice of view panel

---
 src/components/panelLeft.vue                    |  1 +
 .../tabContentComponents/extensionContent.vue   | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index 91d4ed92..3bc22cc3 100644
--- a/src/components/panelLeft.vue
+++ b/src/components/panelLeft.vue
@@ -130,6 +130,7 @@
             :submit-label="form.submitLabel"
             :schema="form.schema"
             :emit-on-response="form.emitOnResponse"
+            :view-panel="form.viewPanel"
             @reloadForms="updatePlugins()"
           />
           <hr />
diff --git a/src/components/tabContentComponents/extensionContent.vue b/src/components/tabContentComponents/extensionContent.vue
index 95b83d28..de1e518d 100644
--- a/src/components/tabContentComponents/extensionContent.vue
+++ b/src/components/tabContentComponents/extensionContent.vue
@@ -4,20 +4,28 @@
     <div class="control-component">
       <JsonForm v-bind="$props" v-on="$listeners" />
     </div>
-    <div class="view-component uk-width-expand"><streamDisplay /></div>
+    <div class="view-component uk-width-expand">
+      <galleryDisplay v-if="viewPanel == 'gallery'" />
+      <settingsDisplay v-else-if="viewPanel == 'settings'" />
+      <streamDisplay v-else />
+    </div>
   </div>
 </template>
 
 <script>
 import JsonForm from "../pluginComponents/JsonForm";
 import streamDisplay from "../viewComponents/streamDisplay.vue";
+import galleryDisplay from "../viewComponents/galleryDisplay.vue";
+import settingsDisplay from "../viewComponents/settingsDisplay.vue";
 
 export default {
   name: "ExtensionContent",
 
   components: {
     JsonForm,
-    streamDisplay
+    streamDisplay,
+    galleryDisplay,
+    settingsDisplay
   },
 
   props: {
@@ -48,6 +56,11 @@ export default {
       type: String,
       required: false,
       default: null
+    },
+    viewPanel: {
+      type: String,
+      required: false,
+      default: "stream"
     }
   }
 };