maj 3

2026-03-31 17:57:31 +02:00
parent 3604cfdc8b
commit 18aaa9c066
3 changed files with 14 additions and 12 deletions
@@ -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)
            }
          }
@@ -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>
@@ -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')