From adbdd6145cf95bdaf13c3f67a51f2d2e2e36f226 Mon Sep 17 00:00:00 2001
From: Valentin Geyer <trayshar@t-online.de>
Date: Wed, 22 Apr 2026 17:53:18 +0200
Subject: [PATCH] fix: Display file upload limits in UI

---
 client/components/editor/editor-modal-media.vue | 10 ++++++++--
 client/store/site.js                            |  2 ++
 server/master.js                                |  4 +++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/components/editor/editor-modal-media.vue b/client/components/editor/editor-modal-media.vue
index 67efe122..1d4e131e 100644
--- a/client/components/editor/editor-modal-media.vue
+++ b/client/components/editor/editor-modal-media.vue
@@ -142,7 +142,7 @@
                 :label-idle='$t(`editor:assets.uploadAssetsDropZone`)'
                 allow-multiple='true'
                 :files='files'
-                max-files='10'
+                :max-files='uploadLimits.maxFiles'
                 :server='filePondServerOpts'
                 :instant-upload='false'
                 :allow-revert='false'
@@ -150,7 +150,7 @@
               )
             v-divider
             v-card-actions.pa-3
-              .caption.grey--text.text-darken-2 Max 10 files, 5 MB each
+              .caption.grey--text.text-darken-2 Max {{ uploadLimits.maxFiles }} files, {{ uploadLimits.maxFileSize | prettyBytes }} each
               v-spacer
               v-btn.px-4(color='teal', dark, @click='upload') {{$t('common:actions.upload')}}
 
@@ -291,6 +291,12 @@ export default {
     folderTree: get('editor/media@folderTree'),
     currentFolderId: sync('editor/media@currentFolderId'),
     currentFileId: sync('editor/media@currentFileId'),
+    uploadLimits() {
+      return {
+        maxFiles: this.$store.state.site.uploadMaxFiles,
+        maxFileSize: this.$store.state.site.uploadMaxFileSize
+      }
+    },
     pageTotal () {
       if (!this.assets) {
         return 0
diff --git a/client/store/site.js b/client/store/site.js
index 0e3369de..489cccc1 100644
--- a/client/store/site.js
+++ b/client/store/site.js
@@ -11,6 +11,8 @@ const state = {
   mascot: true,
   title: siteConfig.title,
   logoUrl: siteConfig.logoUrl,
+  uploadMaxFileSize: siteConfig.uploadMaxFileSize,
+  uploadMaxFiles: siteConfig.uploadMaxFiles,
   search: '',
   searchIsFocused: false,
   searchIsLoading: false,
diff --git a/server/master.js b/server/master.js
index 0679777e..21176aaa 100644
--- a/server/master.js
+++ b/server/master.js
@@ -155,7 +155,9 @@ module.exports = async () => {
       company: WIKI.config.company,
       contentLicense: WIKI.config.contentLicense,
       footerOverride: WIKI.config.footerOverride,
-      logoUrl: WIKI.config.logoUrl
+      logoUrl: WIKI.config.logoUrl,
+      uploadMaxFileSize: WIKI.config.uploads.maxFileSize,
+      uploadMaxFiles: WIKI.config.uploads.maxFiles
     }
     res.locals.langs = await WIKI.models.locales.getNavLocales({ cache: true })
     res.locals.analyticsCode = await WIKI.models.analytics.getCode({ cache: true })