summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientView.vue
diff options
context:
space:
mode:
authorUdo Walter2018-08-02 06:38:41 +0200
committerUdo Walter2018-08-02 06:38:41 +0200
commit6d7ca39adac324246b6862ed1299384ef998b8ec (patch)
tree82de9db2ece4396a9fdf4d98d9e55b5c32c2391c /webapp/src/components/GroupModuleClientView.vue
parent[groups] add ability to show all groups and clients (diff)
downloadbas-6d7ca39adac324246b6862ed1299384ef998b8ec.tar.gz
bas-6d7ca39adac324246b6862ed1299384ef998b8ec.tar.xz
bas-6d7ca39adac324246b6862ed1299384ef998b8ec.zip
[groups] add delete client/group functionality
Diffstat (limited to 'webapp/src/components/GroupModuleClientView.vue')
-rw-r--r--webapp/src/components/GroupModuleClientView.vue22
1 files changed, 16 insertions, 6 deletions
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index 43f09b2..86874b1 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -14,7 +14,7 @@
<v-card-text>
<v-layout wrap>
<v-flex sm6 xs12 order-xs2 order-sm1>
- <v-text-field v-if="editMode" hide-details class="info-input" label="Name" color="primary" v-model="info.name"></v-text-field>
+ <v-text-field box v-if="editMode" hide-details class="info-input" label="Name" color="primary" v-model="info.name"></v-text-field>
<div v-else class="info-input">
<div class="body-2">Name</div>
{{ client.name || '-' }}
@@ -36,7 +36,7 @@
</v-layout>
<v-layout wrap>
<v-flex sm6 xs12>
- <v-textarea v-if="editMode" rows="1" auto-grow hide-details class="info-input" label="Description" color="primary" v-model="info.description"></v-textarea>
+ <v-textarea box v-if="editMode" rows="1" auto-grow hide-details class="info-input" label="Description" color="primary" v-model="info.description"></v-textarea>
<div v-else class="info-input">
<div class="body-2">Description</div>
<pre>{{ client.description || '-' }}</pre>
@@ -44,6 +44,7 @@
</v-flex>
<v-flex sm6 xs12>
<v-autocomplete
+ box
v-if="editMode"
class="info-input"
:items="$store.state.groups.groupList"
@@ -55,7 +56,7 @@
multiple
>
<template slot="selection" slot-scope="data">
- <v-chip small :selected="data.selected" @input="removeGroup(data.item.value)" close>
+ <v-chip :color="chipColor" :text-color="chipTextColor" small :selected="data.selected" @input="removeGroup(data.item.value)" close>
{{ data.item.text }}
</v-chip>
</template>
@@ -73,14 +74,14 @@
</v-layout>
<v-layout wrap>
<v-flex sm6 xs12>
- <v-text-field v-if="editMode" hide-details class="info-input" label="IP Address" color="primary" v-model="info.ip"></v-text-field>
+ <v-text-field box v-if="editMode" hide-details class="info-input" label="IP Address" color="primary" v-model="info.ip"></v-text-field>
<div v-else class="info-input">
<div class="body-2">IP Address</div>
{{ client.ip || '-' }}
</div>
</v-flex>
<v-flex sm6 xs12>
- <v-text-field v-if="editMode" hide-details class="info-input" label="MAC Address" color="primary" v-model="info.mac"></v-text-field>
+ <v-text-field box v-if="editMode" hide-details class="info-input" label="MAC Address" color="primary" v-model="info.mac"></v-text-field>
<div v-else class="info-input">
<div class="body-2">MAC Address</div>
{{ client.mac || '-' }}
@@ -89,7 +90,7 @@
</v-layout>
<v-layout wrap>
<v-flex sm6 xs12>
- <v-text-field v-if="editMode" hide-details class="info-input" label="UUID" color="primary" v-model="info.uuid"></v-text-field>
+ <v-text-field box v-if="editMode" hide-details class="info-input" label="UUID" color="primary" v-model="info.uuid"></v-text-field>
<div v-else class="info-input">
<div class="body-2">UUID</div>
{{ client.uuid || '-' }}
@@ -127,6 +128,14 @@ export default {
else if (newValue.id !== oldValue.id) this.editMode = false
}
},
+ computed: {
+ chipColor () {
+ return this.$store.state.settings.dark ? 'grey darken-1' : 'white'
+ },
+ chipTextColor () {
+ return this.$store.state.settings.dark ? 'white' : 'black'
+ }
+ },
methods: {
removeGroup (id) {
this.groupIds.splice(this.groupIds.indexOf(id), 1)
@@ -139,6 +148,7 @@ export default {
},
cancelEdit () {
this.editMode = false
+ if (this.client.id) return
this.$store.commit('groups/deleteFromTabChain', { index: this.tabIndex, count: 1 })
this.$store.commit('groups/setActiveTab', this.tabIndex - 1)
},