feat: PC4 iframe carte AEP centre BAS + scroll articles Substack placeholder

- IframeCarteAEP.astro : iframe https://aep.trans-former.fr/agences avec
  skeleton loader + timeout 8s + fallback lien externe
- ScrollArticles.astro : 7 articles placeholder (V1, PC6 remplacera par
  fetch journal.json)
- ColCentre.astro : zone BAS cablee (iframe min-h 60vh mobile / 400px desktop
  + scroll articles dessous)
- Preflight headers : pas de X-Frame-Options ni frame-ancestors restrictifs
  sur /agences (200 OK), iframe cross-origin permise sans modif Caddy
This commit is contained in:
Jules Neny
2026-05-09 01:06:02 +02:00
parent 68e511be7a
commit 6aa5a7143a
3 changed files with 136 additions and 4 deletions

View File

@@ -1,8 +1,10 @@
---
// Centre - HAUT : tabs (Carte O mindmap | Chatbot RAG placeholder PC7).
// BAS : iframe carte AEP (PC4).
// BAS : iframe carte AEP + scroll articles Substack (PC4).
import CarteOWrapper from '../vue/CarteOWrapper.vue';
import ChatbotPlaceholder from '../vue/ChatbotPlaceholder.vue';
import IframeCarteAEP from './IframeCarteAEP.astro';
import ScrollArticles from './ScrollArticles.astro';
---
<div class="h-full grid grid-rows-2 gap-2 p-2">
<!-- HAUT 50% : tabs Carte O / Chatbot -->
@@ -54,9 +56,12 @@ import ChatbotPlaceholder from '../vue/ChatbotPlaceholder.vue';
</div>
</section>
<!-- BAS 50% : iframe carte AEP (PC4) -->
<section class="border border-dashed border-neutral-300 rounded flex items-center justify-center">
<p class="text-sm text-neutral-400">Iframe carte AEP — PC4</p>
<!-- BAS 50% : iframe carte AEP + scroll articles Substack (PC4) -->
<section class="border border-neutral-200 rounded overflow-y-auto bg-white">
<div class="h-full min-h-[60vh] md:min-h-[400px]">
<IframeCarteAEP />
</div>
<ScrollArticles />
</section>
</div>