gilles/jardin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aorus

Browse Source
This commit is contained in:
gilles soulier
2026-03-22 14:20:07 +01:00
parent 76d0984b06
commit 8ddfe545d9
4 changed files with 36 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
data/jardin.db
View File

Binary file not shown.

BIN
data/jardin.db-shm
View File

Binary file not shown.

BIN
data/jardin.db-wal
View File

Binary file not shown.

66
frontend/src/views/PlanningView.vue
View File

@@ -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>