summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientList.vue
diff options
context:
space:
mode:
authorUdo Walter2018-08-03 05:23:18 +0200
committerUdo Walter2018-08-03 05:23:18 +0200
commita071feaf57284715bdf25d588ae9ba0ca424d6dd (patch)
tree088ea5de0a157070f3d08f639389d3b253c86bb9 /webapp/src/components/GroupModuleClientList.vue
parent[webapp/external-backends] Language tags are now camelCase for consistency. G... (diff)
downloadbas-a071feaf57284715bdf25d588ae9ba0ca424d6dd.tar.gz
bas-a071feaf57284715bdf25d588ae9ba0ca424d6dd.tar.xz
bas-a071feaf57284715bdf25d588ae9ba0ca424d6dd.zip
[groups] add i18n
Diffstat (limited to 'webapp/src/components/GroupModuleClientList.vue')
-rw-r--r--webapp/src/components/GroupModuleClientList.vue54
1 files changed, 40 insertions, 14 deletions
diff --git a/webapp/src/components/GroupModuleClientList.vue b/webapp/src/components/GroupModuleClientList.vue
index 62b0d52..e8809d3 100644
--- a/webapp/src/components/GroupModuleClientList.vue
+++ b/webapp/src/components/GroupModuleClientList.vue
@@ -1,8 +1,28 @@
<i18n>
{
"en": {
+ "id": "ID",
+ "name": "Name",
+ "ip": "IP Address",
+ "mac": "MAC Address",
+ "uuid": "UUID",
+ "search": "Search",
+ "removeClients": "Remove one client | Remove {0} clients",
+ "addClients": "Add clients",
+ "deleteClients": "Delete one client | Delete {0} clients",
+ "createClient": "Create client"
},
"de": {
+ "id": "ID",
+ "name": "Name",
+ "ip": "IP Adresse",
+ "mac": "MAC Adresse",
+ "uuid": "UUID",
+ "search": "Suche",
+ "removeClients": "Entferne einen Clienten | Entferne {0} Clienten",
+ "addClients": "Füge Clienten hinzu",
+ "deleteClients": "Lösche einen Clienten | Lösche {0} Clienten",
+ "createClient": "Client erstellen"
}
}
</i18n>
@@ -12,7 +32,7 @@
<v-card>
<v-card-title v-if="tabIndex === 0 && showAll" class="search-container">
<div>
- <v-text-field class="search-field" v-model="search" hide-details prepend-inner-icon="search"></v-text-field>
+ <v-text-field class="search-field" :placeholder="$t('search')" v-model="search" hide-details prepend-inner-icon="search"></v-text-field>
</div>
</v-card-title>
<v-divider></v-divider>
@@ -49,12 +69,16 @@
</v-data-table>
</v-card>
<div v-if="tabIndex === 0" class="text-xs-right">
- <v-btn flat color="error" @click="deleteSelected" :disabled="selected.length === 0"><v-icon left>delete</v-icon>Delete selected clients</v-btn>
- <v-btn flat color="success" @click="newClient"><v-icon left>create</v-icon>Create client</v-btn>
+ <v-btn flat color="error" @click="deleteSelected" :disabled="selected.length === 0">
+ <v-icon left>delete</v-icon>{{ $tc('deleteClients', selected.length, [selected.length]) }}
+ </v-btn>
+ <v-btn flat color="success" @click="newClient"><v-icon left>create</v-icon>{{ $t('createClient') }}</v-btn>
</div>
<div v-else class="text-xs-right">
- <v-btn flat color="error" @click="removeSelected" :disabled="selected.length === 0"><v-icon left>remove_circle_outline</v-icon>Remove selected clients</v-btn>
- <v-btn flat color="success" @click="addExisting"><v-icon left>add_circle_outline</v-icon>Add clients</v-btn>
+ <v-btn flat color="error" @click="removeSelected" :disabled="selected.length === 0">
+ <v-icon left>remove_circle_outline</v-icon>{{ $tc('removeClients', selected.length, [selected.length]) }}
+ </v-btn>
+ <v-btn flat color="success" @click="addExisting"><v-icon left>add_circle_outline</v-icon>{{ $t('addClients') }}</v-btn>
</div>
</div>
</template>
@@ -67,20 +91,22 @@ export default {
props: ['tabIndex', 'groupId', 'clients'],
data () {
return {
- headers: [
- { text: 'ID', value: 'id' },
- { text: 'Name', value: 'name' },
- { text: 'IP Address', value: 'ip' },
- { text: 'MAC Address', value: 'mac' },
- { text: 'UUID', value: 'uuid' },
- { sortable: false }
- ],
selected: [],
search: ''
}
},
computed: {
- ...mapState('groups', ['showAll'])
+ ...mapState('groups', ['showAll']),
+ headers () {
+ return [
+ { text: this.$t('id'), value: 'id' },
+ { text: this.$t('name'), value: 'name' },
+ { text: this.$t('ip'), value: 'ip' },
+ { text: this.$t('mac'), value: 'mac' },
+ { text: this.$t('uuid'), value: 'uuid' },
+ { sortable: false }
+ ]
+ }
},
watch: {
showAll (value) {