Aucun fichier sélectionné.
'; - - container.innerHTML = html; - - // Wire Sortable - if (window.Sortable && files.length > 1) { - var list = container.querySelector("ul.tfe-file-queue"); - if (list) { - Sortable.create(list, { - handle: ".fq-drag-handle", - animation: 150, - onEnd: function () { - reorderFromDOM(queueType); - }, - }); - } - } - - // Mark form as dirty - markDirty(); - } - - function reorderFromDOM(queueType) { - var container = document.getElementById(getQueueContainerId(queueType)); - if (!container) return; - var ids = Array.from(container.querySelectorAll("[data-fq-id]")).map(function (li) { return li.dataset.fqId; }); - var files = queues[queueType]; - var byId = {}; - files.forEach(function (f) { byId[f.__xamxamId] = f; }); - var reordered = ids.map(function (id) { return byId[id]; }).filter(Boolean); - files.forEach(function (f) { - if (reordered.indexOf(f) === -1) reordered.push(f); - }); - queues[queueType] = reordered; - markDirty(); - } - - // ── Operations ───────────────────────────────────────────────────────── - - function addFiles(queueType, newFiles) { - var errors = []; - var addedFiles = []; - for (var i = 0; i < newFiles.length; i++) { - var err = validateFile(newFiles[i], queueType); - if (err) { - errors.push(err); - } else { - newFiles[i].__xamxamId = genFileId(); - addedFiles.push(newFiles[i]); - } - } - - if (addedFiles.length > 0) { - queues[queueType] = queues[queueType].concat(addedFiles); - renderQueue(queueType); - } - - return errors; - } - - function removeFile(queueType, fileId) { - var idx = -1; - for (var i = 0; i < queues[queueType].length; i++) { - if (queues[queueType][i].__xamxamId === fileId) { idx = i; break; } - } - if (idx >= 0) { - queues[queueType].splice(idx, 1); - renderQueue(queueType); - } - } - - // ── FormData injection on submit ─────────────────────────────────────── - - function injectQueuesIntoFormData(form, nativeFormData) { - var fd = nativeFormData || new FormData(); - QUEUE_TYPES.forEach(function (qt) { - var files = queues[qt]; - for (var i = 0; i < files.length; i++) { - fd.append("queue_file[" + qt + "][]", files[i], files[i].name); - } - }); - - // Append queue order hints so the server can validate user ordering - QUEUE_TYPES.forEach(function (qt) { - var ids = queues[qt].map(function (f) { return f.__xamxamId; }); - if (ids.length > 0) { - fd.append("queue_order[" + qt + "]", JSON.stringify(ids)); - } - }); - - return fd; - } - - // ── Dirty tracking integration ───────────────────────────────────────── - - function markDirty() { - // Set a global flag that beforeunload-guard.js can check - window.__xamxamDirty = true; - } - - function markClean() { - window.__xamxamDirty = false; - } - - // ── Validate callback for inline validation fragments ────────────────── - - function showValidationMsg(input, msg) { - // Find the .file-validation-msg element scoped to this input's form - var form = input.closest(".file-validation-form"); - var msgEl = form ? form.querySelector(".file-validation-msg") : null; - if (msgEl) { - msgEl.innerHTML = '' + esc(msg) + ''; - } - } - - function clearValidationMsg(input) { - var form = input.closest(".file-validation-form"); - var msgEl = form ? form.querySelector(".file-validation-msg") : null; - if (msgEl) { - msgEl.innerHTML = ""; - } - } - - // ── Binding ──────────────────────────────────────────────────────────── - - function bindQueueInputs() { - document.querySelectorAll(".tfe-file-picker").forEach(function (input) { - if (input.dataset.xamxamBound) return; - input.dataset.xamxamBound = "1"; - - var queueType = null; - // Determine queue type from input attributes - if (input.id === "tfe-files-input") queueType = "tfe"; - else if (input.id === "video-files-input") queueType = "video"; - else if (input.id === "audio-files-input") queueType = "audio"; - else if (input.id === "annexe-files-input") queueType = "annexe"; - else if (input.getAttribute("hx-vals")) { - // Legacy: try to parse from hx-vals - try { - var vals = JSON.parse(input.getAttribute("hx-vals")); - if (vals && vals.queue_type && QUEUE_TYPES.indexOf(vals.queue_type) >= 0) { - queueType = vals.queue_type; - } - } catch (_) { /* ignore */ } - } - - if (!queueType) return; - - input.addEventListener("change", function () { - clearValidationMsg(input); - var files = Array.from(input.files || []); - var errors = addFiles(queueType, files); - if (errors.length > 0) { - showValidationMsg(input, errors.join("; ")); - } - // Reset file input so the same file can be re-selected - input.value = ""; - }); - }); - } - - /** - * Delegate click events for remove buttons (these are regenerated on - * every renderQueue call, so live delegation is needed). - */ - function bindRemoveButtons() { - document.addEventListener("click", function (e) { - var btn = e.target.closest("button[data-action='xamxam-remove']"); - if (!btn) return; - e.preventDefault(); - var qt = btn.getAttribute("data-queue"); - var fid = btn.getAttribute("data-file-id"); - if (qt && fid) removeFile(qt, fid); - }); - } - - // ── Form submit interception ─────────────────────────────────────────── - - // Track whether we've already intercepted this submit to prevent double-submit - var _xamxamActiveSubmit = false; - - function bindFormSubmit() { - document.querySelectorAll("form[data-beforeunload-guard]").forEach(function (form) { - if (form.dataset.xamxamFormBound) return; - form.dataset.xamxamFormBound = "1"; - - form.addEventListener("submit", function (e) { - var hasFiles = QUEUE_TYPES.some(function (qt) { return queues[qt].length > 0; }); - - console.log("[file-upload-queue] submit event fired | action=" + (form.getAttribute("action") || "") + " | hasFiles=" + hasFiles + " | enctype=" + form.enctype); - - if (!hasFiles) { - console.log("[file-upload-queue] no queued files, passing through native submit"); - markClean(); - return; // Normal submit - } - - // Check if the form can accept multipart - if (form.enctype !== "multipart/form-data") { - console.log("[file-upload-queue] form enctype is not multipart/form-data, passing through"); - markClean(); - return; - } - - // Prevent double-submit (in case native submit falls through) - if (_xamxamActiveSubmit) { - console.log("[file-upload-queue] already submitting, skipping"); - e.preventDefault(); - return; - } - _xamxamActiveSubmit = true; - - e.preventDefault(); - - // Build FormData from form fields + inject queued files - var fd = new FormData(form); - - // Remove stale file input artifacts (consumed by change handler) - QUEUE_TYPES.forEach(function (qt) { - fd.delete("tfe"); - fd.delete("video"); - fd.delete("audio"); - fd.delete("annexe"); - }); - - fd = injectQueuesIntoFormData(form, fd); - - markClean(); - - console.log("[file-upload-queue] injecting " + QUEUE_TYPES.map(function(qt) { return qt + ":" + queues[qt].length; }).join(", ") + " files into FormData"); - - // Use XMLHttpRequest instead of fetch so we can reliably read the - // final URL after redirects (fetch with redirect:manual hides headers). - var xhr = new XMLHttpRequest(); - xhr.open("POST", form.getAttribute("action") || "", true); - xhr.responseType = "text"; - - xhr.onload = function () { - _xamxamActiveSubmit = false; - var finalUrl = xhr.responseURL || ""; - - console.log("[file-upload-queue] XHR status=" + xhr.status + " | finalUrl=" + finalUrl + " | responseLength=" + (xhr.responseText ? xhr.responseText.length : 0)); - - // If the server redirected us (responseURL differs from action), navigate there. - // This handles the 302 redirect pattern used by formulaire.php and edit.php. - var actionUrl = form.getAttribute("action") || ""; - if (finalUrl && finalUrl !== actionUrl && finalUrl !== window.location.href) { - console.log("[file-upload-queue] redirecting to " + finalUrl); - window.location.href = finalUrl; - return; - } - - // 200 with HTML — likely form errors, replace page - if (xhr.status >= 200 && xhr.status < 300 && xhr.responseText) { - console.log("[file-upload-queue] rendering error response HTML"); - document.open(); - document.write(xhr.responseText); - document.close(); - // Re-bind after DOM replacement (for error re-renders) - setTimeout(window.XamxamInitFileUploads, 0); - return; - } - - // Fallback: reload current page - console.log("[file-upload-queue] unexpected response, reloading page"); - window.location.reload(); - }; - - xhr.onerror = function () { - _xamxamActiveSubmit = false; - console.error("[file-upload-queue] XHR network error, falling back to native submit"); - // Fall back to native submit - form.submit(); - }; - - xhr.send(fd); - }); - }); - } - - // ── Public API (called by HTMX afterSwap scripts) ────────────────────── - - window.XamxamInitFileUploads = function () { - bindQueueInputs(); - }; - - window.XamxamInitQueues = function () { - // Re-render all queues from in-memory state (used when format switching - // replaces the queues container via HTMX). - QUEUE_TYPES.forEach(function (qt) { - var container = document.getElementById(getQueueContainerId(qt)); - if (container && queues[qt].length > 0) { - renderQueue(qt); - } - }); - }; - - // ── Bootstrap ────────────────────────────────────────────────────────── - - bindRemoveButtons(); - bindFormSubmit(); - - if (document.readyState === "loading") { - document.addEventListener("DOMContentLoaded", window.XamxamInitFileUploads); - } else { - window.XamxamInitFileUploads(); - } -})(); diff --git a/app/public/assets/js/sortable.min.js b/app/public/assets/js/sortable.min.js deleted file mode 100644 index bb99533..0000000 --- a/app/public/assets/js/sortable.min.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! Sortable 1.15.2 - MIT | git://github.com/SortableJS/Sortable.git */ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Sortable=e()}(this,function(){"use strict";function e(e,t){var n,o=Object.keys(e);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(e),t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)),o}function I(o){for(var t=1;tAucun fichier sélectionné.
-Aucun fichier sélectionné.
-Aucun fichier sélectionné.
-.vtt sont des sous-titres et seront associés automatiquement à la vidéo précédente.
-
-
- Aucun fichier sélectionné.