From 8ddfe545d9d171e2437b81d40e75a61526537011 Mon Sep 17 00:00:00 2001
From: gilles <gil.soulier@gmail.com>
Date: Sun, 22 Mar 2026 14:20:07 +0100
Subject: [PATCH] aorus

---
 data/jardin.db                      | Bin 499712 -> 499712 bytes
 data/jardin.db-shm                  | Bin 32768 -> 32768 bytes
 data/jardin.db-wal                  | Bin 0 -> 24752 bytes
 frontend/src/views/PlanningView.vue |  66 +++++++++++++++-------------
 4 files changed, 36 insertions(+), 30 deletions(-)

diff --git a/data/jardin.db b/data/jardin.db
index 27edf8f6de955727b4bb83adfd4938a2e6efeab2..018fa4e87a3afa9ec90fe5eb224bf4be44220042 100644
GIT binary patch
delta 758
zcmZoTAlCpyEsQNpEzB(}Ev#GE_>A}rtxS!rOf2=xOe_ryji<{Pv1N*(ifJ1dSQ!|U
zMNGeM%qA*hd4MYo3><{cfWTP?HYne8=5zrQHj(KMjM%soA1uDkWm~Ys$iT=<*T7iU
z$SA}R)zs<S#%x&<sA3SCSk5zqOja}qn10uoEd||u{w8cW=wc^L*izBOY)sjb(Z$x9
zvPGkdiJ7s5po>+QvE`zReKy0?8)J?sb`*=4o&{SLnt9uoS+K>sv+x{Y;MvaEz_y!*
zw~|qXfm5A<L7stKQF!|OJ~jzH2FJXV%)C?u=lr6)($wiahuNf=4Gq$#uRqKtHhpg&
z8xMzpAtcDA+xN1qWZ^%;U=Iv9>+R}&Y;ze|7#J9AfLx0yjI7&PC$KRZNX0PlALVc1
zcjf2hJI^<rPoMV&?@aD8ZbRmn?Ft9jjF~3}aPl>($p9T<$iN^9bcpEm#KUabDn6Mh
zIrcvbKv7x<i%|n}13lw(AkRYA&`8(7a60347P0N;53`x(ur#ymV_0rrz{<$R@`~jO
z%f8Ku1{;{C>nXFcPrq%#&dFv3OixUww_h<~H{cfG;61>=zm>m$UytuG-%LI~K5pIv
zKn*K+nLS#)rw976OBsUHCzlo#rRJ45D9;3eSq?f7+R~vX+86{JI3WUlt`4nU(-Rcg
MCAX{lvEK{?0Dl<G>Hq)$

delta 665
zcmZoTAlCpyEsQNpEzB(}Ev#GE_>A}rtc)zJOpNs`Obje6%%;m2v1N*(ifJ1dSQ!|U
zMNGeM%qA*hx&P)&5SZm4bOr>@I&d+7frIJH=>jHfBGVrjv2iJ0Unf%a(0!eefsvW6
zfw8WUQHUX`snfZQ*|H>1#UM7ZoM#A`tY{E0{jM=v3cCCJP1thK#ZH>ArJ{@3n6f3K
zi>)<fi$)g{Gh+)u7ppL1%S9LaY=)^f#vD`ZC>Ak23$`pY^R_RuV2gKW;k9Sr-_F^<
zwwq_NfkE|j`(Cz{EWp6D2YTOnyLunnTt*oyMqUO^bx061F!(y=rDW!%DmdpC<&~yR
z-`K|{!C_zs3Ab$%*w_rDf*JUa^0)B2^7HbY=bO%_&wGP+CU+UPA#?C{g#&EH%zTad
zGAaz5h71hy4D5=s)3Xk<Y3sTt=H@Ddr52SqDE<P*nn*P)-VDr*Oce?;Q&WnK42+F*
z4Ge*3I^%T~vF+y%vzg|wG_hP^SZ-jz%E-d<isi~?MS~N})AyOM3v7R4!mhwA#Lmaf
nz`vEhfM1XAG2cu+KR#}tlCQkX4y|6(6BOAcx2yZH-wXr*`K7Im

diff --git a/data/jardin.db-shm b/data/jardin.db-shm
index fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10..4486b98003239bd945a638d6877539bfa96a8e30 100644
GIT binary patch
delta 187
zcmZo@U}|V!s+V}A%K!o_K+MR%AixHstAP0a87B6tj}_kSZSRpUniSaN!FPJ$#Cy!S
zq^buR1qQ4@@;?%Q3Qw%(6fFU=OMy5Ah~eywjnz@ij0`Lr8-Ft~GcmAkY?S9^W@cd9
I*mzU~07$_#JOBUy

delta 80
zcmZo@U}|V!;+1%$%K!t66BkO0TChv7nNGgVi7p`mlYpuI4+Il)WHxTdh}yV8KotO<
C{S*ZN

diff --git a/data/jardin.db-wal b/data/jardin.db-wal
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..f9e9d3910b63e5c75a7e490234bab1e1665607bb 100644
GIT binary patch
literal 24752
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

literal 0
HcmV?d00001

diff --git a/frontend/src/views/PlanningView.vue b/frontend/src/views/PlanningView.vue
index 70efb75..f284551 100644
--- a/frontend/src/views/PlanningView.vue
+++ b/frontend/src/views/PlanningView.vue
@@ -1,40 +1,45 @@
 <template>
-  <div class="p-4 max-w-6xl mx-auto space-y-6">
+  <div class="max-w-6xl mx-auto">
 
-    <!-- ====== En-tête ====== -->
-    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
-      <div>
-        <h1 class="text-3xl font-bold text-green tracking-tight">Planning</h1>
-        <p class="text-text-muted text-xs mt-1">Visualisez et planifiez vos interventions sur 4 semaines.</p>
+    <!-- ====== En-tête sticky ====== -->
+    <div class="sticky top-14 lg:top-0 z-20 bg-bg border-b border-bg-soft/60 px-4 pt-4 pb-3 space-y-3">
+      <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+        <div>
+          <h1 class="text-3xl font-bold text-green tracking-tight">Planning</h1>
+          <p class="text-text-muted text-xs mt-1">Visualisez et planifiez vos interventions sur 4 semaines.</p>
+        </div>
+
+        <div class="flex items-center gap-2 flex-wrap">
+          <!-- Toggle Calendrier / Gantt -->
+          <div class="flex bg-bg-soft/30 border border-bg-soft rounded-xl p-1 gap-1">
+            <button
+              @click="viewMode = 'calendar'"
+              :class="['py-1.5 px-3 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all',
+                viewMode === 'calendar' ? 'bg-green/20 text-green border border-green/30' : 'text-text-muted hover:text-text']"
+            >📅 Calendrier</button>
+            <button
+              @click="viewMode = 'gantt'"
+              :class="['py-1.5 px-3 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all',
+                viewMode === 'gantt' ? 'bg-aqua/20 text-aqua border border-aqua/30' : 'text-text-muted hover:text-text']"
+            >📊 Gantt</button>
+          </div>
+
+          <!-- Navigateur -->
+          <div class="flex items-center gap-2 bg-bg-soft/30 p-1 rounded-xl border border-bg-soft">
+            <button @click="prevPeriod" class="btn-outline !py-1.5 !px-3 text-xs font-bold uppercase tracking-widest border-transparent hover:bg-bg-soft transition-all">Préc.</button>
+            <button @click="goToday"   class="btn-primary !py-1.5 !px-4 text-xs !rounded-lg">Aujourd'hui</button>
+            <button @click="nextPeriod" class="btn-outline !py-1.5 !px-3 text-xs font-bold uppercase tracking-widest border-transparent hover:bg-bg-soft transition-all">Suiv.</button>
+          </div>
+        </div>
       </div>
 
-      <div class="flex items-center gap-2 flex-wrap">
-        <!-- Toggle Calendrier / Gantt -->
-        <div class="flex bg-bg-soft/30 border border-bg-soft rounded-xl p-1 gap-1">
-          <button
-            @click="viewMode = 'calendar'"
-            :class="['py-1.5 px-3 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all',
-              viewMode === 'calendar' ? 'bg-green/20 text-green border border-green/30' : 'text-text-muted hover:text-text']"
-          >📅 Calendrier</button>
-          <button
-            @click="viewMode = 'gantt'"
-            :class="['py-1.5 px-3 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all',
-              viewMode === 'gantt' ? 'bg-aqua/20 text-aqua border border-aqua/30' : 'text-text-muted hover:text-text']"
-          >📊 Gantt</button>
-        </div>
-
-        <!-- Navigateur -->
-        <div class="flex items-center gap-2 bg-bg-soft/30 p-1 rounded-xl border border-bg-soft">
-          <button @click="prevPeriod" class="btn-outline !py-1.5 !px-3 text-xs font-bold uppercase tracking-widest border-transparent hover:bg-bg-soft transition-all">Préc.</button>
-          <button @click="goToday"   class="btn-primary !py-1.5 !px-4 text-xs !rounded-lg">Aujourd'hui</button>
-          <button @click="nextPeriod" class="btn-outline !py-1.5 !px-3 text-xs font-bold uppercase tracking-widest border-transparent hover:bg-bg-soft transition-all">Suiv.</button>
-        </div>
+      <div class="text-yellow font-bold text-sm tracking-widest uppercase bg-yellow/5 px-4 py-1 rounded-full border border-yellow/10 self-start inline-block">
+        {{ periodLabel }}
       </div>
     </div>
 
-    <div class="text-yellow font-bold text-sm tracking-widest uppercase bg-yellow/5 px-4 py-1 rounded-full border border-yellow/10 self-start">
-      {{ periodLabel }}
-    </div>
+    <!-- ====== Contenu scrollable ====== -->
+    <div class="p-4 space-y-6">
 
     <!-- ====== VUE CALENDRIER ====== -->
     <template v-if="viewMode === 'calendar'">
@@ -257,6 +262,7 @@
       </div>
     </template>
 
+    </div><!-- fin contenu scrollable -->
   </div>
 </template>