From a6fff9a950b216505b8e1f8848a34c32eda6e23e Mon Sep 17 00:00:00 2001
From: Jules Neny <transformationsresilientes@gmail.com>
Date: Thu, 30 Apr 2026 02:26:24 +0200
Subject: [PATCH] feat(aep-v1.1): PA3 bouton Proposer contextuel + CTA sidebar
 ecosysteme

- app.vue : bouton + Proposer du header pointe vers /proposer-pratique
  si on est sur la carte pratiques regenerative (et sous-pages /pratique/),
  sinon vers /contribuer (ecosysteme AEP par defaut). Idem icone mobile.
- NavSidebar.vue : ajoute le CTA + Proposer une fiche en pied de sidebar
  (style aligne sur PratiqueSidebar.vue)
---
 app.vue                   | 18 ++++++++++++++----
 components/NavSidebar.vue | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 6df9017..3d02a77 100644
--- a/app.vue
+++ b/app.vue
@@ -107,9 +107,9 @@
         >
           Signaler
         </NuxtLink>
-        <!-- Proposer une ressource -->
+        <!-- Proposer une ressource (cible contextuelle selon la carte active) -->
         <NuxtLink
-          to="/contribuer"
+          :to="proposeTarget"
           class="px-3 py-1.5 rounded-lg text-sm font-semibold transition-all hover:opacity-80 hidden sm:inline-flex items-center gap-1"
           style="background: var(--nav-accent); color: var(--nav-text);"
         >
@@ -136,9 +136,9 @@
           </svg>
         </button>
 
-        <!-- Mobile : contribuer icône -->
+        <!-- Mobile : contribuer icône (cible contextuelle) -->
         <NuxtLink
-          to="/contribuer"
+          :to="proposeTarget"
           class="sm:hidden p-2 rounded-lg"
           style="background: var(--nav-accent); color: var(--nav-text);"
           title="Contribuer une fiche"
@@ -253,6 +253,16 @@ function clearHeaderSearch() {
 function goRandom() {
   router.push({ path: '/', query: { random: '1' } })
 }
+
+// ── Cible contextuelle du bouton Proposer ────────────────────────────────
+// Sur l'onglet pratiques regeneratives, route vers /proposer-pratique.
+// Sur l'onglet ecosysteme AEP (et toute autre route), route vers /contribuer.
+const proposeTarget = computed(() => {
+  if (route.path.startsWith('/pratiques-regeneratives') || route.path.startsWith('/pratique/')) {
+    return '/proposer-pratique'
+  }
+  return '/contribuer'
+})
 </script>
 
 <style>
diff --git a/components/NavSidebar.vue b/components/NavSidebar.vue
index dfd0f6d..041efc2 100644
--- a/components/NavSidebar.vue
+++ b/components/NavSidebar.vue
@@ -136,6 +136,18 @@
       </div>
     </div>
 
+    <!-- ═══════════════════════════════════ CTA PROPOSER -->
+    <div
+      class="shrink-0 px-4 py-3 border-t"
+      style="border-color: var(--nav-bg-alt);"
+    >
+      <NuxtLink
+        to="/contribuer"
+        class="sidebar-cta-link"
+      >
+        + Proposer une fiche
+      </NuxtLink>
+    </div>
 
   </aside>
 </template>
@@ -254,4 +266,24 @@ function orgFonctions(org: Org): string[] {
   color: var(--nav-text);
   background: var(--nav-bg-alt);
 }
+
+.sidebar-cta-link {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  text-align: center;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--nav-primary-solid);
+  background: transparent;
+  border: 1px solid var(--nav-primary-solid);
+  border-radius: 6px;
+  text-decoration: none;
+  transition: background 0.15s, color 0.15s;
+}
+
+.sidebar-cta-link:hover {
+  background: var(--nav-primary);
+  color: var(--nav-text-on-primary);
+}
 </style>