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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user