commit eaa04800a42b8cd8496ff613dd0d17055e6e477e
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Fri Feb 28 13:21:27 2020 -0800
committer Derick Montague <derick.montague@ibm.com> Mon Mar 02 23:40:05 2020 +0000
tree f33cafdb41d38c48da4f89f3b2777633e867b994
parent 8cc4866dbc86682a157a6f6b57526a31ac3fc524

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

src/components/Global/TableRowAction.vue

diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index da936b6..d41fd50 100644
--- a/src/components/Global/TableRowAction.vue
+++ b/src/components/Global/TableRowAction.vue
@@ -1,13 +1,13 @@
 <template>
   <b-button
-    :aria-label="title ? title : value"
+    :aria-label="title"
     :title="title"
     variant="link"
     :disabled="!enabled"
     @click="$emit('click:tableAction', value)"
   >
     <slot name="icon">
-      {{ value }}
+      {{ title }}
     </slot>
   </b-button>
 </template>

src/components/Global/TableToolbar.vue

diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue
index e28151c..041a9c1 100644
--- a/src/components/Global/TableToolbar.vue
+++ b/src/components/Global/TableToolbar.vue
@@ -13,7 +13,7 @@
             class="d-block"
             @click="$emit('batchAction', action.value)"
           >
-            {{ $t(action.labelKey) }}
+            {{ action.label }}
           </b-button>
           <b-button
             variant="primary"
@@ -42,7 +42,7 @@
       validator: prop => {
         return prop.every(action => {
           return (
-            action.hasOwnProperty('value') && action.hasOwnProperty('labelKey')
+            action.hasOwnProperty('value') && action.hasOwnProperty('label')
           );
         });
       }