Textes projet éditables suivant Grav + écriture atomique du store

- Champ Présentation prérempli avec le texte Grav, suivi modifié/synchro
  (textOverride undefined = suit Grav, sinon figé ; bouton Réinitialiser)
- Fix génération PDF : savePortfolio écrit en atomique (temp+rename) pour
  éviter la corruption de lecture par l'autosave concurrent du rendu print
- Toast d'échec de génération explicite (message serveur)
- Refonte architecture visuelle, fond unifié white/tint/full, dispositions
  couverture bandeau/colonne, instantané public complet, index 3 lignes
This commit is contained in:
2026-07-06 13:26:06 +02:00
parent 59dfbe4155
commit ef1f14335d
22 changed files with 750 additions and 334 deletions
+4 -59
View File
@@ -1,66 +1,11 @@
<script setup lang="ts">
const route = useRoute()
const toast = useToast()
const syncing = ref(false)
async function refreshContent() {
syncing.value = true
try {
const result = await $fetch<{ ok: boolean, summary: string }>('/api/sync', {
method: 'POST',
timeout: 900_000,
})
toast.add({
title: result.ok ? 'Contenu rafraîchi' : 'Synchronisation en échec',
description: result.summary,
color: result.ok ? 'success' : 'error',
})
if (result.ok) await refreshNuxtData()
} catch {
toast.add({ title: 'Échec de la synchronisation', color: 'error' })
} finally {
syncing.value = false
}
}
async function logout() {
await $fetch('/api/auth/logout', { method: 'POST' })
navigateTo('/login')
}
// Plus de barre d'en-tête globale : le logo « Portfolios » et la déconnexion
// vivent désormais en haut de la colonne gauche de chaque page (BrandBar),
// laissant les colonnes centrale/droite occuper toute la hauteur.
</script>
<template>
<div class="min-h-screen bg-[var(--fl-base)] dark:bg-neutral-950">
<header
v-if="route.path !== '/login'"
class="sticky top-0 z-40 border-b border-neutral-200 bg-white/90 backdrop-blur dark:border-neutral-800 dark:bg-neutral-900/90"
>
<UContainer class="flex h-14 items-center gap-6">
<NuxtLink to="/" class="flex items-center gap-2 font-bold text-[var(--fl-ink)] dark:text-white">
<span class="flex size-7 items-center justify-center rounded-full bg-[var(--fl-ink)] text-xs text-white">FL</span>
Portfolios
</NuxtLink>
<div class="ml-auto flex items-center gap-1">
<UTooltip text="Actualise les données depuis Grav">
<UButton
icon="i-lucide-refresh-cw"
label="Rafraîchir"
variant="ghost"
color="neutral"
:loading="syncing"
@click="refreshContent"
/>
</UTooltip>
<UButton
icon="i-lucide-log-out"
variant="ghost"
color="neutral"
aria-label="Se déconnecter"
@click="logout"
/>
</div>
</UContainer>
</header>
<div class="min-h-screen bg-[var(--fl-base)] text-[var(--fl-ink)] dark:bg-neutral-950 dark:text-white">
<slot />
</div>
</template>