Improved: facility display logic on Admin/Super user details page(#173)

src/locales/en.json

@@ -204,6 +204,7 @@
   "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.": "The timezone you select is used to ensure automations you schedule are always accurate to the time you select.",
   "This is the name of the OMS you are connected to right now. Make sure that you are connected to the right instance before proceeding.": "This is the name of the OMS you are connected to right now. Make sure that you are connected to the right instance before proceeding.",
   "This user was disabled due to repeated failed password attempts": "This user was disabled due to repeated failed password attempts",
+  "This user has 'STOREFULFILLMENT_ADMIN' permission, enabling access to all facilities.": "This user has 'STOREFULFILLMENT_ADMIN' permission, enabling access to all facilities.",
   "Unblock user login": "Unblock user login",
   "Unblocking a user will allow them to login to the OMS again with their credentials.": "Unblocking a user will allow them to login to the OMS again with their credentials.",
   "Update product store role": "Update product store role",

src/services/UserService.ts

@@ -326,6 +326,34 @@ const getUserSecurityGroup = async (userLoginId: string): Promise<any> => {
 
   return userSecurityGroup
 }
+const isUserFulfillmentAdmin = async (userLoginId: string): Promise<any> => {
+  const payload = {
+    inputFields: {
+      userLoginId,
+      permissionId: ['STOREFULFILLMENT_ADMIN']
+    },
+    entityName: "UserLoginSecurityGroupAndPermission",
+    filterByDate: "Y",
+    viewSize: 10,
+  };
+
+  try {
+    const resp: any = await api({
+      url: "performFind",
+      method: "POST",
+      data: payload,
+    });
+
+    if (!hasError(resp)) {
+      return resp.data.docs;
+    } else {
+      throw resp.data;
+    }
+  } catch (error) {
+    logger.error(error);
+    return []; 
+  }
+};
 
 const removeUserSecurityGroup = async (payload: any): Promise <any> => {
   return api({
@@ -787,6 +815,7 @@ export const UserService = {
   getUserFacilities,
   getUserProductStores,
   getUserSecurityGroup,
+  isUserFulfillmentAdmin,
   isUserLoginIdAlreadyExists,
   isRoleTypeExists,
   login,

src/views/UserDetails.vue

@@ -322,8 +322,11 @@
                   {{ translate("Show as picker") }}
                 </ion-toggle>
               </ion-item>
-              <ion-item lines="none" button detail :disabled="!hasPermission(Actions.APP_UPDT_FULFILLMENT_FACILITY) || selectedUser.securityGroup.groupId === 'INTEGRATION'" @click="selectFacility()">
-                <ion-label>{{  getUserFacilities().length === 1 ? translate('Added to 1 facility') : translate('Added to facilities', { count: getUserFacilities().length }) }}</ion-label>
+              <ion-item lines="none" v-if="isUserFulfillmentAdmin.length">
+                <ion-label>{{ translate("This user has 'STOREFULFILLMENT_ADMIN' permission, enabling access to all facilities.") }}</ion-label>
+              </ion-item>
+              <ion-item lines="none" button detail v-else @click="selectFacility()" :disabled="selectedUser.securityGroup.groupId === 'INTEGRATION'">
+                <ion-label>{{ getUserFacilities().length === 1 ? translate('Added to 1 facility') : translate('Added to facilities', { count: getUserFacilities().length }) }}</ion-label>
               </ion-item>
             </ion-list>
           </ion-card>
@@ -520,6 +523,7 @@ export default defineComponent({
       isUserFetched: false,
       showPassword: false,
       shopifyShopsForProductStore: [] as any,
+      isUserFulfillmentAdmin: []
     }
   },
 
@@ -533,7 +537,7 @@ export default defineComponent({
     if (productStoreId) {
       this.getShopifyShops(productStoreId);
     }
-
+    this.isUserFulfillmentAdmin = await UserService.isUserFulfillmentAdmin(this.selectedUser.userLoginId)
     this.isUserFetched = true
     this.username = this.selectedUser.groupName ? (this.selectedUser.groupName)?.toLowerCase() : (`${this.selectedUser.firstName}.${this.selectedUser.lastName}`?.toLowerCase())
   },