From 75eca7f54e81e1d7bddbfff35a340141068ef29a Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Thu, 18 Jul 2024 16:57:16 -0400
Subject: [PATCH 1/2] FOUR-16321:The "Case Title" column is cut off in the "MY
 CASES" Dashboard

---
 src/components/renderer/form-requests.vue | 35 +++++++----------------
 src/components/renderer/form-tasks.vue    |  6 ++--
 2 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/src/components/renderer/form-requests.vue b/src/components/renderer/form-requests.vue
index b98750c48..794136c78 100755
--- a/src/components/renderer/form-requests.vue
+++ b/src/components/renderer/form-requests.vue
@@ -1,15 +1,13 @@
 <template>
   <div v-if="showTable">
     <filter-table
+      ref="form-case"
       :headers="tableHeaders"
       :data="tableData"
       :unread="unreadColumnName"
       :loading="shouldShowLoader"
     >
-      <template
-        v-for="(row, rowIndex) in data.data"
-        v-slot:[`row-${rowIndex}`]
-      >
+      <template v-for="(row, rowIndex) in data.data" #[`row-${rowIndex}`]>
         <td
           v-for="(header, colIndex) in tableHeaders"
           :key="`${rowIndex}-${colIndex}`"
@@ -172,6 +170,7 @@ export default {
             };
             const tasksDropdown = [];
             this.$emit("requestsCount", { dataControls, tasksDropdown });
+            this.$refs["form-case"].resetToOriginalWidths();
           })
           .catch(() => {
             this.tableData = [];
@@ -249,24 +248,17 @@ export default {
       this.fetch();
     },
     setupColumns() {
-      const columns = this.getColumns();
-      this.tableHeaders = this.getColumns();
+      const columnsCases = this.getColumnsCases();
+      this.tableHeaders = this.getColumnsCases();
 
-      columns.forEach((column) => {
+      columnsCases.forEach((column) => {
         const field = {
-          title: () => this.$t(column.label),
+          title: () => this.$t(column.label)
         };
 
         switch (column.field) {
-          case "id":
-            field.name = "__slot:ids";
-            field.title = "#";
-            break;
-          case "participants":
-            field.name = "__slot:participants";
-            break;
-          case "name":
-            field.name = "__slot:name";
+          case "case_number":
+            field.name = "__slot:case_number";
             break;
           case "case_title":
             field.name = "__slot:case_title";
@@ -293,13 +285,8 @@ export default {
 
         this.fields.push(field);
       });
-
-      this.fields.push({
-        name: "__slot:actions",
-        title: ""
-      });
     },
-    getColumns() {
+    getColumnsCases() {
       return [
         {
           label: "Case #",
@@ -325,7 +312,7 @@ export default {
           sortable: true,
           default: true,
           width: 113,
-          fixed_width: 314,
+          fixed_width: 113,
           resizable: false,
           filter_subject: { type: "Status" }
         },
diff --git a/src/components/renderer/form-tasks.vue b/src/components/renderer/form-tasks.vue
index 6c083ad5b..d0414aaaf 100755
--- a/src/components/renderer/form-tasks.vue
+++ b/src/components/renderer/form-tasks.vue
@@ -1,6 +1,7 @@
 <template>
   <div v-if="showTable">
     <filter-table
+      ref="form-task"
       :headers="tableHeaders"
       :data="tableData"
       :unread="unreadColumnName"
@@ -270,6 +271,7 @@ export default {
               dropdownShow: "tasks"
             };
             this.$emit("tasksCount", { dataControls, tasksDropdown });
+            this.$refs["form-task"].resetToOriginalWidths();
           })
           .catch(() => {
             this.tableData = [];
@@ -386,9 +388,9 @@ export default {
     },
     setupColumns() {
       this.tableHeaders = this.getColumns();
-      const columns = this.getColumns();
+      const columnsTasks = this.getColumns();
 
-      columns.forEach((column) => {
+      columnsTasks.forEach((column) => {
         const field = {
           title: () => this.$t(column.label)
         };

From 4a5cbe69ce1747e78f1f886fb518ee59f5bd20ba Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Thu, 18 Jul 2024 17:25:55 -0400
Subject: [PATCH 2/2] use property

---
 src/components/renderer/form-requests.vue | 2 +-
 src/components/renderer/form-tasks.vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/renderer/form-requests.vue b/src/components/renderer/form-requests.vue
index 794136c78..2e5ce5e18 100755
--- a/src/components/renderer/form-requests.vue
+++ b/src/components/renderer/form-requests.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="showTable">
     <filter-table
-      ref="form-case"
+      table-name="form-cases"
       :headers="tableHeaders"
       :data="tableData"
       :unread="unreadColumnName"
diff --git a/src/components/renderer/form-tasks.vue b/src/components/renderer/form-tasks.vue
index d0414aaaf..7ac0e77d9 100755
--- a/src/components/renderer/form-tasks.vue
+++ b/src/components/renderer/form-tasks.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-if="showTable">
     <filter-table
-      ref="form-task"
+      table-name="form-tasks"
       :headers="tableHeaders"
       :data="tableData"
       :unread="unreadColumnName"