From edd20269b6084a18c60a637460ebacdd5ec52ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Helder=20S=C3=A9rvio?= <helder.servio@yukon.ca>
Date: Mon, 24 Aug 2026 11:49:41 -0700
Subject: [PATCH] Change display of drafts components when no drafts are found

---
 .../custom/css/draftsandsubmissions.less       |  2 +-
 .../custom/js/draftsandsubmissions.js          | 18 ++++++++++++++++++
 .../itemTemplates/card.html                    |  5 ++++-
 .../itemTemplates/list.html                    |  5 ++++-
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/css/draftsandsubmissions.less b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/css/draftsandsubmissions.less
index 506835e..bdac748 100644
--- a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/css/draftsandsubmissions.less
+++ b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/css/draftsandsubmissions.less
@@ -63,6 +63,7 @@
 
 table.cmp-portallister__results-list-container {
     border-collapse: collapse;
+    margin-bottom: 2rem;
 }
 
 td.cmp-portallister__item-list-image-wrapper {
@@ -87,4 +88,3 @@ h1.cmp-drafts-and-submissions__heading {
    justify-content: center;
 }
 
-
diff --git a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/js/draftsandsubmissions.js b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/js/draftsandsubmissions.js
index 4adf862..6510956 100644
--- a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/js/draftsandsubmissions.js
+++ b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/clientlibs/custom/js/draftsandsubmissions.js
@@ -60,6 +60,21 @@
 		    		: op.title,
             };
 	},
+	// Hide "No drafts saved" span and show header
+        updateLayoutWithDrafts = function () {
+            var thead = document.querySelector(".cmp-portallister__results-list-head");
+	    if (!thead) {
+		console.error("No header found for drafts table");
+		return;
+	    }
+	    thead.style.display = "";
+	    var noDraftsRow = document.querySelector(".no-drafts-row");
+	    if (!noDraftsRow) {
+		console.error("No 'No drafts saved' row found");
+		return;
+	    }
+            noDraftsRow.style.display = "none";
+	},
         updateSearchResults = function (response, id) {
             var componentConfig = componentStore[id],
                 queryResults = response.elements;
@@ -80,6 +95,9 @@
 			}
 		   });
             }
+	    if (queryResults.data.length > 0) {
+		updateLayoutWithDrafts();
+	    }
             queryResults.data.forEach(function(item) {
                 ItemAPI.createAndInject(componentConfig, item);
             });
diff --git a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/card.html b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/card.html
index 2c775bc..1b1d8d4 100644
--- a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/card.html
+++ b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/card.html
@@ -2,7 +2,7 @@
 
 <template data-sly-template.layout="${@ hideTime}">
     <table class="cmp-portallister__results cmp-portallister__results-list-container" data-cmp-hook-item-template="container">
-        <thead class="cmp-portallister__results-list-head">
+        <thead class="cmp-portallister__results-list-head" style="display: none">
             <tr>
                 <th class="cmp-portallister__item-list-image-wrapper-head"></th>
                 <th class="cmp-portallister__item-list-title-head">Titre</th>
@@ -11,6 +11,9 @@
                 <th class="cmp-portallister__item-list-operations-head"></th>
             </tr>
         </thead>
+	<tr class="no-drafts-row">
+	    <td>Aucun brouillon enregistré pour ce formulaire.</td>
+	</tr>
     </table>
     <table>
         <tr class="cmp-portallister__item cmp-portallister__item-list" data-cmp-hook-item-template="item">
diff --git a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/list.html b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/list.html
index cb442b8..06f4453 100644
--- a/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/list.html
+++ b/ui.apps/src/main/content/jcr_root/apps/yukon-forms/components/formsandcommunicationportal/customdraftsandsubmissions/itemTemplates/list.html
@@ -1,6 +1,6 @@
 <template data-sly-template.layout="${@ hideTime}">
     <table class="cmp-portallister__results cmp-portallister__results-list-container" data-cmp-hook-item-template="container">
-        <thead class="cmp-portallister__results-list-head">
+        <thead class="cmp-portallister__results-list-head" style="display: none;">
             <tr>
                 <th class="cmp-portallister__item-list-image-wrapper-head"></th>
                 <th class="cmp-portallister__item-list-title-head">Name</th>
@@ -9,6 +9,9 @@
                 <th class="cmp-portallister__item-list-operations-head"></th>
             </tr>
         </thead>
+	<tr class="no-drafts-row">
+	    <td>There are no drafts saved for this form.</td>
+	</tr>
     </table>
     <table>
         <tr class="cmp-portallister__item cmp-portallister__item-list" data-cmp-hook-item-template="item">