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="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="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 class="uk-switcher uk-padding-small uk-flex uk-flex-1 panel-content">
|
||||
<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"><paneCapture/></li>
|
||||
<li v-if="$store.getters.ready" class="uk-width-expand"><panePlugins/></li>
|
||||
<li class="uk-width-expand"><paneSettings/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -23,6 +25,8 @@
|
|||
import paneConnect from './paneConnect.vue'
|
||||
import paneNavigate from './paneNavigate.vue'
|
||||
import paneCapture from './paneCapture.vue'
|
||||
import panePlugins from './panePlugins.vue'
|
||||
import paneSettings from './paneSettings.vue'
|
||||
|
||||
// Export main app
|
||||
export default {
|
||||
|
|
@ -31,7 +35,9 @@ export default {
|
|||
components: {
|
||||
paneConnect,
|
||||
paneNavigate,
|
||||
paneCapture
|
||||
paneCapture,
|
||||
panePlugins,
|
||||
paneSettings
|
||||
},
|
||||
|
||||
computed: {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue