summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorJannik Schönartz2019-03-10 18:38:29 +0100
committerJannik Schönartz2019-03-10 18:38:29 +0100
commit0f1433a0a0f097a1125397d9065b28db546e22b7 (patch)
tree6413aabd2ff9aa7197742280df03e3256a2fe93d /webapp
parent[external-backends] Passwords are not send to the frontend anymore (diff)
downloadbas-0f1433a0a0f097a1125397d9065b28db546e22b7.tar.gz
bas-0f1433a0a0f097a1125397d9065b28db546e22b7.tar.xz
bas-0f1433a0a0f097a1125397d9065b28db546e22b7.zip
[external-backends] Small bugfix to save the switch again & add tooltips to the webapp
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/components/BackendModule.vue40
1 files changed, 32 insertions, 8 deletions
diff --git a/webapp/src/components/BackendModule.vue b/webapp/src/components/BackendModule.vue
index 39daedb..43f07a2 100644
--- a/webapp/src/components/BackendModule.vue
+++ b/webapp/src/components/BackendModule.vue
@@ -7,7 +7,10 @@
"backends": "Backends",
"backendType": "type",
"checkConnection": "Check one connection | Check {0} connections",
+ "checkConnectionTooltip": "Check connection",
"deleteAreYouSure": "Are you sure you want to delete this backend? | Are you sure you want to delete those backends?",
+ "editTooltip": "Edit",
+ "editSyncTooltip": "Edit synchronization settings",
"id": "ID",
"name": "Name",
"removeBackend": "Remove one backend | Remove {0} backends",
@@ -20,7 +23,10 @@
"backendName": "name",
"backendType": "typ",
"checkConnection": "Überprüfe eine Verbindung | Überprüfe {0} Verbindungen",
+ "checkConnectionTooltip": "Verbindung überprüfen",
"deleteAreYouSure": "Sind Sie sicher, dass sie dieses Backend Löschen wollen? | Sind sie sicher, dass sie diese Backends Löschen wollen?",
+ "editTooltip": "Bearbeiten",
+ "editSyncTooltip": "Synchronisationseinstellungen bearbeiten",
"id": "ID",
"name": "Name",
"removeBackend": "Entferne ein Backend | Entferne {0} Backends",
@@ -51,18 +57,37 @@
<v-card>
<data-table v-model="selectedBackends" :headers="headers" :items="backends" @dblclick="$store.commit('backends/editBackend', $event.id)">
<div slot="action" slot-scope="row" style="text-align: right">
- <v-btn flat icon :loading="row.item.loading"
- :disabled="row.item.loading"
- :color="row.item.connection"
- @click.stop="checkConnection(row.item)"
- ><v-icon>cached</v-icon></v-btn>
- <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editSync', row.item.id)"><v-icon>settings_ethernet</v-icon></v-btn>
- <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editBackend', row.item.id)"><v-icon>edit</v-icon></v-btn>
+ <v-tooltip top open-delay="800">
+ <template v-slot:activator="{ on }">
+ <v-btn flat icon :loading="row.item.loading"
+ :disabled="row.item.loading"
+ :color="row.item.connection"
+ @click.stop="checkConnection(row.item)"
+ v-on="on"
+ ><v-icon>cached</v-icon></v-btn>
+ </template>
+ <span>{{ $t('checkConnectionTooltip') }}</span>
+ </v-tooltip>
+
+ <v-tooltip top open-delay="800">
+ <template v-slot:activator="{ on }">
+ <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editSync', row.item.id)" v-on="on"><v-icon>settings_ethernet</v-icon></v-btn>
+ </template>
+ <span>{{ $t('editSyncTooltip') }}</span>
+ </v-tooltip>
+
+ <v-tooltip top open-delay="800">
+ <template v-slot:activator="{ on }">
+ <v-btn flat icon color="primary" @click.stop="$store.commit('backends/editBackend', row.item.id)" v-on="on"><v-icon>edit</v-icon></v-btn>
+ </template>
+ <span>{{ $t('editTooltip') }}</span>
+ </v-tooltip>
</div>
</data-table>
</v-card>
<div class="text-xs-right">
+
<v-btn color="primary" flat @click="checkConnections(selectedBackends)" :disabled="selectedBackends.length === 0">
<v-icon left>cached</v-icon>{{ $tc('checkConnection', selectedBackends.length, [selectedBackends.length]) }}
</v-btn>
@@ -78,7 +103,6 @@
</v-tabs-items>
</v-flex>
</v-layout>
-
<v-dialog
:value="$store.state.backends.dialog"
@input="$store.commit('backends/setDialog', $event)"