SILABMC-236: upd layput for ReadOnly role

9 files changed, 71 insertions, 10 deletions

diff --git a/src/views/_sila/Operations/FactoryReset/FactoryReset.vue b/src/views/_sila/Operations/FactoryReset/FactoryReset.vue
index 4e315619..b7ae5b8d 100644
--- a/src/views/_sila/Operations/FactoryReset/FactoryReset.vue
+++ b/src/views/_sila/Operations/FactoryReset/FactoryReset.vue
@@ -17,6 +17,7 @@
                 value="resetBios"
                 aria-describedby="reset-bios"
                 data-test-id="factoryReset-radio-resetBios"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               >
                 {{ $t('pageFactoryReset.form.resetBiosOptionLabel') }}
               </b-form-radio>
@@ -29,6 +30,7 @@
                 value="resetToDefaults"
                 aria-describedby="reset-to-defaults"
                 data-test-id="factoryReset-radio-resetToDefaults"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               >
                 {{ $t('pageFactoryReset.form.resetToDefaultsOptionLabel') }}
               </b-form-radio>
diff --git a/src/views/_sila/Operations/Firmware/FirmwareFormUpdate.vue b/src/views/_sila/Operations/Firmware/FirmwareFormUpdate.vue
index 23fe90f2..dcf867ee 100644
--- a/src/views/_sila/Operations/Firmware/FirmwareFormUpdate.vue
+++ b/src/views/_sila/Operations/Firmware/FirmwareFormUpdate.vue
@@ -60,7 +60,10 @@
           data-test-id="firmware-button-startUpdate"
           type="submit"
           variant="primary"
-          :disabled="isPageDisabled"
+          :disabled="
+            isPageDisabled ||
+            $store.getters['authentication/role'] === 'ReadOnly'
+          "
         >
           {{ $t('pageFirmware.form.updateFirmware.startUpdate') }}
         </b-btn>
diff --git a/src/views/_sila/Operations/KeyClear/KeyClear.vue b/src/views/_sila/Operations/KeyClear/KeyClear.vue
index 8955f6cd..b49118d1 100644
--- a/src/views/_sila/Operations/KeyClear/KeyClear.vue
+++ b/src/views/_sila/Operations/KeyClear/KeyClear.vue
@@ -23,19 +23,31 @@
               v-model="keyOption"
               stacked
             >
-              <b-form-radio class="mb-1" value="NONE">
+              <b-form-radio
+                class="mb-1"
+                value="NONE"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+              >
                 {{ $t('pageKeyClear.form.none') }}
               </b-form-radio>
               <b-form-text id="key-clear-not-requested" class="ml-4 mb-3">
                 {{ $t('pageKeyClear.form.keyClearNotRequested') }}
               </b-form-text>
-              <b-form-radio class="mb-1" value="ALL">
+              <b-form-radio
+                class="mb-1"
+                value="ALL"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+              >
                 {{ $t('pageKeyClear.form.clearAllLabel') }}
               </b-form-radio>
               <b-form-text id="clear-all" class="ml-4 mb-3">
                 {{ $t('pageKeyClear.form.clearAllHeperText') }}
               </b-form-text>
-              <b-form-radio class="mb-1" value="POWERVM_SYSKEY">
+              <b-form-radio
+                class="mb-1"
+                value="POWERVM_SYSKEY"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+              >
                 {{ $t('pageKeyClear.form.clearHypervisorSystemKeyLabel') }}
               </b-form-radio>
               <b-form-text id="clear-hypervisor-key" class="ml-4 mb-3">
diff --git a/src/views/_sila/Operations/Kvm/Kvm.vue b/src/views/_sila/Operations/Kvm/Kvm.vue
index ede24608..4db46372 100644
--- a/src/views/_sila/Operations/Kvm/Kvm.vue
+++ b/src/views/_sila/Operations/Kvm/Kvm.vue
@@ -1,7 +1,12 @@
 <template>
   <b-container fluid="xl">
     <page-title />
-    <div class="terminal-container">
+    <div
+      class="terminal-container"
+      :class="{
+        disabledDiv: $store.getters['authentication/role'] === 'ReadOnly',
+      }"
+    >
       <kvm-console :is-full-window="false" />
     </div>
   </b-container>
diff --git a/src/views/_sila/Operations/RebootBmc/RebootBmc.vue b/src/views/_sila/Operations/RebootBmc/RebootBmc.vue
index fa16f55e..f332de88 100644
--- a/src/views/_sila/Operations/RebootBmc/RebootBmc.vue
+++ b/src/views/_sila/Operations/RebootBmc/RebootBmc.vue
@@ -23,6 +23,7 @@
             variant="primary"
             class="d-block mt-5"
             data-test-id="rebootBmc-button-reboot"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
             @click="onClick"
           >
             {{ $t('pageRebootBmc.rebootBmc') }}
diff --git a/src/views/_sila/Operations/SerialOverLan/SerialOverLan.vue b/src/views/_sila/Operations/SerialOverLan/SerialOverLan.vue
index 22824772..e09b43d3 100644
--- a/src/views/_sila/Operations/SerialOverLan/SerialOverLan.vue
+++ b/src/views/_sila/Operations/SerialOverLan/SerialOverLan.vue
@@ -3,7 +3,12 @@
     <page-title class="mb-4" :description="$t('pageSerialOverLan.subTitle')" />
 
     <page-section class="mb-0">
-      <serial-over-lan-console :is-full-window="false" />
+      <serial-over-lan-console
+        :is-full-window="false"
+        :class="{
+          disabledDiv: $store.getters['authentication/role'] === 'ReadOnly',
+        }"
+      />
     </page-section>
   </b-container>
 </template>
diff --git a/src/views/_sila/Operations/ServerPowerOperations/BootSettings.vue b/src/views/_sila/Operations/ServerPowerOperations/BootSettings.vue
index 8d74e381..1288af0a 100644
--- a/src/views/_sila/Operations/ServerPowerOperations/BootSettings.vue
+++ b/src/views/_sila/Operations/ServerPowerOperations/BootSettings.vue
@@ -11,7 +11,10 @@
         <b-form-select
           id="boot-option"
           v-model="form.bootOption"
-          :disabled="bootSourceOptions.length === 0"
+          :disabled="
+            bootSourceOptions.length === 0 ||
+            $store.getters['authentication/role'] === 'ReadOnly'
+          "
           :options="bootSourceOptions"
           @change="onChangeSelect"
         >
@@ -20,7 +23,10 @@
       <b-form-checkbox
         v-model="form.oneTimeBoot"
         class="mb-4"
-        :disabled="form.bootOption === 'None'"
+        :disabled="
+          form.bootOption === 'None' ||
+          $store.getters['authentication/role'] === 'ReadOnly'
+        "
         @change="$v.form.oneTimeBoot.$touch()"
       >
         {{ $t('pageServerPowerOperations.bootSettings.enableOneTimeBoot') }}
@@ -37,12 +43,18 @@
           id="tpm-required-policy"
           v-model="form.tpmPolicyOn"
           aria-describedby="tpm-required-policy-help-block"
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="$v.form.tpmPolicyOn.$touch()"
         >
           {{ $t('global.status.enabled') }}
         </b-form-checkbox>
       </b-form-group>
-      <b-button variant="primary" type="submit" class="mb-3">
+      <b-button
+        variant="primary"
+        type="submit"
+        class="mb-3"
+        :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+      >
         {{ $t('global.action.save') }}
       </b-button>
     </b-form>
diff --git a/src/views/_sila/Operations/ServerPowerOperations/ServerPowerOperations.vue b/src/views/_sila/Operations/ServerPowerOperations/ServerPowerOperations.vue
index e848215f..f8a18a9e 100644
--- a/src/views/_sila/Operations/ServerPowerOperations/ServerPowerOperations.vue
+++ b/src/views/_sila/Operations/ServerPowerOperations/ServerPowerOperations.vue
@@ -72,6 +72,7 @@
             <b-button
               variant="primary"
               data-test-id="serverPowerOperations-button-powerOn"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               @click="powerOn"
             >
               {{ $t('pageServerPowerOperations.powerOn') }}
@@ -88,6 +89,9 @@
                   name="reboot-option"
                   data-test-id="serverPowerOperations-radio-rebootOrderly"
                   value="orderly"
+                  :disabled="
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                 >
                   {{ $t('pageServerPowerOperations.orderlyReboot') }}
                 </b-form-radio>
@@ -96,6 +100,9 @@
                   name="reboot-option"
                   data-test-id="serverPowerOperations-radio-rebootImmediate"
                   value="immediate"
+                  :disabled="
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                 >
                   {{ $t('pageServerPowerOperations.immediateReboot') }}
                 </b-form-radio>
@@ -104,6 +111,7 @@
                 variant="primary"
                 type="submit"
                 data-test-id="serverPowerOperations-button-reboot"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               >
                 {{ $t('pageServerPowerOperations.reboot') }}
               </b-button>
@@ -118,6 +126,9 @@
                   name="shutdown-option"
                   data-test-id="serverPowerOperations-radio-shutdownOrderly"
                   value="orderly"
+                  :disabled="
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                 >
                   {{ $t('pageServerPowerOperations.orderlyShutdown') }}
                 </b-form-radio>
@@ -126,6 +137,9 @@
                   name="shutdown-option"
                   data-test-id="serverPowerOperations-radio-shutdownImmediate"
                   value="immediate"
+                  :disabled="
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                 >
                   {{ $t('pageServerPowerOperations.immediateShutdown') }}
                 </b-form-radio>
@@ -134,6 +148,7 @@
                 variant="primary"
                 type="submit"
                 data-test-id="serverPowerOperations-button-shutDown"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               >
                 {{ $t('pageServerPowerOperations.shutDown') }}
               </b-button>
diff --git a/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue b/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
index 8b396f41..be5e2ee9 100644
--- a/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/_sila/Operations/VirtualMedia/VirtualMedia.vue
@@ -17,6 +17,9 @@
                   v-if="!dev.isActive"
                   :id="concatId(dev.id)"
                   v-model="dev.file"
+                  :disabled="
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                 >
                   <template #invalid>
                     <b-form-invalid-feedback role="alert">
@@ -73,7 +76,10 @@
               >
                 <b-button
                   variant="primary"
-                  :disabled="device.isActive"
+                  :disabled="
+                    device.isActive ||
+                    $store.getters['authentication/role'] === 'ReadOnly'
+                  "
                   @click="configureConnection(device)"
                 >
                   {{ $t('pageVirtualMedia.configureConnection') }}