From 18aaa9c066aca5a20eec8878d3faabf3747cd628 Mon Sep 17 00:00:00 2001
From: sehl <aylane.sehl@iut-fbleau.fr>
Date: Tue, 31 Mar 2026 17:57:31 +0200
Subject: [PATCH] maj 3

---
 parcoursup/app.riot                    |  7 ++-----
 parcoursup/components/result-list.riot |  4 +---
 parcoursup/index.html                  | 15 +++++++++++----
 3 files changed, 14 insertions(+), 12 deletions(-)
diff --git a/parcoursup/app.riot b/parcoursup/app.riot
index 13c51dc..cd7d791 100644
--- a/parcoursup/app.riot
+++ b/parcoursup/app.riot
@@ -21,9 +21,6 @@
   </div>
 
   <script>
-    import { fetchFormations } from './api.js'
-    import { createFormation } from './formation.js'
-
     export default {
       state: {
         loading: false,
@@ -40,13 +37,13 @@
         })
 
         try {
-          const data = await fetchFormations(query)
+          const data = await window.fetchFormations(query)
           const formations = []
 
           if (data.results) {
             for (let i = 0; i < data.results.length; i++) {
               const raw = data.results[i]
-              const formation = createFormation(raw)
+              const formation = window.createFormation(raw)
               formations.push(formation)
             }
           }
diff --git a/parcoursup/components/result-list.riot b/parcoursup/components/result-list.riot
index edc6ea5..dee485e 100644
--- a/parcoursup/components/result-list.riot
+++ b/parcoursup/components/result-list.riot
@@ -8,9 +8,7 @@
       Chargement...
     </div>
 
-    <div each={ f, i in props.results }
-         key={ f.id }
-         style="border:1px solid #ccc; padding:10px; margin:10px;">
+    <div each={ (f, i) in props.results } key={ f.id } style="border:1px solid #ccc; padding:10px; margin:10px;">
       <h3>{ f.nom }</h3>
       <p><b>Établissement :</b> { f.etablissement }</p>
       <p><b>Ville :</b> { f.ville } ({ f.departement })</p>
diff --git a/parcoursup/index.html b/parcoursup/index.html
index 1485d37..db8dc62 100644
--- a/parcoursup/index.html
+++ b/parcoursup/index.html
@@ -6,16 +6,23 @@
   <title>Parcoursup Riot</title>
 
   <script src="https://cdn.jsdelivr.net/npm/riot@9/riot+compiler.min.js"></script>
-  <script type="module">
-    import "./api.js"
-    import "./formation.js"
-  </script>
 </head>
 <body>
   <app></app>
 
+  <script src="./components/search-bar.riot" type="riot"></script>
+  <script src="./components/result-list.riot" type="riot"></script>
+  <script src="./components/detail-view.riot" type="riot"></script>
   <script src="./app.riot" type="riot"></script>
 
+  <script type="module">
+    import { fetchFormations } from './api.js'
+    import { createFormation } from './formation.js'
+
+    window.fetchFormations = fetchFormations
+    window.createFormation = createFormation
+  </script>
+
   <script>
     riot.compile().then(() => {
       riot.mount('app')
