From 5d86c0fa946dfe76c33137a678a9971f20327a68 Mon Sep 17 00:00:00 2001
From: DPN MW <dpnmediaworks@gmail.com>
Date: Sun, 8 Mar 2026 20:40:53 -0400
Subject: [PATCH] Video Uploads Resolved

---
 .../community-landing-admin-tabs.js           | 22 +++++++++++++------
 .../stylesheets/community_landing/landing.css | 11 ++++++----
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/assets/javascripts/discourse/initializers/community-landing-admin-tabs.js b/assets/javascripts/discourse/initializers/community-landing-admin-tabs.js
index acc2142..154de11 100644
--- a/assets/javascripts/discourse/initializers/community-landing-admin-tabs.js
+++ b/assets/javascripts/discourse/initializers/community-landing-admin-tabs.js
@@ -440,6 +440,7 @@ let currentTab = "settings";
 let filterActive = false;
 let isActive = false;
 let recheckTimer = null;
+let _siteSettings = null;
 
 function getContainer() {
   return (
@@ -907,9 +908,8 @@ function injectVideoUploadNotice(container) {
   toggleRow.dataset.clVideoNoticeInjected = "1";
 
   // Check Discourse site settings for file attachment support
-  const siteSettings = window.Discourse && window.Discourse.SiteSettings;
   const authorizedExtensions = (
-    (siteSettings && siteSettings.authorized_extensions) || ""
+    (_siteSettings && _siteSettings.authorized_extensions) || ""
   ).toLowerCase();
   const attachmentsAllowed =
     authorizedExtensions.includes("mp4") ||
@@ -928,7 +928,7 @@ function injectVideoUploadNotice(container) {
     const uploadBtn = toggleRow.querySelector(".cl-upload-btn");
     if (uploadBtn) uploadBtn.disabled = true;
   } else {
-    const maxSize = siteSettings && siteSettings.max_attachment_size_kb;
+    const maxSize = _siteSettings && _siteSettings.max_attachment_size_kb;
     const maxMB = maxSize ? (maxSize / 1024).toFixed(0) : "?";
     notice.textContent =
       `Check allowed video file types and max upload size (${maxMB} MB) in Settings \u2192 Files before uploading.`;
@@ -961,17 +961,23 @@ function getCsrfToken() {
   return meta ? meta.getAttribute("content") : "";
 }
 
-async function uploadFile(file) {
+async function uploadFile(file, { isVideo = false } = {}) {
   console.log("[CL Upload] Starting upload:", {
     name: file.name,
     type: file.type,
     size: `${(file.size / 1024 / 1024).toFixed(2)} MB`,
+    isVideo,
   });
 
   const formData = new FormData();
   formData.append("file", file);
-  formData.append("upload_type", "site_setting");
-  formData.append("for_site_setting", "true");
+  if (isVideo) {
+    // Discourse rejects non-image files when for_site_setting is true
+    formData.append("upload_type", "composer");
+  } else {
+    formData.append("upload_type", "site_setting");
+    formData.append("for_site_setting", "true");
+  }
   formData.append("synchronous_uploads", "true");
 
   const csrfToken = getCsrfToken();
@@ -1218,7 +1224,8 @@ function injectUploadButtons() {
         btn.disabled = true;
 
         try {
-          const data = await uploadFile(file);
+          const isVideo = (cfg.accept || "").includes("video");
+          const data = await uploadFile(file, { isVideo });
           await pinUpload(data.id, settingName);
           setSettingValue(row, data.url, cfg.multi);
           updatePreviewThumbnail(wrapper, settingName);
@@ -1298,6 +1305,7 @@ export default {
 
   initialize() {
     withPluginApi("1.0", (api) => {
+      _siteSettings = api.container.lookup("service:site-settings");
       api.onPageChange((url) => {
         if (
           url.includes("community-landing") ||
diff --git a/assets/stylesheets/community_landing/landing.css b/assets/stylesheets/community_landing/landing.css
index e069cfd..e49b941 100644
--- a/assets/stylesheets/community_landing/landing.css
+++ b/assets/stylesheets/community_landing/landing.css
@@ -385,13 +385,16 @@ html, .cl-body {
   font-size: 1.05rem;
 }
 
-/* FontAwesome icon spacing inside buttons */
-.cl-btn i.fa-solid {
+/* FontAwesome icon spacing inside buttons & nav links */
+.cl-btn i.fa-solid,
+.cl-navbar__link i.fa-solid {
   margin: 0 0.35em;
+  vertical-align: middle;
 }
 
-/* Google Material Symbols icon spacing inside buttons */
-.cl-btn .material-symbols-outlined {
+/* Google Material Symbols icon spacing inside buttons & nav links */
+.cl-btn .material-symbols-outlined,
+.cl-navbar__link .material-symbols-outlined {
   margin: 0 0.35em;
   font-size: 1.1em;
   vertical-align: middle;