summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupView.vue
diff options
context:
space:
mode:
authorUdo Walter2018-07-19 05:58:05 +0200
committerUdo Walter2018-07-19 05:58:05 +0200
commit039be437233b3443f8ab0b93d6f34929534ba670 (patch)
treeb6b20518172372a5d52693fdf7b7a1c0e60c96af /webapp/src/components/GroupModuleGroupView.vue
parent[webapp/dashboard] added devMode (diff)
downloadbas-039be437233b3443f8ab0b93d6f34929534ba670.tar.gz
bas-039be437233b3443f8ab0b93d6f34929534ba670.tar.xz
bas-039be437233b3443f8ab0b93d6f34929534ba670.zip
[server/groups][webapp/groups] added first version of the groups module
Diffstat (limited to 'webapp/src/components/GroupModuleGroupView.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupView.vue62
1 files changed, 62 insertions, 0 deletions
diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
new file mode 100644
index 0000000..24cbdd1
--- /dev/null
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -0,0 +1,62 @@
+<i18n>
+{
+ "en": {
+ },
+ "de": {
+ }
+}
+</i18n>
+
+<template>
+ <div>
+ <v-subheader>Groups</v-subheader>
+ <v-card>
+ <group-module-group-list :groups="subGroups" @open-group="$emit('open-group', $event)" @edit-group="$emit('edit-group', $event)" />
+ </v-card>
+ <v-subheader>Clients</v-subheader>
+ <v-card>
+ <group-module-client-list :clients="clients" @edit-client="$emit('edit-client', $event)" />
+ </v-card>
+ </div>
+</template>
+
+<script>
+import GroupModuleGroupList from '@/components/GroupModuleGroupList'
+import GroupModuleClientList from '@/components/GroupModuleClientList'
+
+export default {
+ name: 'GroupModuleGroupView',
+ props: ['id'],
+ components: {
+ GroupModuleGroupList,
+ GroupModuleClientList
+ },
+ data () {
+ return {
+ subGroups: [],
+ clients: []
+ }
+ },
+ watch: {
+ id () { this.loadData() }
+ },
+ methods: {
+ loadData () {
+ var id = this.id ? this.id : ''
+ this.$http('/api/groups?action=getSubGroups&id=' + id).then(response => {
+ this.subGroups = response.data
+ })
+ this.$http('/api/groups?action=getClients&id=' + id).then(response => {
+ this.clients = response.data
+ })
+ }
+ },
+ created () {
+ this.loadData()
+ }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+</style>