diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-02-29 00:21:27 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-03-03 02:40:05 +0300 |
commit | eaa04800a42b8cd8496ff613dd0d17055e6e477e (patch) | |
tree | f33cafdb41d38c48da4f89f3b2777633e867b994 /src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | |
parent | 8cc4866dbc86682a157a6f6b57526a31ac3fc524 (diff) | |
download | webui-vue-eaa04800a42b8cd8496ff613dd0d17055e6e477e.tar.xz |
Add translation to user management page
Updated TableToolbar component to handle label translation
outside of the component which is more consistent with bootstrap
table component patterns.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic2e75e327f6a6067905c541f9a3ea55c5d103f4b
Diffstat (limited to 'src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue')
-rw-r--r-- | src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | 50 |
1 files changed, 32 insertions, 18 deletions
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index 7b337a4f..23b06dd7 100644 --- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue +++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue @@ -4,11 +4,11 @@ <b-row> <b-col xl="9" class="text-right"> <b-button variant="link" @click="initModalSettings"> - Account policy settings + {{ $t('pageLocalUserManagement.accountPolicySettings') }} <icon-settings /> </b-button> <b-button variant="primary" @click="initModalUser(null)"> - Add user + {{ $t('pageLocalUserManagement.addUser') }} <icon-add /> </b-button> </b-col> @@ -52,6 +52,7 @@ :key="index" :value="action.value" :enabled="action.enabled" + :title="action.title" @click:tableAction="onTableRowAction($event, item)" > <template v-slot:icon> @@ -66,7 +67,7 @@ <b-row> <b-col xl="8"> <b-button v-b-toggle.collapse-role-table variant="link" class="mt-3"> - View privilege role descriptions + {{ $t('pageLocalUserManagement.viewPrivilegeRoleDescriptions') }} <icon-chevron /> </b-button> <b-collapse id="collapse-role-table" class="mt-3"> @@ -122,14 +123,20 @@ export default { activeUser: null, fields: [ { - key: 'checkbox', - label: '', - tdClass: 'table-cell__checkbox' + key: 'checkbox' + }, + { + key: 'username', + label: this.$t('pageLocalUserManagement.table.username') + }, + { + key: 'privilege', + label: this.$t('pageLocalUserManagement.table.privilege') + }, + { + key: 'status', + label: this.$t('pageLocalUserManagement.table.status') }, - 'checkbox', - 'username', - 'privilege', - 'status', { key: 'actions', label: '', @@ -139,15 +146,15 @@ export default { tableToolbarActions: [ { value: 'delete', - labelKey: 'global.action.delete' + label: this.$t('global.action.delete') }, { value: 'enable', - labelKey: 'global.action.enable' + label: this.$t('global.action.enable') }, { value: 'disable', - labelKey: 'global.action.disable' + label: this.$t('global.action.disable') } ] }; @@ -168,10 +175,15 @@ export default { ? 'Enabled' : 'Disabled', actions: [ - { value: 'edit', enabled: true }, + { + value: 'edit', + enabled: true, + title: this.$t('pageLocalUserManagement.editUser') + }, { value: 'delete', - enabled: user.UserName === 'root' ? false : true + enabled: user.UserName === 'root' ? false : true, + title: this.$t('pageLocalUserManagement.deleteUser') } ], ...user @@ -203,10 +215,12 @@ export default { initModalDelete(user) { this.$bvModal .msgBoxConfirm( - `Are you sure you want to delete user '${user.username}'? This action cannot be undone.`, + this.$t('pageLocalUserManagement.modal.deleteConfirmMessage', { + user: user.username + }), { - title: 'Delete user', - okTitle: 'Delete user' + title: this.$t('pageLocalUserManagement.deleteUser'), + okTitle: this.$t('pageLocalUserManagement.deleteUser') } ) .then(deleteConfirmed => { |