rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added example of plugin using basic HTML body

Browse source
This commit is contained in:
Joel Collins 2019-06-13 13:51:44 +01:00
parent e1a9f7625e
commit 1400f94b2f
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/panelLeft.vue
View file

@ -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>"
}
]
}
},