summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJannik Schönartz2018-07-31 15:40:02 +0200
committerJannik Schönartz2018-07-31 15:40:02 +0200
commit88eec63c09a7d047ed470ba2f395195062365ce1 (patch)
treeb5f1e1e65f8302b723f5d14793343be16ae52e2e
parent[server/external-backends] Added iDoIT Api call for getting the locationtree ... (diff)
downloadbas-88eec63c09a7d047ed470ba2f395195062365ce1.tar.gz
bas-88eec63c09a7d047ed470ba2f395195062365ce1.tar.xz
bas-88eec63c09a7d047ed470ba2f395195062365ce1.zip
[webapp/external-backends] Splitted the edit and delete Dialog.
-rw-r--r--webapp/src/components/BackendModule.vue17
-rw-r--r--webapp/src/components/BackendModuleEdit.vue12
-rw-r--r--webapp/src/components/BackendModuleTable.vue3
-rw-r--r--webapp/src/store/backends.js9
4 files changed, 26 insertions, 15 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
index 24a5b52..0ff80fd 100644
--- a/webapp/src/components/BackendModule.vue
+++ b/webapp/src/components/BackendModule.vue
@@ -40,29 +40,30 @@
v-if="$store.state.backends.dialog"
:value="$store.state.backends.dialog"
@input="$store.commit('backends/setDialog', { show: $event })"
- max-width="700px"
+ max-width="500px"
scrollable
>
- <v-card v-if="$store.state.backends.deleteDialog">
- <v-card-title primary-title>
+ <v-card>
+ <v-card-title primary-title class="elevation-3">
<div>
<div class="headline">{{ $tc('delete-backend', selected.length, [selected.length]) }}</div>
- <template v-for="item in selected">
- <span class="grey--text" :key="item.id">[{{ item.id }}] {{ item.name }} ({{ item.type }})</span><br :key="item.id">
- </template>
</div>
</v-card-title>
<v-card-text>
{{ $tc('delete-are-you-sure', selected.length) }}
+ <template v-for="item in selected">
+ <div class="grey--text" :key="item.id">[{{ item.id }}] {{ item.name }} ({{ item.type }})</div>
+ </template>
</v-card-text>
+ <v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
- <v-btn flat="flat" @click="$store.commit('backends/setDialog', { show: false, del: true })">{{ $t('cancel') }}</v-btn>
+ <v-btn flat="flat" @click="$store.commit('backends/setDialog', { show: false })">{{ $t('cancel') }}</v-btn>
<v-btn color="error" @click="$store.commit('backends/setDialog', { show: false }); $store.dispatch('backends/deleteSelectedBackends')">{{ $t('delete') }}</v-btn>
</v-card-actions>
</v-card>
- <backend-module-edit v-else :backendId="$store.state.backends.backendId"/>
</v-dialog>
+ <backend-module-edit v-if="$store.state.backends.edit" :backendId="$store.state.backends.backendId"/>
</v-container>
</template>
diff --git a/webapp/src/components/BackendModuleEdit.vue b/webapp/src/components/BackendModuleEdit.vue
index 664ace5..c5ef75f 100644
--- a/webapp/src/components/BackendModuleEdit.vue
+++ b/webapp/src/components/BackendModuleEdit.vue
@@ -27,6 +27,13 @@
}
</i18n>
<template>
+ <v-dialog
+ v-if="$store.state.backends.edit"
+ :value="$store.state.backends.edit"
+ @input="$store.commit('backends/setEdit', { show: $event })"
+ max-width="700px"
+ scrollable
+ >
<!-- dialog needs scrollable attribute-->
<v-card>
<v-card-title style="padding: 0px">
@@ -105,13 +112,14 @@
<v-divider></v-divider>
<v-card-actions>
<v-flex xl10 offset-xl2 lg12 text-xs-right>
- <v-btn flat @click.native="$store.commit('backends/setDialog', { show: false })">{{ $t('cancel') }}</v-btn>
+ <v-btn flat @click.native="$store.commit('backends/setEdit', false)">{{ $t('cancel') }}</v-btn>
<v-btn color="primary" v-show="step == 1" @click.native="completeStepOne()">{{ $t('continue') }}</v-btn>
<v-btn color="primary" v-show="step == 2" @click.native="completeStepTwo()">{{ $t('continue') }}</v-btn>
<v-btn type="submit" @click="submit" v-show="step == 3" class="primary" raised>{{ $t('submit') }}</v-btn>
</v-flex>
</v-card-actions>
</v-card>
+ </v-dialog>
</template>
<script>
@@ -150,7 +158,7 @@ export default {
// TODO: Add backend saved successfull msg.
console.log('TODO: Implement snackbar and print backend added successfully msg.')
this.$store.dispatch('backends/loadData')
- this.$store.commit('backends/setDialog', { show: false })
+ this.$store.commit('backends/setEdit', false)
}).catch(error => {
console.log(error)
// if (error.response.data.status === '') {
diff --git a/webapp/src/components/BackendModuleTable.vue b/webapp/src/components/BackendModuleTable.vue
index dffd2bf..d51d028 100644
--- a/webapp/src/components/BackendModuleTable.vue
+++ b/webapp/src/components/BackendModuleTable.vue
@@ -96,7 +96,8 @@ export default {
{ text: 'Name', value: 'name', width: '10000px' },
{ text: 'Type', value: 'type' },
{ sortable: false }
- ]
+ ],
+ edit: false
}
},
methods: {
diff --git a/webapp/src/store/backends.js b/webapp/src/store/backends.js
index c8ebfc4..8816381 100644
--- a/webapp/src/store/backends.js
+++ b/webapp/src/store/backends.js
@@ -5,14 +5,13 @@ export default {
state: {
backends: [],
dialog: false,
- deleteDialog: false,
+ edit: false,
selected: [],
backendId: ''
},
mutations: {
setDialog (state, value) {
state.dialog = value.show
- state.deleteDialog = value.del
},
setSelected (state, value) {
state.selected = value
@@ -22,8 +21,10 @@ export default {
},
editBackend (state, value) {
state.backendId = value
- state.dialog = true
- state.deleteDialog = false
+ state.edit = true
+ },
+ setEdit (state, value) {
+ state.edit = value
}
},
actions: {