vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge pull request #6417 from WatCodeDatCode/fix/issue-6404 

#6404 fix: add messages to FileUpload templates
pull/6480/head
Tuğçe Küçükoğlu 2024-09-25 09:16:56 +03:00 committed by GitHub
parent 6048b6aff5 b31055fcf8
commit fdf9c92d2e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/showcase/doc/fileupload/TemplateDoc.vue
View File

@ -16,8 +16,12 @@
</ProgressBar> </ProgressBar>
</div> </div>
</template> </template>
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }"> <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
<div class="flex flex-col gap-8 pt-4"> <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"> <div v-if="files.length > 0">
<h5>Pending</h5> <h5>Pending</h5>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
@ -82,8 +86,12 @@ export default {
</ProgressBar> </ProgressBar>
</div> </div>
</template> </template>
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }"> <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
<div class="flex flex-col gap-8 pt-4"> <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"> <div v-if="files.length > 0">
<h5>Pending</h5> <h5>Pending</h5>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
@ -140,8 +148,12 @@ export default {
</ProgressBar> </ProgressBar>
</div> </div>
</template> </template>
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }"> <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
<div class="flex flex-col gap-8 pt-4"> <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"> <div v-if="files.length > 0">
<h5>Pending</h5> <h5>Pending</h5>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">