Added plugin and settings placeholders
This commit is contained in:
parent
8d79cb21e1
commit
ebb682976c
3 changed files with 43 additions and 2 deletions
17
src/components/panePlugins.vue
Normal file
17
src/components/panePlugins.vue
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<template>
|
||||||
|
<div id="panePlugins">
|
||||||
|
<h3>Plugins</h3>
|
||||||
|
<div class="uk-placeholder uk-text-center">Plugin support coming soon...</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Export main app
|
||||||
|
export default {
|
||||||
|
name: 'panePlugins',
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
</style>
|
||||||
18
src/components/paneSettings.vue
Normal file
18
src/components/paneSettings.vue
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<template>
|
||||||
|
<div id="paneSettings">
|
||||||
|
<h3>Settings</h3>
|
||||||
|
<div class="uk-placeholder uk-text-center">Global settings coming soon...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
// Export main app
|
||||||
|
export default {
|
||||||
|
name: 'paneSettings',
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
</style>
|
||||||
|
|
@ -8,12 +8,14 @@
|
||||||
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="navigate" uk-icon="location" uk-tooltip="Navigate"></a></li>
|
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="navigate" uk-icon="location" uk-tooltip="Navigate"></a></li>
|
||||||
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="capture" uk-icon="camera" uk-tooltip="Capture"></a></li>
|
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="capture" uk-icon="camera" uk-tooltip="Capture"></a></li>
|
||||||
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="plugins" uk-icon="git-fork" uk-tooltip="Plugins"></a></li>
|
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="plugins" uk-icon="git-fork" uk-tooltip="Plugins"></a></li>
|
||||||
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="settings" uk-icon="settings" uk-tooltip="Configure"></a></li>
|
<li v-bind:class="disableIfDisconnected"><a href="#" uk-switcher-item="settings" uk-icon="settings" uk-tooltip="Settings"></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="uk-switcher uk-padding-small uk-flex uk-flex-1 panel-content">
|
<ul class="uk-switcher uk-padding-small uk-flex uk-flex-1 panel-content">
|
||||||
<li class="uk-width-expand"><paneConnect/></li>
|
<li class="uk-width-expand"><paneConnect/></li>
|
||||||
<li v-if="$store.getters.ready" class="uk-width-expand"><paneNavigate/></li>
|
<li v-if="$store.getters.ready" class="uk-width-expand"><paneNavigate/></li>
|
||||||
<li v-if="$store.getters.ready" class="uk-width-expand"><paneCapture/></li>
|
<li v-if="$store.getters.ready" class="uk-width-expand"><paneCapture/></li>
|
||||||
|
<li v-if="$store.getters.ready" class="uk-width-expand"><panePlugins/></li>
|
||||||
|
<li class="uk-width-expand"><paneSettings/></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -23,6 +25,8 @@
|
||||||
import paneConnect from './paneConnect.vue'
|
import paneConnect from './paneConnect.vue'
|
||||||
import paneNavigate from './paneNavigate.vue'
|
import paneNavigate from './paneNavigate.vue'
|
||||||
import paneCapture from './paneCapture.vue'
|
import paneCapture from './paneCapture.vue'
|
||||||
|
import panePlugins from './panePlugins.vue'
|
||||||
|
import paneSettings from './paneSettings.vue'
|
||||||
|
|
||||||
// Export main app
|
// Export main app
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -31,7 +35,9 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
paneConnect,
|
paneConnect,
|
||||||
paneNavigate,
|
paneNavigate,
|
||||||
paneCapture
|
paneCapture,
|
||||||
|
panePlugins,
|
||||||
|
paneSettings
|
||||||
},
|
},
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue