mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
19bf9f101a
Unify the three public pages (à propos, charte, licence) onto a single grid layout (.page-content) with sticky TOC sidebar, replacing the old separate / / markup. - Merge about.php, charte.php, licence.php templates into shared .page-content / .content-section structure - Add CommonMark HeadingPermalinkExtension for stable heading anchors - Use SlugNormalizer for TOC links so they match rendered heading IDs - Standardize link styling across content blocks: bold black, accent on hover (consistent with global link style) - Fix code block wrapping: use pre-wrap instead of pre, constrain grid columns with min-width:0, auto scrollbar - Fix apropos page grid placement: force content-section into column 2 so contacts and credits stay in the content area, not the sidebar Also includes accumulated WIP changes: - Header gradient: hardcoded purple-to-green (replaces CSS variables) - Search placeholder font - Duration field: replace minutes/sec/heures with h:m:s time inputs - TFE file optional for formats 1,4,6 with client-side JS toggle - Licence form: em-dash to hyphen, details/summary classes - Pill search: block Enter key form submission when no results - Draft autosave: remove CSRF rotation (broke concurrent FilePond uploads) - Language pill: clear hints for excluded main languages - Search results: gradient placeholder cards for items without covers - TFE display: format durée values as XhYm instead of decimal
107 lines
5.0 KiB
PHP
107 lines
5.0 KiB
PHP
<?php if ($validationError): ?>
|
|
<div class="search-error">⚠ <?= htmlspecialchars($validationError) ?></div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Filter controls -->
|
|
<form class="search-controls" method="GET" action="/search">
|
|
<input type="hidden" name="query" value="<?= htmlspecialchars($_GET['query'] ?? '') ?>">
|
|
|
|
<label class="search-filter-label" for="filter-year">Année
|
|
<select class="search-filter-select" name="year" id="filter-year">
|
|
<option value="">Toutes</option>
|
|
<?php foreach ($years as $y): ?>
|
|
<option value="<?= (int)$y ?>" <?= (isset($_GET['year']) && $_GET['year'] == $y) ? 'selected' : '' ?>>
|
|
<?= (int)$y ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="search-filter-label" for="filter-ap">AP
|
|
<select class="search-filter-select" name="ap_program" id="filter-ap">
|
|
<option value="">Tous</option>
|
|
<?php foreach ($apPrograms as $ap): ?>
|
|
<option value="<?= htmlspecialchars($ap['name']) ?>"
|
|
<?= (isset($_GET['ap_program']) && $_GET['ap_program'] == $ap['name']) ? 'selected' : '' ?>>
|
|
<?= htmlspecialchars($ap['name']) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="search-filter-label" for="filter-orientation">Orientation
|
|
<select class="search-filter-select" name="orientation" id="filter-orientation">
|
|
<option value="">Toutes</option>
|
|
<?php foreach ($orientations as $o): ?>
|
|
<option value="<?= htmlspecialchars($o['name']) ?>"
|
|
<?= (isset($_GET['orientation']) && $_GET['orientation'] == $o['name']) ? 'selected' : '' ?>>
|
|
<?= htmlspecialchars($o['name']) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="search-filter-label" for="filter-finality">Finalité
|
|
<select class="search-filter-select" name="finality" id="filter-finality">
|
|
<option value="">Toutes</option>
|
|
<?php foreach ($finalityTypes as $f): ?>
|
|
<option value="<?= htmlspecialchars($f['name']) ?>"
|
|
<?= (isset($_GET['finality']) && $_GET['finality'] == $f['name']) ? 'selected' : '' ?>>
|
|
<?= htmlspecialchars($f['name']) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</label>
|
|
|
|
<label class="search-filter-label" for="filter-format">Format
|
|
<select class="search-filter-select" name="format" id="filter-format">
|
|
<option value="">Tous</option>
|
|
<?php foreach ($formatTypes as $fmt): ?>
|
|
<option value="<?= htmlspecialchars($fmt['name']) ?>"
|
|
<?= (isset($_GET['format']) && $_GET['format'] == $fmt['name']) ? 'selected' : '' ?>>
|
|
<?= htmlspecialchars($fmt['name']) ?>
|
|
</option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
</label>
|
|
|
|
<button type="submit" class="btn btn--primary btn--sm search-apply-btn">Filtrer</button>
|
|
<a href="/search?query=<?= urlencode($_GET['query'] ?? '') ?>" class="btn btn--secondary btn--sm search-reset-link">Réinitialiser</a>
|
|
</form>
|
|
|
|
<main class="search-main" id="main-content">
|
|
<output class="search-results-header" role="status"><?= $totalItems ?> résultat<?= $totalItems > 1 ? 's' : '' ?></output>
|
|
|
|
<?php if (!empty($results)): ?>
|
|
<ul class="results-grid">
|
|
<?php foreach ($results as $item): ?>
|
|
<?php $thumb = $coverMap[$item['id']] ?? null; ?>
|
|
<li><a href="/tfe?id=<?= (int)$item['id'] ?>" class="result-card">
|
|
<?php if ($thumb): ?>
|
|
<figure class="result-card__cover">
|
|
<img src="/media?path=<?= urlencode($thumb) ?>"
|
|
alt="Couverture — <?= htmlspecialchars($item['title']) ?>"
|
|
loading="lazy">
|
|
</figure>
|
|
<?php else: ?>
|
|
<div class="result-card__gradient">
|
|
<span class="result-card__gradient-author"><?= htmlspecialchars($item['authors'] ?? '') ?></span>
|
|
<span class="result-card__gradient-title"><?= htmlspecialchars($item['title']) ?></span>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php if ($thumb): ?>
|
|
<span class="result-card__authors"><?= htmlspecialchars($item['authors'] ?? '') ?></span>
|
|
<?php endif; ?>
|
|
<span class="result-card__title"><?= htmlspecialchars($item['title']) ?></span>
|
|
<small class="result-card__meta"><?= htmlspecialchars($item['year']) ?><?php if (!empty($item['orientation'])): ?> · <?= htmlspecialchars($item['orientation']) ?><?php endif; ?></small>
|
|
</a></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
|
|
<?php include APP_ROOT . '/templates/partials/pagination.php'; ?>
|
|
|
|
<?php else: ?>
|
|
<p class="search-empty">Aucun résultat pour cette recherche.</p>
|
|
<?php endif; ?>
|
|
</main>
|