Improved: page name in side menu from catalog to audit, renamed components and updated route entries(#265)

src/authorization/Rules.ts

@@ -1,9 +1,9 @@
 export default {
     "APP_ORDERS_VIEW": "",
     "APP_PRODUCTS_VIEW": "",
-    "APP_CATALOG_VIEW": "",
+    "APP_AUDIT_VIEW": "",
     "APP_PRDT_DTLS_VIEW": "",
-    "APP_CTLG_PRDT_DTLS_VIEW": "",
+    "APP_AUDIT_PRDT_DTLS_VIEW": "",
     "APP_COMMERCE_VIEW": "COMMERCEUSER_VIEW",
     "MERCHANDISING_ADMIN": "MERCHANDISING_ADMIN",
     "PREORDER_APP_VIEW": "PREORDER_APP_VIEW",

src/components/Menu.vue

@@ -94,13 +94,13 @@ export default defineComponent({
         }
       },
       {
-        title: "Catalog",
-        url: "/catalog",
-        childRoutes: ["/catalog-product-details/"],
+        title: "Audit",
+        url: "/audit",
+        childRoutes: ["/audit-product-details/"],
         iosIcon: albums,
         mdIcon: albums,
         meta: {
-          permissionId: "APP_CATALOG_VIEW"
+          permissionId: "APP_AUDIT_VIEW"
         }
       },
       {

src/i18n/locales/en.json

@@ -10,6 +10,7 @@
     "Are you sure you want to update the promise date for these orders?": "Are you sure you want to update the promise date for these orders?",
     "Are you sure you want to change the time zone to?": "Are you sure you want to change the time zone to {timeZoneId}?",
     "ATP": "ATP",
+    "Audit": "Audit",
     "Auto": "Auto",
     "Auto releasing": "Auto releasing",
     "Authenticating": "Authenticating",
@@ -29,7 +30,6 @@
     "Cancel item": "Cancel item",
     "Cancel job": "Cancel job",
     "Cancel orders": "Cancel orders",
-    "Catalog": "Catalog",
     "Category": "Category",
     "Change": "Change",
     "Change time zone": "Change time zone",

src/router/index.ts

@@ -2,9 +2,9 @@ import { createRouter, createWebHistory } from '@ionic/vue-router';
 import { RouteRecordRaw } from 'vue-router';
 import Products from '../views/products.vue'
 import ProductDetails from '../views/product-details.vue'
-import CatalogProductDetails from '../views/catalog-product-details.vue'
+import AuditProductDetails from '../views/audit-product-details.vue'
 import Orders from '../views/orders.vue'
-import Catalog from '../views/catalog.vue'
+import Audit from '../views/audit.vue'
 import Settings from '../views/settings.vue'
 import store from '@/store';
 import { DxpLogin, useAuthStore } from '@hotwax/dxp-components';
@@ -79,21 +79,21 @@ const routes: Array<RouteRecordRaw> = [
     }
   },
   {
-    path: '/catalog',
-    name: 'Catalog',
-    component: Catalog,
+    path: '/audit',
+    name: 'Audit',
+    component: Audit,
     beforeEnter: authGuard,
     meta: {
-      permissionId: "APP_CATALOG_VIEW"
+      permissionId: "APP_AUDIT_VIEW"
     }
   },
   {
-    path: '/catalog-product-details/:productId/',
-    name: 'Catalog-product-details',
-    component: CatalogProductDetails,
+    path: '/audit-product-details/:productId/',
+    name: 'AuditProductDetails',
+    component: AuditProductDetails,
     beforeEnter: authGuard,
     meta: {
-      permissionId: "APP_CTLG_PRDT_DTLS_VIEW"
+      permissionId: "APP_AUDIT_PRDT_DTLS_VIEW"
     }
   },
   {

src/views/catalog-product-details.vue → src/views/audit-product-details.vue

@@ -3,7 +3,7 @@
     <ion-header :translucent="true">
       <ion-toolbar>
         <ion-buttons slot="start">
-          <ion-back-button default-href="/catalog"></ion-back-button>
+          <ion-back-button default-href="/audit"></ion-back-button>
         </ion-buttons>
         <ion-title>{{ $t("Product audit") }}</ion-title>
       </ion-toolbar>
@@ -412,7 +412,7 @@ import { Plugins } from "@capacitor/core";
 import { Actions, hasPermission } from '@/authorization'
 
 export default defineComponent({
-  name: "catalog-product-details",
+  name: "AuditProductDetails",
   components: {
     DxpShopifyImg,
     IonButtons,

src/views/catalog.vue → src/views/audit.vue

@@ -5,7 +5,7 @@
         <ion-buttons slot="start">
           <ion-menu-button />
         </ion-buttons>
-        <ion-title slot="start">{{ $t("Catalog") }}</ion-title>
+        <ion-title slot="start">{{ $t("Audit") }}</ion-title>
       </ion-toolbar>
     </ion-header>
 
@@ -116,7 +116,7 @@ import { JobService } from '@/services/JobService';
 import { hasError } from '@/utils';
 
 export default defineComponent({
-  name: 'Catalog',
+  name: 'Audit',
   components: {
     DxpShopifyImg,
     IonButtons,
@@ -232,7 +232,7 @@ export default defineComponent({
       }
     },
     viewProduct(product: any) {
-      this.router.push({ path: `/catalog-product-details/${product.groupId}`, query: { variantId: product.productId } });
+      this.router.push({ path: `/audit-product-details/${product.groupId}`, query: { variantId: product.productId } });
     },
     async preparePreordBckordComputationJob() {
       try {