add toogle on Policies page (#73)

Co-authored-by: Sandeepa Singh <[email protected]>

Author: sandeepasingh116

src/locales/en-US.json

@@ -1173,6 +1173,8 @@
       }
   },
   "pagePolicies": {
+    "acfUploadEnablement": "Unauthenticated ACF upload enablement",
+    "acfUploadEnablementDescription": "Allow unauthenticated users to upload ACFs.",
     "hostTpm": "Host TPM",
     "hostTpmDescription": "Enable to ensure the system only boots when the TPM is functional.",
     "hostUsb": "Host USB enablement",

src/store/modules/SecurityAndAccess/PoliciesStore.js

@@ -4,6 +4,7 @@ import i18n from '@/i18n';
 const PoliciesStore = {
   namespaced: true,
   state: {
+    acfUploadEnablement: false,
     sshProtocolEnabled: false,
     ipmiProtocolEnabled: false,
     rtadEnabled: 'Disabled',
@@ -14,6 +15,7 @@ const PoliciesStore = {
     hostUsbEnabled: 'Enabled',
   },
   getters: {
+    acfUploadEnablement: (state) => state.acfUploadEnablement,
     sshProtocolEnabled: (state) => state.sshProtocolEnabled,
     ipmiProtocolEnabled: (state) => state.ipmiProtocolEnabled,
     rtadEnabled: (state) => state.rtadEnabled,
@@ -25,6 +27,8 @@ const PoliciesStore = {
     hostUsbEnabled: (state) => state.hostUsbEnabled,
   },
   mutations: {
+    setAcfUploadEnablement: (state, acfUploadEnablement) =>
+      (state.acfUploadEnablement = acfUploadEnablement),
     setSshProtocolEnabled: (state, sshProtocolEnabled) =>
       (state.sshProtocolEnabled = sshProtocolEnabled),
     setIpmiProtocolEnabled: (state, ipmiProtocolEnabled) =>
@@ -65,6 +69,17 @@ const PoliciesStore = {
         })
         .catch((error) => console.log(error));
     },
+    async getUnauthenticatedACFUploadEnablement({ commit }) {
+      return await api
+        .get('/redfish/v1/AccountService/Accounts/service')
+        .then((response) => {
+          commit(
+            'setAcfUploadEnablement',
+            response?.data?.Oem?.IBM?.ACF?.AllowUnauthACFUpload
+          );
+        })
+        .catch((error) => console.log(error));
+    },
     async getBiosStatus({ commit }) {
       return await api
         .get('/redfish/v1/Systems/system/Bios')
@@ -143,6 +158,37 @@ const PoliciesStore = {
           );
         });
     },
+    async saveUnauthenticatedACFUploadEnablement(
+      { commit },
+      updatedAcfUploadEnablement
+    ) {
+      commit('setAcfUploadEnablement', updatedAcfUploadEnablement);
+      const oem = {
+        Oem: {
+          IBM: {
+            ACF: {
+              AllowUnauthACFUpload: updatedAcfUploadEnablement,
+            },
+          },
+        },
+      };
+      return await api
+        .patch('/redfish/v1/AccountService/Accounts/service', oem)
+        .then(() => {
+          return i18n.t('pagePolicies.toast.successNetworkPolicyUpdate', {
+            policy: i18n.t('pagePolicies.acfUploadEnablement'),
+          });
+        })
+        .catch((error) => {
+          console.log(error);
+          commit('setAcfUploadEnablement', !updatedAcfUploadEnablement);
+          throw new Error(
+            i18n.t('pagePolicies.toast.errorNetworkPolicyUpdate', {
+              policy: i18n.t('pagePolicies.acfUploadEnablement'),
+            })
+          );
+        });
+    },
     async saveIpmiProtocolState({ commit }, protocolEnabled) {
       commit('setIpmiProtocolEnabled', protocolEnabled);
       const ipmi = {

src/views/SecurityAndAccess/Policies/Policies.vue

@@ -216,6 +216,31 @@
             </b-form-checkbox>
           </b-col>
         </b-row>
+        <b-row v-if="isAdminUser || isServiceUser" class="section-divider">
+          <b-col class="d-flex align-items-center justify-content-between">
+            <dl class="mt-3 mr-3 w-75">
+              <dt>{{ $t('pagePolicies.acfUploadEnablement') }}</dt>
+              <dd>
+                {{ $t('pagePolicies.acfUploadEnablementDescription') }}
+              </dd>
+            </dl>
+            <b-form-checkbox
+              id="unauthenticatedACFUploadEnablementSwitch"
+              v-model="unauthenticatedACFUploadEnablementState"
+              data-test-id="policies-toggle-unauthenticatedACFUploadEnablement"
+              switch
+              @change="changeUnauthenticatedACFUploadEnablement"
+            >
+              <span class="sr-only">
+                {{ $t('pagePolicies.usbFirmwareUpdatePolicy') }}
+              </span>
+              <span v-if="unauthenticatedACFUploadEnablementState">
+                {{ $t('global.status.enabled') }}
+              </span>
+              <span v-else>{{ $t('global.status.disabled') }}</span>
+            </b-form-checkbox>
+          </b-col>
+        </b-row>
       </b-col>
     </b-row>
   </b-container>
@@ -316,13 +341,23 @@ export default {
         return newValue;
       },
     },
+    unauthenticatedACFUploadEnablementState: {
+      get() {
+        return this.$store.getters['policies/acfUploadEnablement'];
+      },
+      set(newValue) {
+        return newValue;
+      },
+    },
   },
+
   created() {
     this.startLoader();
     Promise.all([
       this.$store.dispatch('policies/getBiosStatus'),
       this.$store.dispatch('policies/getNetworkProtocolStatus'),
       this.$store.dispatch('policies/getUsbFirmwareUpdatePolicyEnabled'),
+      this.$store.dispatch('policies/getUnauthenticatedACFUploadEnablement'),
       this.$store.dispatch('policies/getTpmPolicy'),
       this.$store.dispatch('userManagement/getUsers'),
       this.checkForUserData(),
@@ -379,6 +414,12 @@ export default {
         .then((message) => this.successToast(message))
         .catch(({ message }) => this.errorToast(message));
     },
+    changeUnauthenticatedACFUploadEnablement(state) {
+      this.$store
+        .dispatch('policies/saveUnauthenticatedACFUploadEnablement', state)
+        .then((message) => this.successToast(message))
+        .catch(({ message }) => this.errorToast(message));
+    },
     checkForUserData() {
       if (!this.currentUser) {
         this.$store.dispatch('userManagement/getUsers');