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
diff --git a/src/views/AccessControl/LocalUserManagement/TableRoles.vue b/src/views/AccessControl/LocalUserManagement/TableRoles.vue
index 0927c55..a951b4f 100644
--- a/src/views/AccessControl/LocalUserManagement/TableRoles.vue
+++ b/src/views/AccessControl/LocalUserManagement/TableRoles.vue
@@ -34,63 +34,81 @@
     return {
       items: [
         {
-          description: 'Configure components managed by this service',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.configureComponentsManagedByThisService'
+          ),
           administrator: true,
           operator: false,
           readonly: false,
           noaccess: false
         },
         {
-          description: 'Configure manager resources',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.configureManagerResources'
+          ),
           administrator: true,
           operator: false,
           readonly: false,
           noaccess: false
         },
         {
-          description: 'Update password for current user account',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.updatePasswordForCurrentUserAccount'
+          ),
           administrator: true,
           operator: false, // TODO Set to true when profile page added
           readonly: false, // TODO Set to true when profile page added
           noaccess: false
         },
         {
-          description: 'Configure users and their accounts',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.configureUsersAndTheirAccounts'
+          ),
           administrator: true,
           operator: false,
           readonly: false,
           noaccess: false
         },
         {
-          description: 'Log in to the service and read resources',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.logInToTheServiceAndReadResources'
+          ),
           administrator: true,
           operator: true,
           readonly: true,
           noaccess: false
         },
         {
-          description: 'IPMI access point',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.ipmiAccessPoint'
+          ),
           administrator: true,
           operator: true,
           readonly: true,
           noaccess: false
         },
         {
-          description: 'Redfish access point',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.redfishAccessPoint'
+          ),
           administrator: true,
           operator: true,
           readonly: true,
           noaccess: false
         },
         {
-          description: 'SSH access point',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.sshAccessPoint'
+          ),
           administrator: true,
           operator: false,
           readonly: false,
           noaccess: false
         },
         {
-          description: 'WebUI access point',
+          description: this.$t(
+            'pageLocalUserManagement.tableRoles.webUiAccessPoint'
+          ),
           administrator: true,
           operator: true,
           readonly: true,