This commit is contained in:
sehl
2026-03-31 17:57:31 +02:00
parent 3604cfdc8b
commit 18aaa9c066
3 changed files with 14 additions and 12 deletions
+2 -5
View File
@@ -21,9 +21,6 @@
</div> </div>
<script> <script>
import { fetchFormations } from './api.js'
import { createFormation } from './formation.js'
export default { export default {
state: { state: {
loading: false, loading: false,
@@ -40,13 +37,13 @@
}) })
try { try {
const data = await fetchFormations(query) const data = await window.fetchFormations(query)
const formations = [] const formations = []
if (data.results) { if (data.results) {
for (let i = 0; i < data.results.length; i++) { for (let i = 0; i < data.results.length; i++) {
const raw = data.results[i] const raw = data.results[i]
const formation = createFormation(raw) const formation = window.createFormation(raw)
formations.push(formation) formations.push(formation)
} }
} }
+1 -3
View File
@@ -8,9 +8,7 @@
Chargement... Chargement...
</div> </div>
<div each={ f, i in props.results } <div each={ (f, i) in props.results } key={ f.id } style="border:1px solid #ccc; padding:10px; margin:10px;">
key={ f.id }
style="border:1px solid #ccc; padding:10px; margin:10px;">
<h3>{ f.nom }</h3> <h3>{ f.nom }</h3>
<p><b>Établissement :</b> { f.etablissement }</p> <p><b>Établissement :</b> { f.etablissement }</p>
<p><b>Ville :</b> { f.ville } ({ f.departement })</p> <p><b>Ville :</b> { f.ville } ({ f.departement })</p>
+11 -4
View File
@@ -6,16 +6,23 @@
<title>Parcoursup Riot</title> <title>Parcoursup Riot</title>
<script src="https://cdn.jsdelivr.net/npm/riot@9/riot+compiler.min.js"></script> <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> </head>
<body> <body>
<app></app> <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 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> <script>
riot.compile().then(() => { riot.compile().then(() => {
riot.mount('app') riot.mount('app')