Commit 1400f94b authored by Joel Collins's avatar Joel Collins
Browse files

Added example of plugin using basic HTML body

parent e1a9f762

src/components/panelLeft.vue

+12 −0
Original line number Diff line number Diff line
@@ -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>"

        }

      ]

    }  

  },