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

Get plugins from Vuex store

Browse source
This commit is contained in:
Joel Collins 2019-06-14 17:40:55 +01:00
parent 36eb3b4396
commit 59aaa12c59
1 changed files with 10 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

80
src/components/panelLeft.vue
View file

@ -8,7 +8,7 @@
<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" />
<tabIcon v-for="plugin in $store.state.apiPlugins" :key="plugin.id" :id="plugin.id" :uk-icon="plugin.icon" :requireConnection="plugin.requiresConnection" :currentTab="currentTab" @set-tab="setTab" />
</div>
@ -28,7 +28,7 @@
<paneSettings/>
</tabContent>
<tabContent v-for="plugin in plugins" :key="plugin.id" :id="plugin.id" :requireConnection="plugin.requiresConnection" :currentTab="currentTab">
<tabContent v-for="plugin in $store.state.apiPlugins" :key="plugin.id" :id="plugin.id" :requireConnection="plugin.requiresConnection" :currentTab="currentTab">
<JsonForm v-for="form in plugin.forms" :key="form.route" :route="form.route" :schema="form.schema"/>
</tabContent>
@ -73,73 +73,7 @@ export default {
data: function () {
return {
currentTab: 'connect',
showControlBar: true,
plugins: [
{
id: 'test-plugin',
icon: 'code',
requireConnection: false,
forms: [
{
route: "/test/foo",
schema: [
{
fieldType: "htmlBlock",
name: "heading",
content: "<b>This is a cool plugin!</b>"
},
{
fieldType: "selectList",
name: "title",
multi: false,
label: "Title",
options: ["", "Mr", "Ms", "Mx", "Dr", "Madam", "Lord"]
},
{
fieldType: "textInput",
placeholder: "Name",
label: "Name",
name: "name"
},
{
fieldType: "numberInput",
placeholder: "Age",
name: "age",
label: "Age",
minValue: 0
},
[
{
fieldType: "numberInput",
placeholder: "Number",
name: "leftnum",
label: "Left"
},
{
fieldType: "numberInput",
placeholder: "Number",
name: "rightnum",
label: "Right"
}
],
{
fieldType: "radioList",
name: "coolness",
label: "Coolness",
options: ["None", "Some", "Very"]
},
{
fieldType: "checkList",
name: "ingredients",
label: "Ingredients",
options: ["Pork", "Pie"]
},
]
}
]
}
]
showControlBar: true
}
},
@ -153,8 +87,14 @@ export default {
this.showControlBar = true
this.currentTab = tab
}
}
},
},
computed: {
pluginApiUri: function () {
return this.$store.getters.uri + "/plugin"
},
}
}