summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleClientView.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/GroupModuleClientView.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/GroupModuleClientView.vue')
-rw-r--r--webapp/src/components/GroupModuleClientView.vue44
1 files changed, 28 insertions, 16 deletions
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index 2f57fca..7a7a4a8 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -1,8 +1,20 @@
<i18n>
{
"en": {
+ "name": "Name",
+ "description": "Description",
+ "groups": "Groups",
+ "ip": "IP Address",
+ "mac": "MAC Address",
+ "uuid": "UUID"
},
"de": {
+ "name": "Name",
+ "description": "Beschreibung",
+ "groups": "Gruppen",
+ "ip": "IP Adresse",
+ "mac": "MAC Adresse",
+ "uuid": "UUID"
}
}
</i18n>
@@ -16,21 +28,21 @@
<v-flex lg4 md6 xs12 order-lg1 order-xs2>
<v-layout column>
<v-flex>
- <v-text-field v-if="editMode" prepend-icon="label" class="info-input" label="Name" color="primary" v-model="info.name"></v-text-field>
+ <v-text-field v-if="editMode" prepend-icon="label" class="info-input" :label="$t('name')" color="primary" v-model="info.name"></v-text-field>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>label</v-icon><span>Name</span></div>
+ <div class="body-2 info-heading"><v-icon>label</v-icon><span>{{ $t('name') }}</span></div>
<div class="info-text">{{ client.name || '-' }}</div>
</div>
</v-flex>
<v-flex>
<v-autocomplete
- prepend-icon="group_work"
+ prepend-icon="device_hub"
v-if="editMode"
class="info-input"
:items="$store.state.groups.groupList"
v-model="groupIds"
offset-y
- label="Groups"
+ :label="$t('groups')"
color="primary"
multiple
item-value="id"
@@ -48,7 +60,7 @@
</template>
</v-autocomplete>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>group_work</v-icon><span>Groups</span></div>
+ <div class="body-2 info-heading"><v-icon>device_hub</v-icon><span>{{ $t('groups') }}</span></div>
<div class="info-text">
<template v-if="client.groups && client.groups.length > 0">
<v-chip v-for="group in client.groups" :key="group.id" small>
@@ -62,21 +74,21 @@
</v-layout>
</v-flex>
<v-flex lg4 md6 xs12 order-lg2 order-xs3>
- <v-textarea prepend-icon="description" v-if="editMode" rows="1" auto-grow class="info-input" label="Description" color="primary" v-model="info.description"></v-textarea>
+ <v-textarea prepend-icon="description" v-if="editMode" rows="1" auto-grow class="info-input" :label="$t('description')" color="primary" v-model="info.description"></v-textarea>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>description</v-icon><span>Description</span></div>
+ <div class="body-2 info-heading"><v-icon>description</v-icon><span>{{ $t('description') }}</span></div>
<pre class="info-text">{{ client.description || '-' }}</pre>
</div>
</v-flex>
<v-flex lg4 xs12 order-lg3 order-xs1 class="text-xs-right">
<div class="info-input">
<v-btn v-if="!editMode" color="primary" flat @click="editInfo" class="info-buttons">
- <v-icon left>create</v-icon>Edit
+ <v-icon left>create</v-icon>{{ $t('edit') }}
</v-btn>
<div v-else>
- <v-btn color="primary" flat @click="cancelEdit" class="info-buttons">Cancel</v-btn>
+ <v-btn color="primary" flat @click="cancelEdit" class="info-buttons">{{ $t('cancel') }}</v-btn>
<v-btn color="primary" @click="saveInfo" class="info-buttons">
- <v-icon left>save</v-icon>Save
+ <v-icon left>save</v-icon>{{ $t('save') }}
</v-btn>
</div>
</div>
@@ -84,23 +96,23 @@
</v-layout>
<v-layout wrap>
<v-flex lg4 md6 xs12>
- <v-text-field prepend-icon="language" v-if="editMode" class="info-input" label="IP Address" color="primary" v-model="info.ip"></v-text-field>
+ <v-text-field prepend-icon="language" v-if="editMode" class="info-input" :label="$t('ip')" color="primary" v-model="info.ip"></v-text-field>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>language</v-icon><span>IP Address</span></div>
+ <div class="body-2 info-heading"><v-icon>language</v-icon><span>{{ $t('ip') }}</span></div>
<div class="info-text">{{ client.ip || '-' }}</div>
</div>
</v-flex>
<v-flex lg4 md6 xs12>
- <v-text-field prepend-icon="memory" v-if="editMode" class="info-input" label="MAC Address" color="primary" v-model="info.mac"></v-text-field>
+ <v-text-field prepend-icon="memory" v-if="editMode" class="info-input" :label="$t('mac')" color="primary" v-model="info.mac"></v-text-field>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>memory</v-icon><span>MAC Address</span></div>
+ <div class="body-2 info-heading"><v-icon>memory</v-icon><span>{{ $t('mac') }}</span></div>
<div class="info-text">{{ client.mac || '-' }}</div>
</div>
</v-flex>
<v-flex lg4 md6 xs12>
- <v-text-field prepend-icon="fingerprint" v-if="editMode" class="info-input" label="UUID" color="primary" v-model="info.uuid"></v-text-field>
+ <v-text-field prepend-icon="fingerprint" v-if="editMode" class="info-input" :label="$t('uuid')" color="primary" v-model="info.uuid"></v-text-field>
<div v-else class="info-input">
- <div class="body-2 info-heading"><v-icon>fingerprint</v-icon><span>UUID</span></div>
+ <div class="body-2 info-heading"><v-icon>fingerprint</v-icon><span>{{ $t('uuid') }}</span></div>
<div class="info-text">{{ client.uuid || '-' }}</div>
</div>
</v-flex>