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

2 files changed, 4 insertions, 4 deletions

diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index da936b6d..d41fd50c 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>
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue
index e28151cb..041a9c18 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 @@ export default {
       validator: prop => {
         return prop.every(action => {
           return (
-            action.hasOwnProperty('value') && action.hasOwnProperty('labelKey')
+            action.hasOwnProperty('value') && action.hasOwnProperty('label')
           );
         });
       }