From 0f8fa2a1f704701bde374b5c3c5bd2accd5bfbb4 Mon Sep 17 00:00:00 2001 From: Jannik Schönartz Date: Thu, 28 Feb 2019 03:56:38 +0000 Subject: [webapp/backends] Rework to the new DataTable --- webapp/src/components/BackendModule.vue | 116 +++++++++++++++++--- webapp/src/components/BackendModuleEdit.vue | 16 +-- webapp/src/components/BackendModuleTable.vue | 158 --------------------------- webapp/src/store/backends.js | 14 --- 4 files changed, 110 insertions(+), 194 deletions(-) delete mode 100644 webapp/src/components/BackendModuleTable.vue (limited to 'webapp') diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue index ba30818..39daedb 100644 --- a/webapp/src/components/BackendModule.vue +++ b/webapp/src/components/BackendModule.vue @@ -1,14 +1,30 @@ { "en": { + "addBackendBtn": "Add Backend", + "backendId": "id", + "backendName": "name", + "backends": "Backends", + "backendType": "type", + "checkConnection": "Check one connection | Check {0} connections", "deleteAreYouSure": "Are you sure you want to delete this backend? | Are you sure you want to delete those backends?", + "id": "ID", + "name": "Name", "removeBackend": "Remove one backend | Remove {0} backends", - "backends": "Backends" + "type": "Type" }, "de": { + "addBackendBtn": "Backend hinzufügen", + "backends": "Backends", + "backendId": "id", + "backendName": "name", + "backendType": "typ", + "checkConnection": "Überprüfe eine Verbindung | Überprüfe {0} Verbindungen", "deleteAreYouSure": "Sind Sie sicher, dass sie dieses Backend Löschen wollen? | Sind sie sicher, dass sie diese Backends Löschen wollen?", + "id": "ID", + "name": "Name", "removeBackend": "Entferne ein Backend | Entferne {0} Backends", - "backends": "Backends" + "type": "Type" } } @@ -31,7 +47,33 @@ {{ $t('backends') }} - + + + +
+ cached + settings_ethernet + edit +
+
+
+ +
+ + cached{{ $tc('checkConnection', selectedBackends.length, [selectedBackends.length]) }} + + + remove_circle_outline{{ $tc('removeBackend', selectedBackends.length, [selectedBackends.length]) }} + + + add_circle_outline{{ $t('addBackendBtn') }} + +
+
@@ -46,12 +88,12 @@
-
{{ $tc('removeBackend', selected.length, [selected.length]) }}
+
{{ $tc('removeBackend', selectedBackends.length, [selectedBackends.length]) }}
- {{ $tc('deleteAreYouSure', selected.length) }} - - - diff --git a/webapp/src/store/backends.js b/webapp/src/store/backends.js index d832b6e..43be818 100644 --- a/webapp/src/store/backends.js +++ b/webapp/src/store/backends.js @@ -6,7 +6,6 @@ export default { backends: [], dialog: false, edit: false, - selected: [], backendId: '', sync: false }, @@ -14,9 +13,6 @@ export default { setDialog (state, value) { state.dialog = value }, - setSelected (state, value) { - state.selected = value - }, setBackends (state, value) { state.backends = value }, @@ -36,16 +32,6 @@ export default { } }, actions: { - deleteSelectedBackends (context) { - // Filter selected array to get a list of ids. - const filteredArray = context.state.selected.map(x => x.id) - axios.post('/api/backends/delete', { - id: filteredArray - }).then(response => { - context.dispatch('loadData') - context.commit('setSelected', []) - }) - }, loadData (context) { axios.get('/api/backends').then(response => { // Needed for initializing the diffrent dynamic loading buttons. -- cgit v1.2.3-55-g7522