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)
This commit is contained in:
18
app.vue
18
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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user