mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-26 16:49:18 +02:00
ca7707cd47
Replace the client-side FileArray + Sortable drag-to-reorder with a
server-side session-based upload flow:
- New endpoints: /partage/upload-tfe-file, /partage/remove-tfe-file
(and /admin/ variants) — single-file incremental upload via HTMX
multipart/form-data with progress bar support
- Session storage: uploaded files go to STORAGE_ROOT/uploads/{session_id}/
with metadata in $_SESSION['tfe_uploads']
- file-upload-queue.js reduced to single-file previews only (couverture,
note_intention, annexes thumbnails)
- ThesisFileHandler gains handleTfeFilesFromSession + writeTfeFileFromSrc
+ cleanupSessionUploads for final commit from session temp
- Sortable.min.js removed from all script tags; drag handles and ghost
CSS removed
- No file_orders[]/file_labels[] hidden field injection needed
- Upload queue survives page refresh (server-owned list)
This eliminates the SortableJS dependency entirely while keeping the
same UX: pick files, see them in a queue, remove individual files.
66 lines
2.4 KiB
PHP
66 lines
2.4 KiB
PHP
<?php
|
|
/**
|
|
* Shared partial — "Fichiers" fieldset (add / student submission mode).
|
|
*
|
|
* Order per spec:
|
|
* 1. Image de couverture (optionnel)
|
|
* 2. Note d'intention (obligatoire)
|
|
* 3. TFE (obligatoire)
|
|
* 4. Annexes éventuelles (optionnel)
|
|
*
|
|
* Variables consumed:
|
|
* bool $adminMode — when true, no field is required (admin add/edit mode).
|
|
*/
|
|
$adminMode = $adminMode ?? false;
|
|
?>
|
|
<fieldset>
|
|
<legend>Fichiers</legend>
|
|
|
|
<?php
|
|
$name = 'couverture';
|
|
$label = 'Image de couverture (optionnel) :';
|
|
$accept = 'image/jpeg,image/png,image/webp';
|
|
$hint = 'JPG, PNG ou WEBP. Format 4:3 recommandé. Max 20 MB.';
|
|
include APP_ROOT . '/templates/partials/form/file-field.php';
|
|
?>
|
|
|
|
<?php
|
|
$name = 'note_intention';
|
|
$label = 'Note d\'intention :';
|
|
$accept ='.pdf';
|
|
$hint = 'Format PDF uniquement.';
|
|
$required = !$adminMode;
|
|
include APP_ROOT . '/templates/partials/form/file-field.php';
|
|
?>
|
|
|
|
<!-- TFE files — multi-file, with per-file labels -->
|
|
<div class="admin-form-group admin-files-fieldgroup">
|
|
<label>TFE (obligatoire) :</label>
|
|
<div class="admin-file-input">
|
|
<input type="file" id="tfe-files-input"
|
|
name="files[]" multiple
|
|
accept=".pdf,.jpg,.jpeg,.png,.gif,.webp,.mp4,.webm,.mov,.ogv,.mp3,.ogg,.oga,.wav,.flac,.aac,.m4a,.vtt"
|
|
class="tfe-file-picker">
|
|
<small class="admin-file-hint">
|
|
Types acceptés : PDF · JPG/PNG/GIF/WEBP · MP4/WebM/MOV (vidéo) · MP3/OGG/WAV/FLAC (audio) · ZIP/TAR (archives). Max 500 MB par fichier.
|
|
Les fichiers <code>.vtt</code> sont des sous-titres et seront associés automatiquement à la vidéo précédente.
|
|
</small>
|
|
|
|
<!-- File queue — populated by JS -->
|
|
<ul id="tfe-file-queue" class="tfe-file-queue" aria-label="Fichiers sélectionnés">
|
|
<!-- Queue rendered server-side via HTMX (upload-tfe-file) -->
|
|
</ul>
|
|
<p id="tfe-file-queue-empty" class="tfe-queue-empty">Aucun fichier sélectionné.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$name = 'annexes';
|
|
$label = 'Annexes éventuelles (optionnel) :';
|
|
$accept = '.pdf,.zip,.tar,.gz';
|
|
$hint = 'PDF ou archives ZIP/TAR.';
|
|
$multiple = true;
|
|
include APP_ROOT . '/templates/partials/form/file-field.php';
|
|
?>
|
|
</fieldset>
|