SILABMC-275: add readonly for dynamic page

6 files changed, 25 insertions, 7 deletions

diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index a69ea4d4..4bffb27a 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -54,6 +54,9 @@ div:not(.search-global) > .form-group {
   .form-control:disabled {
     position: initial;
   }
+  .form-control:disabled:hover {
+    background-color: #cccccc;
+  }
   .input-group-text {
     border: none;
     background-color: $gray-5;
diff --git a/src/components/_sila/Global/Chart.vue b/src/components/_sila/Global/Chart.vue
index 12f58307..43141a7a 100644
--- a/src/components/_sila/Global/Chart.vue
+++ b/src/components/_sila/Global/Chart.vue
@@ -135,13 +135,13 @@ export default {
       return {
         chart: {
           type: 'spline',
-          margin: [42, 50, 32, 60],
-          height: '350px',
+          margin: [52, 50, 32, 60],
+          height: '360px',
           zoomType: 'x',
           resetZoomButton: {
             position: {
               x: 0,
-              y: -40,
+              y: -50,
             },
           },
         },
diff --git a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
index 2bc9f06f..2c890862 100644
--- a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
+++ b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
@@ -10,6 +10,7 @@
           <b-form-group :label="$t('pageMemory.labels.warning')">
             <b-form-input
               v-model.number="warning"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               type="number"
               :min="1"
               :max="critical"
@@ -30,6 +31,7 @@
           <b-form-group :label="$t('pageMemory.labels.critical')">
             <b-form-input
               v-model.number="critical"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               type="number"
               :min="warning"
               :max="100"
@@ -51,7 +53,9 @@
           <b-button
             variant="primary"
             style="height: 35px"
-            :disabled="loading"
+            :disabled="
+              loading || $store.getters['authentication/role'] === 'ReadOnly'
+            "
             @click="saveLimit"
           >
             {{ $t('global.action.save') }}
diff --git a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
index fc962f11..6d4c15b7 100644
--- a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
+++ b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
@@ -11,6 +11,7 @@
           <b-form-group :label="$t('pageMotherboard.labels.warning')">
             <b-form-input
               v-model.number="warning"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               type="number"
               :min="1"
               :max="100"
@@ -31,7 +32,9 @@
           <b-button
             variant="primary"
             style="height: 35px"
-            :disabled="loading"
+            :disabled="
+              loading || $store.getters['authentication/role'] === 'ReadOnly'
+            "
             @click="saveLimit"
           >
             {{ $t('global.action.save') }}
diff --git a/src/views/_sila/Power/Dynamic/PowerTemp.vue b/src/views/_sila/Power/Dynamic/PowerTemp.vue
index 18c2cc53..664d6caf 100644
--- a/src/views/_sila/Power/Dynamic/PowerTemp.vue
+++ b/src/views/_sila/Power/Dynamic/PowerTemp.vue
@@ -14,6 +14,7 @@
             <b-form-group :label="$t('pagePowerSup.labels.warning')">
               <b-form-input
                 v-model.number="warning"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 type="number"
                 :min="1"
                 :max="critical"
@@ -35,6 +36,7 @@
             <b-form-group :label="$t('pagePowerSup.labels.critical')">
               <b-form-input
                 v-model.number="critical"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 type="number"
                 :min="warning"
                 :max="100"
@@ -56,7 +58,9 @@
             <b-button
               variant="primary"
               style="height: 35px"
-              :disabled="loading"
+              :disabled="
+                loading || $store.getters['authentication/role'] === 'ReadOnly'
+              "
               @click="saveLimit"
             >
               {{ $t('global.action.save') }}
diff --git a/src/views/_sila/Processors/Dynamic/CpuTemp.vue b/src/views/_sila/Processors/Dynamic/CpuTemp.vue
index 0a630367..840034a3 100644
--- a/src/views/_sila/Processors/Dynamic/CpuTemp.vue
+++ b/src/views/_sila/Processors/Dynamic/CpuTemp.vue
@@ -14,6 +14,7 @@
             <b-form-group :label="$t('pageProcessors.labels.warning')">
               <b-form-input
                 v-model.number="warning"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 type="number"
                 :min="1"
                 :max="critical"
@@ -35,6 +36,7 @@
             <b-form-group :label="$t('pageProcessors.labels.critical')">
               <b-form-input
                 v-model.number="critical"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 type="number"
                 :min="warning"
                 :max="100"
@@ -56,7 +58,9 @@
             <b-button
               variant="primary"
               style="height: 35px"
-              :disabled="loading"
+              :disabled="
+                loading || $store.getters['authentication/role'] === 'ReadOnly'
+              "
               @click="saveLimit"
             >
               {{ $t('global.action.save') }}