From 140eee7d217a03bac1bf5698bceb1bd7e9a44ebf Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Wed, 29 May 2024 11:10:22 -0400
Subject: [PATCH] FOUR-15775:Add Tag Draft when the request has defined the
 draft

---
 src/components/renderer/form-tasks.vue | 33 +++++++++++++++++++-------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/components/renderer/form-tasks.vue b/src/components/renderer/form-tasks.vue
index 7d5d586e9..09d2c9d49 100755
--- a/src/components/renderer/form-tasks.vue
+++ b/src/components/renderer/form-tasks.vue
@@ -256,16 +256,31 @@ export default {
       return days >= 0 ? "primary" : "danger";
     },
     formatCaseTitle(processRequest, record) {
+      const draftBadge = this.verifyDraft(record);
       return `
-      <a href="${this.openTask(processRequest, 1)}"
-         class="text-nowrap">
-         ${
-           processRequest.case_title_formatted ||
-           processRequest.case_title ||
-           record.case_title ||
-           ""
-         }
-      </a>`;
+        ${draftBadge}
+        <a href="${this.openTask(processRequest, 1)}" class="text-nowrap">
+         ${this.getCaseTitle(processRequest, record)}
+        </a>`;
+    },
+    getCaseTitle(process, record) {
+      return (
+        process.case_title_formatted ||
+        process.case_title ||
+        record.case_title ||
+        ""
+      );
+    },
+    verifyDraft(record) {
+      let draftBadge = "";
+      if (record.draft && record.status !== "CLOSED") {
+        draftBadge = `
+          <span class ="badge badge-warning status-warnig">
+            ${this.$t("Draft")}
+          </span>
+        `;
+      }
+      return draftBadge;
     },
     openTask() {},
     getColumns() {