From 1400f94b2fd67bb1e07db40744938112a4c226a9 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 13 Jun 2019 13:51:44 +0100
Subject: [PATCH] Added example of plugin using basic HTML body

---
 src/components/panelLeft.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index 9336cddd..7a207e3a 100644
--- a/src/components/panelLeft.vue
+++ b/src/components/panelLeft.vue
@@ -7,6 +7,7 @@
       <tabIcon id="navigate" uk-icon="location" :requireConnection="true" :currentTab="currentTab" @set-tab="setTab" />
       <tabIcon id="capture" uk-icon="camera" :requireConnection="true" :currentTab="currentTab" @set-tab="setTab" />
       <tabIcon id="settings" uk-icon="cog" :requireConnection="false" :currentTab="currentTab" @set-tab="setTab" />
+      <tabIcon v-for="plugin in plugins" :key="plugin.id" :id="plugin.id" :uk-icon="plugin.icon" :requireConnection="plugin.requiresConnection" :currentTab="currentTab" @set-tab="setTab" />
     </div>
 
     <!-- Corresponding vertical tab content -->
@@ -24,6 +25,9 @@
         <tabContent id="settings" :requireConnection="false" :currentTab="currentTab">
           <paneSettings/>
         </tabContent>
+        <tabContent v-for="plugin in plugins" :key="plugin.id" :id="plugin.id" :requireConnection="plugin.requiresConnection" :currentTab="currentTab">
+          <p v-html="plugin.content"></p>
+        </tabContent>
       </div>
     </div>
 
@@ -62,6 +66,14 @@ export default {
     return {
       currentTab: 'connect',
       showControlBar: true,
+      plugins: [
+        {
+          id: 'test-plugin',
+          icon: 'code',
+          requireConnection: false,
+          content: "<b>HELLO WORLD</b>"
+        }
+      ]
     }  
   },