diff options
Diffstat (limited to 'src/views/Overview')
-rw-r--r-- | src/views/Overview/Overview.vue | 48 | ||||
-rw-r--r-- | src/views/Overview/OverviewEvents.vue | 2 | ||||
-rw-r--r-- | src/views/Overview/OverviewQuickLinks.vue | 15 |
3 files changed, 38 insertions, 27 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 }), diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue index d15e158f..a08fb549 100644 --- a/src/views/Overview/OverviewEvents.vue +++ b/src/views/Overview/OverviewEvents.vue @@ -14,7 +14,7 @@ </b-list-group-item> </b-list-group> <b-list-group v-if="eventLogData.length === 0"> - There are no high priority events to display at this time. + {{ $t('overview.events.noHighEventsMsg') }} </b-list-group> </div> </template> diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue index 3f52d816..036576da 100644 --- a/src/views/Overview/OverviewQuickLinks.vue +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -2,23 +2,22 @@ <div class="quicklinks"> <div> <dl> - <!-- TODO: display timezone --> - <dt>BMC time</dt> - <dd>{{ bmcTime | date('MMM DD, YYYY HH:MM:SS') }}</dd> + <dt>{{ $t('overview.quicklinks.bmcTime') }}</dt> + <dd>{{ bmcTime | date('MMM, DD YYYY HH:MM:SS A ZZ') }}</dd> </dl> </div> <div> <!-- TODO: add toggle LED on/off funtionality --> <dl> - <dt>Server LED</dt> + <dt>{{ $t('overview.quicklinks.serverLed') }}</dt> <dd> <b-form-checkbox v-model="serverLedChecked" name="check-button" switch > - <span v-if="!serverLedChecked">On</span> - <span v-else>Off</span> + <span v-if="!serverLedChecked">{{ $t('global.on') }}</span> + <span v-else>{{ $t('global.off') }}</span> </b-form-checkbox> </dd> </dl> @@ -30,7 +29,7 @@ variant="secondary" class="d-flex justify-content-between align-items-center" > - <span>Edit network settings</span> + <span>{{ $t('overview.quicklinks.editNetworkSettings') }}</span> <icon-arrow-right /> </b-button> </div> @@ -41,7 +40,7 @@ variant="secondary" class="d-flex justify-content-between align-items-center" > - <span>Serial over LAN console</span> + <span>{{ $t('overview.quicklinks.solConsole') }}</span> <icon-arrow-right /> </b-button> </div> |