SILABMC-236: upd layput for ReadOnly role

13 files changed, 66 insertions, 22 deletions

diff --git a/src/views/_sila/Overview/DateTime/DateTime.vue b/src/views/_sila/Overview/DateTime/DateTime.vue
index 796a57ac..e9de12c5 100644
--- a/src/views/_sila/Overview/DateTime/DateTime.vue
+++ b/src/views/_sila/Overview/DateTime/DateTime.vue
@@ -42,6 +42,7 @@
             v-model="form.configurationSelected"
             value="manual"
             data-test-id="dateTime-radio-configureManual"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           >
             {{ $t('pageDateTime.form.manual') }}
           </b-form-radio>
@@ -57,7 +58,10 @@
                     id="input-manual-date"
                     v-model="form.manual.date"
                     :state="getValidationState($v.form.manual.date)"
-                    :disabled="ntpOptionSelected"
+                    :disabled="
+                      ntpOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     data-test-id="dateTime-input-manualDate"
                     class="form-control-with-button"
                     @blur="$v.form.manual.date.$touch()"
@@ -81,7 +85,10 @@
                       $t('global.calendar.useCursorKeysToNavigateCalendarDates')
                     "
                     :title="$t('global.calendar.selectDate')"
-                    :disabled="ntpOptionSelected"
+                    :disabled="
+                      ntpOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     button-variant="link"
                     aria-controls="input-manual-date"
                   >
@@ -106,7 +113,10 @@
                     id="input-manual-time"
                     v-model="form.manual.time"
                     :state="getValidationState($v.form.manual.time)"
-                    :disabled="ntpOptionSelected"
+                    :disabled="
+                      ntpOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     data-test-id="dateTime-input-manualTime"
                     @blur="$v.form.manual.time.$touch()"
                   />
@@ -126,6 +136,7 @@
             v-model="form.configurationSelected"
             value="ntp"
             data-test-id="dateTime-radio-configureNTP"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           >
             NTP
           </b-form-radio>
@@ -140,7 +151,10 @@
                     id="input-ntp-1"
                     v-model="form.ntp.firstAddress"
                     :state="getValidationState($v.form.ntp.firstAddress)"
-                    :disabled="manualOptionSelected"
+                    :disabled="
+                      manualOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     data-test-id="dateTime-input-ntpServer1"
                     @blur="$v.form.ntp.firstAddress.$touch()"
                   />
@@ -165,7 +179,10 @@
                     id="input-ntp-2"
                     v-model="form.ntp.secondAddress"
                     :state="getValidationState($v.form.ntp.secondAddress)"
-                    :disabled="manualOptionSelected"
+                    :disabled="
+                      manualOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     data-test-id="dateTime-input-ntpServer2"
                     @blur="$v.form.ntp.secondAddress.$touch()"
                   />
@@ -187,7 +204,10 @@
                     id="input-ntp-3"
                     v-model="form.ntp.thirdAddress"
                     :state="getValidationState($v.form.ntp.thirdAddress)"
-                    :disabled="manualOptionSelected"
+                    :disabled="
+                      manualOptionSelected ||
+                      $store.getters['authentication/role'] === 'ReadOnly'
+                    "
                     data-test-id="dateTime-input-ntpServer3"
                     @blur="$v.form.ntp.thirdAddress.$touch()"
                   />
@@ -204,6 +224,7 @@
             variant="primary"
             type="submit"
             data-test-id="dateTime-button-saveSettings"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           >
             {{ $t('global.action.saveSettings') }}
           </b-button>
diff --git a/src/views/_sila/Overview/Inventory/InventoryServiceIndicator.vue b/src/views/_sila/Overview/Inventory/InventoryServiceIndicator.vue
index b4531be7..7f0c9030 100644
--- a/src/views/_sila/Overview/Inventory/InventoryServiceIndicator.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryServiceIndicator.vue
@@ -23,6 +23,7 @@
                 v-model="systems.locationIndicatorActive"
                 data-test-id="inventoryService-toggle-identifyLed"
                 switch
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 @change="toggleIdentifyLedSwitch"
               >
                 <span v-if="systems.locationIndicatorActive">
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableAssembly.vue b/src/views/_sila/Overview/Inventory/InventoryTableAssembly.vue
index 9c284533..929c172b 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableAssembly.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableAssembly.vue
@@ -32,6 +32,7 @@
           v-model="row.item.identifyLed"
           name="switch"
           switch
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="toggleIdentifyLedValue(row.item)"
         >
           <span v-if="row.item.identifyLed">
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableBmcManager.vue b/src/views/_sila/Overview/Inventory/InventoryTableBmcManager.vue
index e3375d57..5fb23bfd 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableBmcManager.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableBmcManager.vue
@@ -36,6 +36,7 @@
           v-model="row.item.identifyLed"
           name="switch"
           switch
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="toggleIdentifyLedValue(row.item)"
         >
           <span v-if="row.item.identifyLed">
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableChassis.vue b/src/views/_sila/Overview/Inventory/InventoryTableChassis.vue
index a5eb5ae6..d141924f 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableChassis.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableChassis.vue
@@ -35,6 +35,7 @@
           v-model="row.item.identifyLed"
           name="switch"
           switch
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="toggleIdentifyLedValue(row.item)"
         >
           <span v-if="row.item.identifyLed">
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableDimmSlot.vue b/src/views/_sila/Overview/Inventory/InventoryTableDimmSlot.vue
index f1858ae9..40c30d4c 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableDimmSlot.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableDimmSlot.vue
@@ -52,19 +52,18 @@
       </template>
       <!-- Toggle identify LED -->
       <template #cell(identifyLed)="row">
-        <div class="disabledDiv">
-          <b-form-checkbox
-            v-model="row.item.identifyLed"
-            name="switch"
-            switch
-            @change="toggleIdentifyLedValue(row.item)"
-          >
-            <span v-if="row.item.identifyLed">
-              {{ $t('global.status.on') }}
-            </span>
-            <span v-else> {{ $t('global.status.off') }} </span>
-          </b-form-checkbox>
-        </div>
+        <b-form-checkbox
+          v-model="row.item.identifyLed"
+          name="switch"
+          switch
+          disabled
+          @change="toggleIdentifyLedValue(row.item)"
+        >
+          <span v-if="row.item.identifyLed">
+            {{ $t('global.status.on') }}
+          </span>
+          <span v-else> {{ $t('global.status.off') }} </span>
+        </b-form-checkbox>
       </template>
       <template #row-details="{ item }">
         <b-container fluid>
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableProcessors.vue b/src/views/_sila/Overview/Inventory/InventoryTableProcessors.vue
index 27633495..ed9ca194 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableProcessors.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableProcessors.vue
@@ -59,6 +59,7 @@
           v-model="row.item.identifyLed"
           name="switch"
           switch
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="toggleIdentifyLedValue(row.item)"
         >
           <span v-if="row.item.identifyLed">
diff --git a/src/views/_sila/Overview/Inventory/InventoryTableSystem.vue b/src/views/_sila/Overview/Inventory/InventoryTableSystem.vue
index eacc4a06..286df969 100644
--- a/src/views/_sila/Overview/Inventory/InventoryTableSystem.vue
+++ b/src/views/_sila/Overview/Inventory/InventoryTableSystem.vue
@@ -35,6 +35,7 @@
           v-model="item.locationIndicatorActive"
           data-test-id="inventorySystem-toggle-identifyLed"
           switch
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
           @change="toggleIdentifyLedSwitch"
         >
           <span v-if="item.locationIndicatorActive">
diff --git a/src/views/_sila/Overview/Network/NetworkGlobalSettings.vue b/src/views/_sila/Overview/Network/NetworkGlobalSettings.vue
index 44035ae6..6a08c2c2 100644
--- a/src/views/_sila/Overview/Network/NetworkGlobalSettings.vue
+++ b/src/views/_sila/Overview/Network/NetworkGlobalSettings.vue
@@ -8,7 +8,12 @@
         <dl>
           <dt>
             {{ $t('pageNetwork.hostname') }}
-            <b-button variant="link" class="p-1" @click="initSettingsModal()">
+            <b-button
+              variant="link"
+              class="p-1"
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+              @click="initSettingsModal()"
+            >
               <icon-edit :title="$t('pageNetwork.modal.editHostnameTitle')" />
             </b-button>
           </dt>
@@ -24,6 +29,7 @@
               v-model="useDomainNameState"
               data-test-id="networkSettings-switch-useDomainName"
               switch
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               @change="changeDomainNameState"
             >
               <span v-if="useDomainNameState">
@@ -43,6 +49,7 @@
               v-model="useDnsState"
               data-test-id="networkSettings-switch-useDns"
               switch
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               @change="changeDnsState"
             >
               <span v-if="useDnsState">
@@ -62,6 +69,7 @@
               v-model="useNtpState"
               data-test-id="networkSettings-switch-useNtp"
               switch
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               @change="changeNtpState"
             >
               <span v-if="useNtpState">
diff --git a/src/views/_sila/Overview/Network/NetworkInterfaceSettings.vue b/src/views/_sila/Overview/Network/NetworkInterfaceSettings.vue
index 657a2270..6eccb455 100644
--- a/src/views/_sila/Overview/Network/NetworkInterfaceSettings.vue
+++ b/src/views/_sila/Overview/Network/NetworkInterfaceSettings.vue
@@ -39,6 +39,7 @@
               <b-button
                 variant="link"
                 class="p-1"
+                :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
                 @click="initMacAddressModal()"
               >
                 <icon-edit
diff --git a/src/views/_sila/Overview/Network/TableDns.vue b/src/views/_sila/Overview/Network/TableDns.vue
index ee830ee4..e522d69b 100644
--- a/src/views/_sila/Overview/Network/TableDns.vue
+++ b/src/views/_sila/Overview/Network/TableDns.vue
@@ -3,7 +3,11 @@
     <b-row>
       <b-col>
         <div class="text-right">
-          <b-button variant="primary" @click="initDnsModal()">
+          <b-button
+            variant="primary"
+            :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+            @click="initDnsModal()"
+          >
             <icon-add />
             {{ $t('pageNetwork.table.addDnsAddress') }}
           </b-button>
diff --git a/src/views/_sila/Overview/Network/TableIpv4.vue b/src/views/_sila/Overview/Network/TableIpv4.vue
index 2fa3d1f3..4cdc6a92 100644
--- a/src/views/_sila/Overview/Network/TableIpv4.vue
+++ b/src/views/_sila/Overview/Network/TableIpv4.vue
@@ -7,7 +7,11 @@
         </h3>
       </b-col>
       <b-col class="text-right">
-        <b-button variant="primary" @click="initAddIpv4Address()">
+        <b-button
+          variant="primary"
+          :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
+          @click="initAddIpv4Address()"
+        >
           <icon-add />
           {{ $t('pageNetwork.table.addIpv4Address') }}
         </b-button>
diff --git a/src/views/_sila/Overview/OverviewInventory.vue b/src/views/_sila/Overview/OverviewInventory.vue
index 575cb7b7..bc0fd69e 100644
--- a/src/views/_sila/Overview/OverviewInventory.vue
+++ b/src/views/_sila/Overview/OverviewInventory.vue
@@ -13,6 +13,7 @@
               v-model="systems.locationIndicatorActive"
               data-test-id="overviewInventory-checkbox-identifyLed"
               switch
+              :disabled="$store.getters['authentication/role'] === 'ReadOnly'"
               @change="toggleIdentifyLedSwitch"
             >
               <span v-if="systems.locationIndicatorActive">