From e0b76c335780c322aacae1b4f1ecef7b6f5e78ac Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Fri, 28 Feb 2020 14:18:20 -0800
Subject: Add translation to header and navigation

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I31a6c7a45a20c68efc367ba625c7b06b2d7ba47d
---
 src/components/AppNavigation/AppNavigation.vue | 58 ++++++++++++++++++--------
 1 file changed, 40 insertions(+), 18 deletions(-)

(limited to 'src/components/AppNavigation')

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 4c858e81..cc024c86 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -3,63 +3,85 @@
     <div class="nav-container" :class="{ open: isNavigationOpen }">
       <nav ref="nav">
         <b-nav vertical>
-          <b-nav-item to="/"><icon-overview />Overview</b-nav-item>
+          <b-nav-item to="/">
+            <icon-overview />
+            {{ $t('appNavigation.overview') }}
+          </b-nav-item>
 
           <li class="nav-item">
             <b-button v-b-toggle.health-menu variant="link">
-              <icon-health />Health
+              <icon-health />{{ $t('appNavigation.health') }}
               <icon-expand class="icon-expand" />
             </b-button>
             <b-collapse id="health-menu" tag="ul" class="nav-item__nav">
-              <b-nav-item href="javascript:void(0)">Event Log</b-nav-item>
-              <b-nav-item href="javascript:void(0)">Hardware Status</b-nav-item>
-              <b-nav-item href="javascript:void(0)">Sensors</b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.eventLog') }}
+              </b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.hardwareStatus') }}
+              </b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.sensors') }}
+              </b-nav-item>
             </b-collapse>
           </li>
 
           <li class="nav-item">
             <b-button v-b-toggle.control-menu variant="link">
-              <icon-control />Control
+              <icon-control />
+              {{ $t('appNavigation.control') }}
               <icon-expand class="icon-expand" />
             </b-button>
             <b-collapse id="control-menu" tag="ul" class="nav-item__nav">
               <b-nav-item href="javascript:void(0)">
-                Manage power usage
+                {{ $t('appNavigation.managePowerUsage') }}
+              </b-nav-item>
+              <b-nav-item to="/control/reboot-bmc">
+                {{ $t('appNavigation.rebootBmc') }}
               </b-nav-item>
-              <b-nav-item to="/control/reboot-bmc">Reboot BMC</b-nav-item>
-              <b-nav-item href="javascript:void(0)">Server LED</b-nav-item>
               <b-nav-item href="javascript:void(0)">
-                Server power operations
+                {{ $t('appNavigation.serverLed') }}
+              </b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.serverPowerOperations') }}
               </b-nav-item>
             </b-collapse>
           </li>
 
           <li class="nav-item">
             <b-button v-b-toggle.configuration-menu variant="link">
-              <icon-configuration />Configuration
+              <icon-configuration />
+              {{ $t('appNavigation.configuration') }}
               <icon-expand class="icon-expand" />
             </b-button>
             <b-collapse id="configuration-menu" tag="ul" class="nav-item__nav">
-              <b-nav-item href="javascript:void(0)">Firmware</b-nav-item>
               <b-nav-item href="javascript:void(0)">
-                Network settings
+                {{ $t('appNavigation.firmware') }}
+              </b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.networkSettings') }}
+              </b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.snmpSettings') }}
               </b-nav-item>
-              <b-nav-item href="javascript:void(0)">SNMP settings</b-nav-item>
             </b-collapse>
           </li>
 
           <li class="nav-item">
             <b-button v-b-toggle.access-control-menu variant="link">
-              <icon-access-control />Access Control
+              <icon-access-control />
+              {{ $t('appNavigation.accessControl') }}
               <icon-expand class="icon-expand" />
             </b-button>
             <b-collapse id="access-control-menu" tag="ul" class="nav-item__nav">
-              <b-nav-item href="javascript:void(0)">LDAP</b-nav-item>
+              <b-nav-item href="javascript:void(0)">
+                {{ $t('appNavigation.ldap') }}
+              </b-nav-item>
               <b-nav-item to="/access-control/local-user-management">
-                Local user management
+                {{ $t('appNavigation.localUserManagement') }}
               </b-nav-item>
               <b-nav-item href="javascript:void(0)">
-                SSL Certificates
+                {{ $t('appNavigation.sslCertificates') }}
               </b-nav-item>
             </b-collapse>
           </li>
-- 
cgit v1.2.3