Add translation to header and navigation
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I31a6c7a45a20c68efc367ba625c7b06b2d7ba47d
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 4c858e8..cc024c8 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">Reboot BMC</b-nav-item>
- <b-nav-item href="javascript:void(0)">Server LED</b-nav-item>
+ <b-nav-item to="/control/reboot-bmc">
+ {{ $t('appNavigation.rebootBmc') }}
+ </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)">SNMP settings</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-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>