yvv/decision
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Toolbox 30rem sticky + accordéons collapsibles + renommage libreDecision

Browse Source 
- Boîte à outils élargie à 30rem (×1.75) — flottante sticky, zéro scroll visible
- ToolboxSection : nouveau composant accordéon générique (chevron, défaut fermé)
- ToolboxVignette : titre cliquable, bullets/actions cachés par défaut
- 4 pages : ContextMapper/SocioElection/WorkflowMilestones/inertie → ToolboxSection
- Suppression doublon SectionLayout (common/) — conflit de nommage résolu
- Renommage complet Glibredecision → libreDecision dans configs/docker/CI
- README.md + CONTRIBUTING.md ajoutés

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-03-17 00:48:20 +01:00
parent 290548703d
commit ed9ed11cd4
24 changed files with 295 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/app/pages/decisions/index.vue
View File

@@ -238,13 +238,9 @@ function formatDate(dateStr: string): string {
<!-- Toolbox sidebar -->
<template #toolbox>
<!-- Context mapper -->
<div class="toolbox-block">
<div class="toolbox-block__head">
<UIcon name="i-lucide-compass" />
<span>Quelle méthode ?</span>
</div>
<ToolboxSection title="Quelle méthode ?" icon="i-lucide-compass">
<ContextMapper @use="handleMethodSelect" />
</div>
</ToolboxSection>
<!-- Vote inertiel WoT -->
<ToolboxVignette
@@ -532,26 +528,6 @@ function formatDate(dateStr: string): string {
transform: translateY(0);
}
.toolbox-block {
background: var(--mood-accent-soft);
border-radius: 14px;
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.toolbox-block__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 800;
color: var(--mood-accent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* Decision modal */
.decision-modal {
padding: 1.25rem;

29
frontend/app/pages/documents/index.vue
View File

@@ -287,11 +287,7 @@ async function createDocument() {
<!-- Toolbox sidebar -->
<template #toolbox>
<!-- Inertia guide -->
<div class="toolbox-block">
<div class="toolbox-block__head">
<UIcon name="i-lucide-sliders-horizontal" />
<span>Niveaux d'inertie</span>
</div>
<ToolboxSection title="Niveaux d'inertie" icon="i-lucide-sliders-horizontal">
<div class="inertia-guide">
<div v-for="level in inertiaLevels" :key="level.id" class="inertia-level">
<div class="inertia-level__header">
@@ -308,7 +304,7 @@ async function createDocument() {
<UIcon name="i-lucide-calculator" />
Simuler les formules
</NuxtLink>
</div>
</ToolboxSection>
<!-- Structure document -->
<ToolboxVignette
@@ -534,27 +530,6 @@ async function createDocument() {
}
}
/* Toolbox blocks */
.toolbox-block {
background: var(--mood-accent-soft);
border-radius: 14px;
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.toolbox-block__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 800;
color: var(--mood-accent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* Inertia guide */
.inertia-guide {
display: flex;

28
frontend/app/pages/mandates/index.vue
View File

@@ -273,13 +273,9 @@ async function handleCreate() {
<!-- Toolbox sidebar -->
<template #toolbox>
<!-- Sociocratic election guide -->
<div class="toolbox-block">
<div class="toolbox-block__head">
<UIcon name="i-lucide-users" />
<span>Nomination & Élection</span>
</div>
<ToolboxSection title="Nomination & Élection" icon="i-lucide-users">
<SocioElection />
</div>
</ToolboxSection>
<!-- Mandat cycle -->
<ToolboxVignette
@@ -558,26 +554,6 @@ async function handleCreate() {
margin-top: 0.5rem;
}
.toolbox-block {
background: var(--mood-accent-soft);
border-radius: 14px;
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.toolbox-block__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 800;
color: var(--mood-accent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.mandate-card__type-badge {
font-size: 0.6875rem;
font-weight: 700;

62
frontend/app/pages/protocols/index.vue
View File

@@ -410,13 +410,9 @@ const n8nWorkflows = [
<!-- Toolbox sidebar -->
<template #toolbox>
<!-- Workflow milestones -->
<div class="toolbox-block">
<div class="toolbox-block__head">
<UIcon name="i-lucide-git-branch" />
<span>Jalons de protocole</span>
</div>
<ToolboxSection title="Jalons de protocole" icon="i-lucide-git-branch">
<WorkflowMilestones />
</div>
</ToolboxSection>
<!-- Simulateur -->
<ToolboxVignette
@@ -428,11 +424,7 @@ const n8nWorkflows = [
/>
<!-- n8n Workflows -->
<div class="n8n-section">
<div class="n8n-section__head">
<UIcon name="i-lucide-workflow" class="text-xs" />
<span>Automatisations</span>
</div>
<ToolboxSection title="Automatisations" icon="i-lucide-workflow">
<div class="n8n-workflows">
<div
v-for="wf in n8nWorkflows"
@@ -456,7 +448,7 @@ const n8nWorkflows = [
</div>
</div>
</div>
</div>
</ToolboxSection>
<!-- Meta-gouvernance -->
<ToolboxVignette
@@ -850,52 +842,6 @@ const n8nWorkflows = [
font-family: inherit !important;
}
/* Toolbox blocks */
.toolbox-block {
background: var(--mood-accent-soft);
border-radius: 14px;
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.toolbox-block__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 800;
color: var(--mood-accent);
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* --- n8n Section --- */
.n8n-section {
background: var(--mood-accent-soft);
border-radius: 12px;
padding: 0.75rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.n8n-section__head {
display: flex;
align-items: center;
gap: 0.375rem;
font-size: 0.8125rem;
font-weight: 700;
color: var(--mood-tertiary, var(--mood-accent));
}
.n8n-section__desc {
font-size: 0.75rem;
color: var(--mood-text-muted);
margin: 0;
}
.n8n-workflows {
display: flex;
flex-direction: column;