Reintroduce TFE duration metadata: DB columns, form fields, controllers, views, and migration

Add 'unsafe-eval' to CSP script-src directives (htmx requires Function())

app/templates/public/charte.php

@@ -1,9 +1,30 @@
 <main class="apropos-main" id="main-content">
-    <div class="prose apropos-single">
-        <?php if (!empty(trim($content))): ?>
-            <?= $html ?>
-        <?php else: ?>
-            <p>Contenu à venir.</p>
+    <div class="apropos-layout">
+
+        <!-- LEFT: sticky table of contents -->
+        <?php if (!empty($tocItems)): ?>
+        <nav class="apropos-toc" aria-label="Sections de la page">
+            <p class="apropos-toc-label">Parties</p>
+            <ul>
+                <?php foreach ($tocItems as $item): ?>
+                <li><a href="<?= htmlspecialchars($item['href']) ?>"><?= htmlspecialchars($item['label']) ?></a></li>
+                <?php endforeach; ?>
+            </ul>
+        </nav>
         <?php endif; ?>
+
+        <!-- MIDDLE: main prose -->
+        <div class="apropos-content">
+            <section class="apropos-section">
+                <div class="prose">
+                    <?php if (!empty(trim($content))): ?>
+                        <?= $html ?>
+                    <?php else: ?>
+                        <p>Contenu à venir.</p>
+                    <?php endif; ?>
+                </div>
+            </section>
+        </div>
+
     </div>
 </main>

app/templates/public/licence.php

@@ -1,9 +1,30 @@
 <main class="apropos-main" id="main-content">
-    <div class="prose apropos-single">
-        <?php if (!empty(trim($content))): ?>
-            <?= $html ?>
-        <?php else: ?>
-            <p>Contenu à venir.</p>
+    <div class="apropos-layout">
+
+        <!-- LEFT: sticky table of contents -->
+        <?php if (!empty($tocItems)): ?>
+        <nav class="apropos-toc" aria-label="Sections de la page">
+            <p class="apropos-toc-label">Parties</p>
+            <ul>
+                <?php foreach ($tocItems as $item): ?>
+                <li><a href="<?= htmlspecialchars($item['href']) ?>"><?= htmlspecialchars($item['label']) ?></a></li>
+                <?php endforeach; ?>
+            </ul>
+        </nav>
         <?php endif; ?>
+
+        <!-- MIDDLE: main prose -->
+        <div class="apropos-content">
+            <section class="apropos-section">
+                <div class="prose">
+                    <?php if (!empty(trim($content))): ?>
+                        <?= $html ?>
+                    <?php else: ?>
+                        <p>Contenu à venir.</p>
+                    <?php endif; ?>
+                </div>
+            </section>
+        </div>
+
     </div>
 </main>

app/templates/public/search.php

@@ -17,18 +17,6 @@
         </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-ap">AP
         <select class="search-filter-select" name="ap_program" id="filter-ap">
             <option value="">Tous</option>
@@ -41,6 +29,18 @@
         </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>

app/templates/public/tfe.php

@@ -46,6 +46,27 @@
                 </p>
                 <?php endif; ?>
 
+                <?php if (!empty($data["duration_value"]) && !empty($data["duration_unit"])): ?>
+                <?php
+                $_dVal = (float)$data["duration_value"];
+                $_dUnit = $data["duration_unit"];
+                $_unitLabels = [
+                    'pages'   => 'pages',
+                    'minutes' => 'minutes',
+                    'sec'     => 'secondes',
+                    'heures'  => 'heures',
+                    'mo'      => 'Mo',
+                ];
+                $_label = $_unitLabels[$_dUnit] ?? $_dUnit;
+                // if float, show 0.1 or .0 as needed
+                $_display = ($_dVal == (int)$_dVal) ? (int)$_dVal : $_dVal;
+                ?>
+                <p class="tfe-meta-item">
+                    <span class="tfe-meta-label">Durée :</span>
+                    <?= $_display ?> <?= htmlspecialchars($_label) ?>
+                </p>
+                <?php unset($_unitLabels, $_dVal, $_dUnit, $_label, $_display); endif; ?>
+
                 <?php if (!empty($data["languages"])): ?>
                 <p class="tfe-meta-item">
                     <span class="tfe-meta-label">Langue :</span>