From b132b801c2c5026c6c025a5cf5b1a47a056858ee Mon Sep 17 00:00:00 2001
From: Andrew Russell <arussell742@gmail.com>
Date: Tue, 17 Sep 2024 10:15:12 +0200
Subject: [PATCH 1/2] #6404 fix: add messages to FileUpload templates

---
 apps/showcase/doc/fileupload/TemplateDoc.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/showcase/doc/fileupload/TemplateDoc.vue b/apps/showcase/doc/fileupload/TemplateDoc.vue
index 91a405ea8..4bb5745e3 100644
--- a/apps/showcase/doc/fileupload/TemplateDoc.vue
+++ b/apps/showcase/doc/fileupload/TemplateDoc.vue
@@ -16,8 +16,12 @@
                     </ProgressBar>
                 </div>
             </template>
-            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
+                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                        {{ message }}
+                    </Message>
+
                     <div v-if="files.length > 0">
                         <h5>Pending</h5>
                         <div class="flex flex-wrap gap-4">
@@ -82,8 +86,12 @@ export default {
             </ProgressBar>
         </div>
     </template>
-    <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+    <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
         <div class="flex flex-col gap-8 pt-4">
+            <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                {{ message }}
+            </Message>
+
             <div v-if="files.length > 0">
                 <h5>Pending</h5>
                 <div class="flex flex-wrap gap-4">
@@ -140,8 +148,12 @@ export default {
                     </ProgressBar>
                 </div>
             </template>
-            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
+                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                        {{ message }}
+                    </Message>
+
                     <div v-if="files.length > 0">
                         <h5>Pending</h5>
                         <div class="flex flex-wrap gap-4">

From b31055fcf87c5b92689baccd1cd51b01090a52b7 Mon Sep 17 00:00:00 2001
From: Andrew Russell <arussell742@gmail.com>
Date: Tue, 17 Sep 2024 10:22:45 +0200
Subject: [PATCH 2/2] update formatting

---
 apps/showcase/doc/fileupload/TemplateDoc.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/showcase/doc/fileupload/TemplateDoc.vue b/apps/showcase/doc/fileupload/TemplateDoc.vue
index 4bb5745e3..4d7a4e9cb 100644
--- a/apps/showcase/doc/fileupload/TemplateDoc.vue
+++ b/apps/showcase/doc/fileupload/TemplateDoc.vue
@@ -18,7 +18,7 @@
             </template>
             <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
-                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                    <Message v-for="message of messages" :key="message" :class="{ 'mb-8': !files.length && !uploadedFiles.length }" severity="error">
                         {{ message }}
                     </Message>
 
@@ -88,7 +88,7 @@ export default {
     </template>
     <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
         <div class="flex flex-col gap-8 pt-4">
-            <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+            <Message v-for="message of messages" :key="message" :class="{ 'mb-8': !files.length && !uploadedFiles.length}" severity="error">
                 {{ message }}
             </Message>
 
@@ -150,7 +150,7 @@ export default {
             </template>
             <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
-                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                    <Message v-for="message of messages" :key="message" :class="{ 'mb-8': !files.length && !uploadedFiles.length}" severity="error">
                         {{ message }}
                     </Message>