IA update: Add resource management section
This is the sixth commit for information architecture changes and has
the following changes:
- Resource management section has been added
- Carbon icon used for resource management section is data--base--alt
- Manage power usage page from operations has been moved to
resource management
- Manage power usage page has been updated to power page
Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: If3feb994dbad19dd6cfb1507d976d09643c8e4d6
diff --git a/src/views/Operations/ManagePowerUsage/index.js b/src/views/Operations/ManagePowerUsage/index.js
deleted file mode 100644
index f3e95ac..0000000
--- a/src/views/Operations/ManagePowerUsage/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import ManagePowerUsage from './ManagePowerUsage.vue';
-export default ManagePowerUsage;
diff --git a/src/views/Operations/ManagePowerUsage/ManagePowerUsage.vue b/src/views/ResourceManagement/Power.vue
similarity index 85%
rename from src/views/Operations/ManagePowerUsage/ManagePowerUsage.vue
rename to src/views/ResourceManagement/Power.vue
index 38dbf0b..8e4acdd 100644
--- a/src/views/Operations/ManagePowerUsage/ManagePowerUsage.vue
+++ b/src/views/ResourceManagement/Power.vue
@@ -1,11 +1,11 @@
<template>
<b-container fluid="xl">
- <page-title :description="$t('pageManagePowerUsage.description')" />
+ <page-title :description="$t('pagePower.description')" />
<b-row>
<b-col sm="8" md="6" xl="12">
<dl>
- <dt>{{ $t('pageManagePowerUsage.powerConsumption') }}</dt>
+ <dt>{{ $t('pagePower.powerConsumption') }}</dt>
<dd>
{{
powerConsumptionValue
@@ -21,15 +21,13 @@
<b-form-group :disabled="loading">
<b-row>
<b-col sm="8" md="6" xl="12">
- <b-form-group
- :label="$t('pageManagePowerUsage.powerCapSettingLabel')"
- >
+ <b-form-group :label="$t('pagePower.powerCapSettingLabel')">
<b-form-checkbox
v-model="isPowerCapFieldEnabled"
- data-test-id="managePowerUsage-checkbox-togglePowerCapField"
+ data-test-id="power-checkbox-togglePowerCapField"
name="power-cap-setting"
>
- {{ $t('pageManagePowerUsage.powerCapSettingData') }}
+ {{ $t('pagePower.powerCapSettingData') }}
</b-form-checkbox>
</b-form-group>
</b-col>
@@ -39,12 +37,12 @@
<b-col sm="8" md="6" xl="3">
<b-form-group
id="input-group-1"
- :label="$t('pageManagePowerUsage.powerCapLabel')"
+ :label="$t('pagePower.powerCapLabel')"
label-for="input-1"
>
<b-form-text id="power-help-text">
{{
- $t('pageManagePowerUsage.powerCapLabelTextInfo', {
+ $t('pagePower.powerCapLabelTextInfo', {
min: 1,
max: 10000,
})
@@ -55,7 +53,7 @@
id="input-1"
v-model.number="powerCapValue"
:disabled="!isPowerCapFieldEnabled"
- data-test-id="managePowerUsage-input-powerCapValue"
+ data-test-id="power-input-powerCapValue"
type="number"
aria-describedby="power-help-text"
:state="getValidationState($v.powerCapValue)"
@@ -76,7 +74,7 @@
<b-button
variant="primary"
type="submit"
- data-test-id="managePowerUsage-button-savePowerCapValue"
+ data-test-id="power-button-savePowerCapValue"
>
{{ $t('global.action.save') }}
</b-button>
@@ -94,7 +92,7 @@
import { mapGetters } from 'vuex';
export default {
- name: 'ManagePowerUsage',
+ name: 'Power',
components: { PageTitle },
mixins: [VuelidateMixin, BVToastMixin, LoadingBarMixin],
beforeRouteLeave(to, from, next) {
diff --git a/src/views/ResourceManagement/index.js b/src/views/ResourceManagement/index.js
new file mode 100644
index 0000000..5882dec
--- /dev/null
+++ b/src/views/ResourceManagement/index.js
@@ -0,0 +1,2 @@
+import Power from './Power.vue';
+export default Power;