FOUR-18545: Use the current counter My Request (current API)

resources/jscomposition/cases/casesMain/CasesDataSection.vue

@@ -38,7 +38,7 @@ export default defineComponent({
   props: {
     listId: {
       type: String,
-      default: () => "myCases",
+      default: () => "",
     },
   },
   setup(props) {

resources/jscomposition/cases/casesMain/CasesMain.vue

@@ -42,21 +42,32 @@ export default defineComponent({
       pages.value.pop();
       pages.value.push({ name: counter.header, current: true });
 
-      router.push({ path: counter.url }).catch((e) => {});
+      router.push({ path: counter.url }).catch((e) => { });
     };
 
-    onMounted(async () => {
+    const initCounters = async () => {
       let currentCounter = [];
       const resCounters = await getCounters();
+
       countersData.value = formatCounters(resCounters);
+      currentCounter = countersData.value.find((counter) => counter.url === route.path) ?? countersData.value[0];
+
+      currentCounter.active = true;
+    };
 
-      currentCounter = countersData.value.find((counter) => counter.url === route.path);
+    const initBreadcrums = () => {
+      const currentCounter = countersData.value.find((e) => e.active) ?? countersData.value[0];
       pages.value = [
         configHomeBreadcrum(),
         { name: "Cases", href: "/cases", current: false },
       ];
-      currentCounter = currentCounter ?? countersData.value.find((counter) => counter.url.includes("/my-cases"));
+
       pages.value.push({ name: currentCounter.header, current: true });
+    };
+
+    onMounted(async () => {
+      await initCounters();
+      initBreadcrums();
     });
 
     return {

resources/jscomposition/cases/casesMain/config/columns.js

@@ -67,7 +67,7 @@ export const caseNumberColumn = () => ({
     component: LinkCell,
     params: {
       click: (row, column, columns) => {
-        window.document.location = `cases/${row.case_number}`;
+        window.document.location = `/cases/${row.case_number}`;
       },
     },
   }),
@@ -82,7 +82,7 @@ export const caseTitleColumn = () => ({
     component: CaseTitleCell,
     params: {
       click: (row, column, columns) => {
-        window.document.location = `cases/${row.case_number}`;
+        window.document.location = `/cases/${row.case_number}`;
       },
     },
   }),
@@ -119,7 +119,7 @@ export const taskColumn = () => ({
     component: TruncatedOptionsCell,
     params: {
       click: (option, row, column, columns) => {
-        window.document.location = `tasks/${option.id}/edit`;
+        window.document.location = `/tasks/${option.id}/edit`;
       },
     },
   }),
@@ -138,7 +138,7 @@ export const participantsColumn = () => ({
     component: ParticipantsCell,
     params: {
       click: (option, row, column, columns) => {
-        window.document.location = `profile/${option.id}`;
+        window.document.location = `/profile/${option.id}`;
       },
     },
   }),
@@ -188,7 +188,7 @@ export const completedColumn = () => ({
 
 export const getColumns = (type) => {
   const columnsDefinition = {
-    "my-cases": [
+    default: [
       caseNumberColumn(),
       caseTitleColumn(),
       processColumn(),
@@ -198,7 +198,7 @@ export const getColumns = (type) => {
       startedColumn(),
       completedColumn(),
     ],
-    "in-progress": [
+    in_progress: [
       caseNumberColumn(),
       caseTitleColumn(),
       processColumn(),
@@ -217,7 +217,7 @@ export const getColumns = (type) => {
       startedColumn(),
       completedColumn(),
     ],
-    "all-cases": [
+    all: [
       caseNumberColumn(),
       caseTitleColumn(),
       processColumn(),
@@ -229,5 +229,5 @@ export const getColumns = (type) => {
     ],
   };
 
-  return columnsDefinition[type] || columnsDefinition.myCases;
+  return columnsDefinition[type] || columnsDefinition.default;
 };

resources/jscomposition/cases/casesMain/routes.js

@@ -6,7 +6,7 @@ export default {};
 export const routes = [
   {
     name: "cases",
-    path: "/cases-main",
+    path: "/cases",
     component: CasesMain,
     props(route) {
       return {};
@@ -18,7 +18,7 @@ export const routes = [
         component: CasesDataSection,
         props(route) {
           return {
-            listId: route.params?.id || "my-cases",
+            listId: route.params?.id || "",
           };
         },
       },