1 files changed, 30 insertions, 18 deletions
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 245fea6b..9fbc0dd5 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -5,82 +5,94 @@
       <overview-quick-links />
     </div>
     <b-row>
-      <b-col>
-        <page-section section-title="Server information">
+      <b-col lg="8" sm="12">
+        <page-section
+          :section-title="$t('overview.sectionTitle.serverInformation')"
+        >
           <b-row>
             <b-col sm="6">
               <dl>
-                <dt>Model</dt>
+                <dt>{{ $t('overview.model') }}</dt>
                 <dd>{{ serverModel }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>Manufacturer</dt>
+                <dt>{{ $t('overview.manufacturer') }}</dt>
                 <dd>{{ serverManufacturer }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>Serial number</dt>
+                <dt>{{ $t('overview.serialNumber') }}</dt>
                 <dd>{{ serverSerialNumber }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>Firmware version</dt>
+                <dt>{{ $t('overview.firmwareVersion') }}</dt>
                 <dd>{{ hostActiveVersion }}</dd>
               </dl>
             </b-col>
           </b-row>
         </page-section>
-        <page-section section-title="BMC information">
+        <page-section
+          :section-title="$t('overview.sectionTitle.bmcInformation')"
+        >
           <b-row>
             <b-col sm="6">
               <dl>
-                <dt>Hostname</dt>
+                <dt>{{ $t('overview.hostname') }}</dt>
                 <dd>{{ hostName }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>MAC address</dt>
+                <dt>{{ $t('overview.macAddress') }}</dt>
                 <dd>{{ macAddress }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>IP address</dt>
+                <dt>{{ $t('overview.ipAddress') }}</dt>
                 <dd v-for="ip in ipAddress" :key="ip.id">{{ ip }}</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>Firmware version</dt>
+                <dt>{{ $t('overview.firmwareVersion') }}</dt>
                 <dd>{{ bmcActiveVersion }}</dd>
               </dl>
             </b-col>
           </b-row>
         </page-section>
-        <page-section section-title="Power consumption">
+        <page-section
+          :section-title="$t('overview.sectionTitle.powerConsumption')"
+        >
           <b-row>
             <b-col sm="6">
               <dl>
-                <dt>Power consumption</dt>
-                <dd>{{ powerConsumption }}</dd>
+                <dt>{{ $t('overview.powerConsumption') }}</dt>
+                <dd v-if="!powerConsumption">
+                  {{ $t('overview.state.notAvailable') }}
+                </dd>
+                <dd v-else>{{ powerConsumption }} W</dd>
               </dl>
             </b-col>
             <b-col sm="6">
               <dl>
-                <dt>Power cap</dt>
-                <dd>{{ powerCapValue }}</dd>
+                <dt>{{ $t('overview.powerCap') }}</dt>
+                <dd v-if="powerCapData">{{ powerCapData }} W</dd>
+                <dd v-else>{{ $t('overview.state.notEnabled') }}</dd>
               </dl>
             </b-col>
           </b-row>
         </page-section>
       </b-col>
     </b-row>
-    <page-section section-title="High priority events">
+    <page-section
+      :section-title="$t('overview.sectionTitle.highPriorityEvents')"
+    >
       <overview-events />
     </page-section>
   </b-container>
@@ -108,7 +120,7 @@ export default {
     hostActiveVersion: state => state.firmware.hostActiveVersion,
     bmcActiveVersion: state => state.firmware.bmcActiveVersion,
     powerConsumption: state => state.powerConsumption.powerConsumption,
-    powerCapValue: state => state.powerCap.powerCapValue,
+    powerCapData: state => state.powerCap.powerCapData,
     ipAddress: state => state.networkSettings.ipAddress,
     macAddress: state => state.networkSettings.macAddress
   }),