mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +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.
60 lines
2.8 KiB
PHP
60 lines
2.8 KiB
PHP
<?php
|
|
/**
|
|
* File input partial.
|
|
*
|
|
* Variables consumed:
|
|
* string $name — input name attribute (used for id too unless $id set)
|
|
* string $label — visible label text
|
|
* string $accept — MIME types / extensions for the accept attribute (e.g. 'image/jpeg,image/png')
|
|
* string|null $hint — optional hint shown in <small> below the input
|
|
* bool $required — whether the field is required; default false
|
|
* bool $multiple — whether to allow multiple file selection; default false
|
|
* string|null $id — override the id attribute (defaults to $name)
|
|
* string|null $fieldName — validation field name for HTMX inline validation ('couverture', 'note_intention', 'tfe', 'annexes')
|
|
*/
|
|
|
|
$accept = $accept ?? '';
|
|
$hint = $hint ?? null;
|
|
$hintRaw = $hintRaw ?? false; // when true, $hint is emitted as raw HTML
|
|
$required = $required ?? false;
|
|
$multiple = $multiple ?? false;
|
|
$id = $id ?? $name;
|
|
$fieldName = $fieldName ?? $name; // validation field name
|
|
$previewId = 'fp-' . htmlspecialchars($id);
|
|
|
|
// Determine HTMX POST endpoint for inline file validation
|
|
if (defined('ADMIN_MODE') && ADMIN_MODE) {
|
|
$validateUrl = '/admin/validate-file-fragment.php';
|
|
} else {
|
|
$validateUrl = '/partage/validate-file-fragment';
|
|
}
|
|
?>
|
|
<div>
|
|
<label for="<?= htmlspecialchars($id) ?>"><?= htmlspecialchars($label) ?><?= $required ? ' <span class="asterisk">*</span>' : '' ?></label>
|
|
<!-- HTMX validation: scoped to this field -->
|
|
<form class="admin-file-input file-validation-form"
|
|
hx-post="<?= htmlspecialchars($validateUrl) ?>"
|
|
hx-encoding="multipart/form-data"
|
|
hx-trigger="change from:input[type='file']"
|
|
hx-target="find .file-validation-msg"
|
|
hx-swap="innerHTML"
|
|
hx-sync="replace">
|
|
<input type="hidden" name="field_name" value="<?= htmlspecialchars($fieldName) ?>">
|
|
<input type="hidden" name="admin_mode" value="<?= ($adminMode ?? false) ? '1' : '0' ?>">
|
|
<input type="file"
|
|
id="<?= htmlspecialchars($id) ?>"
|
|
name="<?= htmlspecialchars($name) ?><?= $multiple ? '[]' : '' ?>"
|
|
<?= $accept ? 'accept="' . htmlspecialchars($accept) . '"' : '' ?>
|
|
<?= $multiple ? 'multiple' : '' ?>
|
|
<?= $required ? 'required' : '' ?>
|
|
data-preview="<?= $previewId ?>">
|
|
<div class="file-validation-msg" aria-live="polite"></div>
|
|
<div id="<?= $previewId ?>" class="file-preview-list" aria-live="polite"></div>
|
|
<?php if ($hint): ?>
|
|
<small><?= $hintRaw ? $hint : htmlspecialchars($hint) ?></small>
|
|
<?php endif; ?>
|
|
</form>
|
|
</div>
|
|
<?php
|
|
unset($accept, $hint, $hintRaw, $required, $multiple, $id, $fieldName, $previewId, $validateUrl);
|