summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/BackendModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/BackendModule.vue')
-rw-r--r--webapp/src/components/BackendModule.vue37
1 files changed, 20 insertions, 17 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
index 71ba02f..8100367 100644
--- a/webapp/src/components/BackendModule.vue
+++ b/webapp/src/components/BackendModule.vue
@@ -1,13 +1,13 @@
<i18n>
{
"en": {
- "delete-are-you-sure": "Are you sure you want to delete this backend? | Are you sure you want to delete those backends?",
- "delete-backend": "Delete {0} backend | Delete {0} backends",
+ "deleteAreYouSure": "Are you sure you want to delete this backend? | Are you sure you want to delete those backends?",
+ "removeBackend": "Remove one backend | Remove {0} backends",
"backends": "Backends"
},
"de": {
- "delete-are-you-sure": "Sind sie sicher, dass sie dieses Backend Löschen wollen? | Sind sie sicher, dass sie diese Backends Löschen wollen?",
- "delete-backend": "Lösche {0} Backend | Delete {0} Backends",
+ "deleteAreYouSure": "Sind Sie sicher, dass sie dieses Backend Löschen wollen? | Sind sie sicher, dass sie diese Backends Löschen wollen?",
+ "removeBackend": "Entferne ein Backend | Entferne {0} Backends",
"backends": "Backends"
}
}
@@ -37,45 +37,48 @@
</v-layout>
<v-dialog
- 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 class="headline">{{ $tc('removeBackend', selected.length, [selected.length]) }}</div>
</div>
</v-card-title>
<v-card-text>
- {{ $tc('delete-are-you-sure', selected.length) }}
+ {{ $tc('deleteAreYouSure', 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 :backendId="$store.state.backends.backendId"/>
+ <backend-module-sync :backendId="$store.state.backends.backendId"/>
</v-container>
</template>
<script>
import BackendModuleTable from '@/components/BackendModuleTable'
import BackendModuleEdit from '@/components/BackendModuleEdit'
+import BackendModuleSync from '@/components/BackendModuleSync'
import { mapState, mapGetters } from 'vuex'
export default {
name: 'BackendModule',
components: {
BackendModuleTable,
- BackendModuleEdit
+ BackendModuleEdit,
+ BackendModuleSync
},
data () {
return {