Implemented: support for the permission on the settings (hotwax#443)

package.json

@@ -17,7 +17,7 @@
     "@casl/ability": "^6.0.0",
     "@hotwax/app-version-info": "^1.0.0",
     "@hotwax/apps-theme": "^1.2.6",
-    "@hotwax/dxp-components": "^1.15.2",
+    "@hotwax/dxp-components": "file:../dxp-components",
     "@hotwax/oms-api": "^1.14.0",
     "@ionic/core": "^7.6.0",
     "@ionic/vue": "^7.6.0",

src/authorization/Actions.ts

@@ -3,4 +3,5 @@ export default {
   'APP_REJECT_ORDER': 'APP_REJECT_ORDER',
   'APP_RF_CONFIG_UPDATE': 'APP_RF_CONFIG_UPDATE',
   'APP_PARTIAL_ORDER_REJECTION_CONFIG_UPDATE': 'APP_PARTIAL_ORDER_REJECTION_CONFIG_UPDATE',
+  'APP_SETTING_UPDATE': 'APP_SETTING_UPDATE'
 }

src/authorization/Rules.ts

@@ -7,5 +7,6 @@ export default {
     "APP_ORDER_UPDATE": "",
     "APP_RF_CONFIG_UPDATE": "COMMON_ADMIN",
     "APP_PARTIAL_ORDER_REJECTION_CONFIG_UPDATE": "COMMON_ADMIN",
-    "APP_STOREFULFILLMENT_ADMIN": "STOREFULFILLMENT_ADMIN"
+    "APP_STOREFULFILLMENT_ADMIN": "STOREFULFILLMENT_ADMIN",
+    "APP_SETTING_UPDATE": "COMMON_ADMIN"
 } as any 

src/main.ts

@@ -28,7 +28,7 @@ import "@hotwax/apps-theme";
 
 import store from './store'
 
-import permissionPlugin from '@/authorization';
+import permissionPlugin, { Actions, hasPermission } from '@/authorization';
 import permissionRules from '@/authorization/Rules';
 import permissionActions from '@/authorization/Actions';
 
@@ -54,6 +54,7 @@ const app = createApp(App)
     actions: permissionActions
   })
   .use(dxpComponents, {
+    Actions,
     addNotification,
     appLoginUrl: process.env.VUE_APP_LOGIN_URL as string,
     appFirebaseConfig: JSON.parse(process.env.VUE_APP_FIREBASE_CONFIG),
@@ -70,6 +71,7 @@ const app = createApp(App)
     setUserLocale,
     storeClientRegistrationToken,
     getAvailableTimeZones,
+    hasPermission,
     setUserTimeZone
   });
 

src/views/Settings.vue

@@ -123,7 +123,7 @@
           <ion-card-content>
             {{ translate('View shipping orders along with pickup orders.') }}
           </ion-card-content>
-          <ion-item lines="none">
+          <ion-item lines="none" :disabled="!hasPermission(Actions.APP_SETTING_UPDATE)">
             <ion-toggle label-placement="start" :checked="getBopisProductStoreSettings('SHOW_SHIPPING_ORDERS')" @ionChange="setBopisProductStoreSettings($event, 'SHOW_SHIPPING_ORDERS')">{{ translate("Show shipping orders") }}</ion-toggle>
           </ion-item>
         </ion-card>
@@ -137,7 +137,7 @@
           <ion-card-content>
             {{ translate('Packing slips help customer reconcile their order against the delivered items.') }}
           </ion-card-content>
-          <ion-item lines="none">
+          <ion-item lines="none" :disabled="!hasPermission(Actions.APP_SETTING_UPDATE)">
             <ion-toggle label-placement="start" :checked="getBopisProductStoreSettings('PRINT_PACKING_SLIPS')" @ionChange="setBopisProductStoreSettings($event, 'PRINT_PACKING_SLIPS')">{{ translate("Generate packing slips") }}</ion-toggle>
           </ion-item>
         </ion-card>
@@ -151,10 +151,10 @@
           <ion-card-content>
             {{ translate('Track who picked orders by entering picker IDs when packing an order.') }}
           </ion-card-content>
-          <ion-item>
+          <ion-item :disabled="!hasPermission(Actions.APP_SETTING_UPDATE)">
             <ion-toggle label-placement="start" :checked="getBopisProductStoreSettings('ENABLE_TRACKING')" @ionChange="setBopisProductStoreSettings($event, 'ENABLE_TRACKING')">{{ translate("Enable tracking") }}</ion-toggle>
           </ion-item>
-          <ion-item lines="none">
+          <ion-item lines="none" :disabled="!hasPermission(Actions.APP_SETTING_UPDATE)">
             <ion-toggle label-placement="start" :checked="getBopisProductStoreSettings('PRINT_PICKLISTS')" @ionChange="setBopisProductStoreSettings($event, 'PRINT_PICKLISTS')">{{ translate("Print picklists") }}</ion-toggle>
           </ion-item>
         </ion-card>