Added plugin and settings placeholders

This commit is contained in:
Joel Collins 2019-02-15 10:34:42 +00:00
parent 8d79cb21e1
commit ebb682976c
3 changed files with 43 additions and 2 deletions

View 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>

View 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>

View file

@ -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: {