PMCORE-2605:Next Home: the column messages is not working

fix conflicts

check code style

check code style

resources/assets/js/home/MyCases.vue

@@ -3,7 +3,7 @@
         <button-fleft :data="newCase"></button-fleft>
         <MyCasesFilter
             :filters="filters"
-            :title="$t('ID_MY_CASES')"
+            :title="title"
             @onRemoveFilter="onRemoveFilter"
             @onUpdateFilters="onUpdateFilters"
         />
@@ -39,14 +39,12 @@
                 {{ props.row.DURATION }}
             </div>
             <div slot="actions" slot-scope="props">
-                <div class="btn-default" @click="openComments(props.row)">
-                    <i class="fas fa-comments"></i>
-                    <span class="badge badge-light">{{props.row.CASES_NOTES}}</span>
-                    <span class="sr-only">unread messages</span>
+                <div class="btn-default"  v-bind:style="{ color: props.row.MESSAGE_COLOR}" @click="openComments(props.row)">
+                    <span class="fas fa-comments"></span>
                 </div>
             </div>
         </v-server-table>
-        <ModalComments ref="modal-comments"></ModalComments>
+        <ModalComments ref="modal-comments" @postNotes="onPostNotes"></ModalComments>
     </div>
 </template>
 
@@ -73,6 +71,7 @@ export default {
     data() {
         return {
             metrics: [],
+            title: this.$i18n.t('ID_MY_CASES'),
             filter: "CASES_INBOX",
             allView: [],
             filterHeader: "STARTED",
@@ -203,7 +202,7 @@ export default {
                     APP_UID: v.APP_UID,
                     PRO_UID: v.PRO_UID,
                     TAS_UID: v.TAS_UID,
-                    CASES_NOTES: v.CASE_NOTES_COUNT
+                    MESSAGE_COLOR: v.CASE_NOTES_COUNT > 0 ? "black":"silver"
                 });
             });
             return data;
@@ -403,6 +402,7 @@ export default {
                     item: v.id,
                     icon: info[v.id].icon,
                     onClick: (obj) => {
+                        that.title = obj.title;
                         that.filterHeader = obj.item;
                         that.$refs["vueTable"].getData();
                     },
@@ -411,6 +411,10 @@ export default {
             });
             return data;
         },
+        /**
+         * Open the case notes modal
+         * @param {object} data - needed to create the data
+         */
         openComments(data) {
             let that = this;
             api.cases.open(_.extend({ ACTION: "todo" }, data)).then(() => {
@@ -428,6 +432,12 @@ export default {
                 });
             }
         },
+        /**
+         * Post notes event handler
+         */
+        onPostNotes() {
+            this.$refs["vueTable"].getData();
+        }
     },
 };
 </script>