From 00048cb86183be3ee5b9648a346a39702d224204 Mon Sep 17 00:00:00 2001
From: Rodrigo Quelca <rodrigo@processmaker.com>
Date: Mon, 25 Oct 2021 13:49:01 +0000
Subject: [PATCH] PMCORE-3457: Custom Case List > Draft > message is not
 displaying and an error appears in console when Case Note button is pressed

---
 .../js/home/CustomCaseList/CustomCaseList.vue | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
index b9396e769..debf55a79 100644
--- a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
+++ b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
@@ -4,6 +4,15 @@
         <modal-new-request ref="newRequest"></modal-new-request>
         <ModalPauseCase ref="modal-pause-case"></ModalPauseCase>
         <ModalReassignCase ref="modal-reassign-case"></ModalReassignCase>
+        <b-alert
+            :show="dataAlert.dismissCountDown"
+            dismissible
+            :variant="dataAlert.variant"
+            @dismissed="dataAlert.dismissCountDown = 0"
+            @dismiss-count-down="countDownChanged"
+        >
+            {{ dataAlert.message }}
+        </b-alert>
         <CustomFilter
             :filters="filters"
             :title="titleMap[data.pageParent].label"
@@ -252,6 +261,12 @@ export default {
     data() {
         let that = this;
         return {
+            dataAlert: {
+                dismissSecs: 5,
+                dismissCountDown: 0,
+                message: "",
+                variant: "info",
+            },
             titleMap: {
                 inbox: {
                     icon:"fas fa-check-circle",
@@ -1033,6 +1048,24 @@ export default {
                 this.dataEllipsis = this.ellipsisItemFactory(data, this.data.pageParent);
             }
         },
+        /**
+         * Show the alert message
+         * @param {string} message - message to be displayen in the body
+         * @param {string} type - alert type
+         */
+        showAlert(message, type) {
+            this.dataAlert.message = message;
+            this.dataAlert.variant = type || "info";
+            this.dataAlert.dismissCountDown = this.dataAlert.dismissSecs;
+        },
+        /**
+         * Updates the alert dismiss value to update
+         * dismissCountDown and decrease
+         * @param {mumber}
+         */
+        countDownChanged(dismissCountDown) {
+            this.dataAlert.dismissCountDown = dismissCountDown;
+        },
         /**
          * Claim case
          *