From d8cb4664e5700f164cad518488a58b4869fcd831 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Thu, 29 Oct 2026 11:35:41 -0400
Subject: [PATCH] =?UTF-8?q?Page=20Projets=20:=20copie=20URL=20dans=20le=20?=
 =?UTF-8?q?menu=20=E2=8B=AF=20+=20refonte=20th=C3=A8me=20barre=20Fusion/Sp?=
 =?UTF-8?q?ark=20(#44,=20#45)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/templates/dashboard.html | 67 +++++++++++++++++++++---------------
 1 file changed, 39 insertions(+), 28 deletions(-)

diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index ca1c90b..1d4db49 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -91,14 +91,17 @@
                  data-search="{{ (repo.name ~ ' ' ~ repo.full_name ~ ' ' ~ (repo.description or ''))|lower }}"
                  x-show="search === '' || $el.dataset.search.includes(search.toLowerCase())">
                 <div class="card-header">
-                    <span class="org-tag">{{ repo.owner.login }}</span>
-                    {% if multi_conn %}<span class="conn-badge" title="Connexion {{ repo._conn_slug }}">{% if repo._conn_kind == 'github' %}GitHub{% else %}Gitea{% endif %} {{ repo._conn_slug }}</span>{% endif %}
-                    {% if repo.health_dot %}
-                    <a href="/health/{{ full }}" class="health-dot {{ repo.health_dot.level }}" title="Santé du flux — {{ repo.health_dot.tooltip }}" aria-label="Santé du flux : {{ repo.health_dot.tooltip }}"></a>
-                    {% endif %}
-                    <span class="date">{{ repo.updated_at[:10] }}</span>
-                    {% if not archived %}
-                    <button type="button" class="star-btn" data-full="{{ full }}" data-starred="{{ 1 if repo.starred else 0 }}" title="{{ 'Désépingler (étoile Gitea)' if repo.starred else 'Épingler (étoile Gitea)' }}" aria-label="Épingler {{ repo.name }}">{{ '' if repo.starred else '☆' }}</button>
+                    <div class="card-header-left">
+                        <span class="org-tag">{{ repo.owner.login }}</span>
+                        {% if multi_conn %}<span class="conn-badge" title="Connexion {{ repo._conn_slug }}">{% if repo._conn_kind == 'github' %}GitHub{% else %}Gitea{% endif %} {{ repo._conn_slug }}</span>{% endif %}
+                        {% if repo.health_dot %}
+                        <a href="/health/{{ full }}" class="health-dot {{ repo.health_dot.level }}" title="Santé du flux — {{ repo.health_dot.tooltip }}" aria-label="Santé du flux : {{ repo.health_dot.tooltip }}"></a>
+                        {% endif %}
+                    </div>
+                    <div class="card-header-actions">
+                        <span class="date" title="Dernière activité">{{ repo.updated_at[:10] }}</span>
+                        {% if not archived %}
+                        <button type="button" class="star-btn" data-full="{{ full }}" data-starred="{{ 1 if repo.starred else 0 }}" title="{{ 'Désépingler (étoile Gitea)' if repo.starred else 'Épingler (étoile Gitea)' }}" aria-label="Épingler {{ repo.name }}">{{ '' if repo.starred else '☆' }}</button>
                     <div class="card-menu-wrap">
                         <button type="button" class="card-menu-btn" data-menu-btn aria-haspopup="true" aria-expanded="false" title="Actions rapides pour {{ repo.name }}" aria-label="Actions rapides pour {{ repo.name }}">⋯</button>
                         <div class="card-menu" hidden>
@@ -115,26 +118,30 @@
                         </div>
                     </div>
                     {% endif %}
+                    </div>
                 </div>
                 <h3>
                     <a href="/project/{{ repo.owner.login }}/{{ repo.name }}">{{ repo.name }}</a>
                 </h3>
-                <p class="desc">{{ repo.description or '—' }}</p>
+                <p class="desc" title="{{ repo.description or '' }}">{{ repo.description or '—' }}</p>
                 {% if full in stats %}
                 {% set total = stats[full].values()|sum %}
                 {% set done_n = stats[full].get('done', 0) %}
                 {% if total > 0 %}
-                <div class="progress" title="{{ done_n }}/{{ total }} terminées">
-                    <span style="width: {{ (100 * done_n / total)|round|int }}%"></span>
+                <div class="card-progress">
+                    <div class="progress-head"><span>Avancement</span><span>{{ done_n }}/{{ total }} terminées</span></div>
+                    <div class="progress" title="{{ done_n }}/{{ total }} terminées">
+                        <span style="width: {{ (100 * done_n / total)|round|int }}%"></span>
+                    </div>
                 </div>
                 {% endif %}
                 {% endif %}
                 {% if repo.next_milestone %}
                 {% set ms = repo.next_milestone %}
                 <div class="ms-block">
+                    <div class="ms-head"><span class="ms-kicker">Prochain jalon</span>{% if ms.due_label %}<span class="ms-due{% if ms.late %} late{% endif %}">échéance {{ ms.due_label }}</span>{% endif %}</div>
                     <div class="ms-line">
                         <a href="/forecast#ms-{{ repo.owner.login }}-{{ repo.name }}" class="ms-title" title="Voir ce jalon dans le tableau des prévisions">{{ ms.title }}</a>
-                        {% if ms.due_label %}<span class="ms-due{% if ms.late %} late{% endif %}">{{ '' if ms.late }}échéance {{ ms.due_label }}</span>{% endif %}
                     </div>
                     {% if ms.total %}
                     <div class="progress ms-progress"><span style="width: {{ ms.pct }}%"></span></div>
@@ -143,28 +150,32 @@
                 </div>
                 {% endif %}
                 <div class="card-footer">
-                    <span>{{ repo.open_issues_count or 0 }} issues ouvertes</span>
-                    <a href="/board/{{ full }}" class="card-board-link">Board</a>
-                    {% if repo.forecast_label %}
-                    <span class="forecast-line" title="Prévision d'après le débit réel du journal (fermetures par semaine)">{{ repo.forecast_label }}</span>
-                    {% endif %}
-                    {% if full in stats %}
-                    <div class="mini-progress">
-                        {% for col in column_keys %}
-                        {% set n = stats[full].get(col, 0) %}
-                        {% if n > 0 %}
-                        <span class="chip" style="background: color-mix(in srgb, {{ COLUMN_COLORS[col] }} 25%, transparent); color: var(--text)">
-                            {{ n }}
-                        </span>
+                    <div class="foot-main">
+                        <span class="foot-count">{{ repo.open_issues_count or 0 }} issues ouvertes</span>
+                        <a href="/board/{{ full }}" class="card-board-link btn-sm">Board →</a>
+                    </div>
+                    <div class="foot-dist">
+                        {% if full in stats %}
+                        <div class="mini-progress" aria-label="Répartition par colonne">
+                            {% for col in column_keys %}
+                            {% set n = stats[full].get(col, 0) %}
+                            {% if n > 0 %}
+                            <span class="chip" title="{{ COLUMN_LABELS[col] }}" style="background: color-mix(in srgb, {{ COLUMN_COLORS[col] }} 25%, transparent); color: var(--text)">
+                                {{ COLUMN_LABELS[col] }} {{ n }}
+                            </span>
+                            {% endif %}
+                            {% endfor %}
+                        </div>
                         {% endif %}
-                        {% endfor %}
+                        {% if repo.forecast_label %}
+                        <span class="forecast-line" title="Prévision d'après le débit réel du journal (fermetures par semaine)">{{ repo.forecast_label }}</span>
+                        {% endif %}
                     </div>
-                    {% endif %}
                 </div>
                 {% if repo.activity %}
                 <div class="activity-line">
                     {% if repo.activity.closed or repo.activity.moved %}
-                    {{ repo.activity.closed }} fermée(s) · {{ repo.activity.moved }} déplacement(s) cette semaine
+                    Cette semaine : {{ repo.activity.closed }} fermée(s) · {{ repo.activity.moved }} déplacement(s)
                     {% elif repo.activity.idle_days is not none and repo.activity.idle_days > 7 %}
                     aucune activité kanban depuis {{ repo.activity.idle_days }} j
                     {% endif %}