Différences

Ci-dessous, les différences entre deux révisions de la page.

--- gni:app:gfd:tutos [16/07/2025 14:24] – bchicard
+++ gni:app:gfd:tutos [17/07/2026 08:12] (Version actuelle) – ajean
@@ Ligne 1: / Ligne 1: @@
-====== GFD : Les tutoriels ======
+~~NOCACHE~~
-^ Connexion ^^
+<PHP>
-| Guide de connexion  |  [[https://files.gretani.com/gni/gfd/tutos/Guide_GFD_Connexion.pdf|{{fa>file-pdf-o}}]]  |
-^^^
+$TUTOS_GFD = [
-^ OMI : Ordre de Mission Individuel ^^
+    'Connexion' => [
-| OMI : Création  |  [[https://files.gretani.com/gni/gfd/tutos/Guide_OMI_Création.pdf|{{fa>file-pdf-o}}]]  |
+        'color' => '#1A4A7A',
-| OMI : Suivi de l'avancement  |  [[https://files.gretani.com/gni/gfd/tutos/Guide_OMI_Suivi_avancement.pdf|{{fa>file-pdf-o}}]]  |
+        'bg'    => '#E6F1FB',
-^ Frais ^^
+        'items' => [
-| Frais : Saisie  |  [[https://files.gretani.com/gni/gfd/tutos/Guide_Frais_saisie.pdf|{{fa>file-pdf-o}}]]  |
+            ['titre' => 'Guide de connexion', 'url' => 'https://files.gretani.com/gni/gfd/tutos/GFD connexion.pdf'],
-| Frais : Suivi Avancement  |  [[https://files.gretani.com/gni/gfd/tutos/Guide_Frais_suivi_avancement.pdf|{{fa>file-pdf-o}}]]  |
+        ],
-| Frais : Trajet Modèle|  [[https://files.gretani.com/gni/gfd/tutos/Guide_Frais_Trajet_modèle.pdf|{{fa>file-pdf-o}}]]  |
+    ],
+    'OMI — Ordre de Mission Individuel' => [
+        'color' => '#0F6E56',
+        'bg'    => '#E1F5EE',
+        'items' => [
+            ['titre' => "Guide ordre de mission individuel",   'url' => 'https://files.gretani.com/gni/gfd/tutos/Guide ordre de mission individuel.pdf'],
+        ],
+    ],
+    'Frais' => [
+        'color' => '#BA7517',
+        'bg'    => '#FEF3C7',
+        'items' => [
+            ['titre' => 'Guide saisie frais GFD',     'url' => 'https://files.gretani.com/gni/gfd/tutos/Guide saisie frais GFD.pdf'],
+        ],
+    ],
+];
+echo '
+<style>
+.gfd-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; max-width: 680px; }
+.gfd-intro { font-size: 13px; color: #666; margin-bottom: 22px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
+.gfd-section { margin-bottom: 20px; }
+.gfd-cat-title { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 5px 14px; border-radius: 20px; color: #fff; margin-bottom: 10px; }
+.gfd-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: #fff; border: 0.5px solid #dde3ec; border-radius: 8px; margin-bottom: 8px; }
+.gfd-item:hover { background: #fafbfc; }
+.gfd-item-title { font-size: 13px; font-weight: 600; color: #1a2d4a; }
+.gfd-dl-btn { display: inline-flex; align-items: center; gap: 6px; background: #FDECEA; color: #E53935 !important; font-weight: 600; padding: 5px 12px; border-radius: 6px; text-decoration: none; font-size: 11.5px; border: 1px solid #FECACA; white-space: nowrap; }
+.gfd-dl-btn:hover { background: #E53935; color: #fff !important; text-decoration: none !important; }
+</style>';
+echo '<div class="gfd-wrap">';
+echo '<p class="gfd-intro">Retrouvez ici l\'ensemble des guides et tutoriels pour l\'utilisation de GFD (Gestion des Frais de Déplacements).</p>';
+foreach ($TUTOS_GFD as $cat_name => $cat) {
+    $color = $cat['color'];
+    echo "<div class='gfd-section'>";
+    echo "<span class='gfd-cat-title' style='background:{$color}'>" . htmlspecialchars($cat_name) . "</span>";
+    foreach ($cat['items'] as $item) {
+        $titre = htmlspecialchars($item['titre']);
+        $url   = htmlspecialchars($item['url']);
+        echo "<div class='gfd-item'>
+            <span class='gfd-item-title'>{$titre}</span>
+            <a class='gfd-dl-btn' href='{$url}' target='_blank'>
+                <svg viewBox='0 0 24 24' width='13' height='13' fill='none' stroke='currentColor' stroke-width='2'><path d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z'/><path d='M14 2v6h6'/></svg>
+                PDF
+            </a>
+        </div>";
+    }
+    echo "</div>";
+}
+echo '</div>';
+</PHP>