summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModule.vue')
-rw-r--r--webapp/src/components/GroupModule.vue14
1 files changed, 9 insertions, 5 deletions
diff --git a/webapp/src/components/GroupModule.vue b/webapp/src/components/GroupModule.vue
index 6ad9279..123f847 100644
--- a/webapp/src/components/GroupModule.vue
+++ b/webapp/src/components/GroupModule.vue
@@ -12,7 +12,7 @@
<v-layout>
<v-flex class="tabs-wrapper" xl10 offset-xl1 lg12>
<v-card>
- <v-tabs :value="activeTab" @input="updateActiveTab" slider-color="primary">
+ <v-tabs :value="activeTab" @input="updateActiveTab" :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor">
<template v-for="(group, index) in groupChain">
<v-icon v-if="group.id > 0" :key="2*index">keyboard_arrow_right</v-icon>
<v-tab :key="2*index+1" ripple>
@@ -31,19 +31,20 @@
</v-tabs-items>
</v-flex>
</v-layout>
+ <group-module-edit-dialog />
</v-container>
</template>
<script>
import GroupModuleGroupView from '@/components/GroupModuleGroupView'
-import GroupModuleEdit from '@/components/GroupModuleEdit'
-import { mapState } from 'vuex'
+import GroupModuleEditDialog from '@/components/GroupModuleEditDialog'
+import { mapState, mapGetters } from 'vuex'
export default {
name: 'GroupModule',
components: {
GroupModuleGroupView,
- GroupModuleEdit
+ GroupModuleEditDialog
},
data () {
return {
@@ -53,6 +54,7 @@ export default {
}
},
computed: {
+ ...mapGetters(['tabsDark', 'tabsColor', 'tabsSliderColor']),
...mapState('groups', ['groupChain', 'activeTab'])
},
methods: {
@@ -61,7 +63,9 @@ export default {
}
},
created () {
- this.$store.dispatch('groups/loadGroup', { tabIndex: 0, id: 0 })
+ if (this.$store.state.groups.groupChain == null || this.$store.state.groups.groupChain.length === 0) {
+ this.$store.dispatch('groups/loadGroupInChain', { tabIndex: 0, id: 0 })
+ }
}
}
</script>