yolou/public-html2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

charte graphique

Browse Source
This commit is contained in:
Seri-Khane YOLOU
2026-03-19 14:37:08 +01:00
parent 3bbc60fd68
commit 83020dcb5b
4 changed files with 753 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
parcoursup/app.riot
+46 -38
View File
@@ -1,44 +1,22 @@
<app>
<div class="page">
<h1>Open Data Parcoursup</h1>
<p class="subtitle">Recherche de formations Parcoursup avec Riot</p>
<header class="site-header">
<div class="header-inner">
<div class="logo">
<span class="logo-icon"></span>
<span class="logo-text">Parcoursup <span class="logo-light">Explorer</span></span>
</div>
<div class="header-badge" if={ state.selectedFormations.length > 0 }>
{ state.selectedFormations.length } sélection(s)
</div>
</div>
</header>
<p><b>{ state.selectedFormations.length }</b> formation(s) sélectionnée(s)</p>
<div class="page">
<div if={ !state.selected }>
<search-bar onsearch={ launchSearch }></search-bar>
<p if={ state.hasSearched && !state.loading }>
<b>{ state.query }</b> : { state.total } résultat(s)
</p>
<div class="layout">
<div>
<result-list
results={ state.results }
hasSearched={ state.hasSearched }
loading={ state.loading }
ondetail={ showDetail }
onselect={ addToSelection }>
</result-list>
<div class="compare-controls" if={ state.total > state.limit }>
<button onclick={ previousPage } disabled={ state.page === 1 }>
Précédent
</button>
<p>Page { state.page } / { getTotalPages() }</p>
<button onclick={ nextPage } disabled={ state.page === getTotalPages() }>
Suivant
</button>
</div>
</div>
<map-view results={ state.results }></map-view>
</div>
<div class="detail-card" if={ state.selectedFormations.length > 0 }>
<div class="detail-card comparateur-card" if={ state.selectedFormations.length > 0 }>
<h3>Comparateur</h3>
<p>Choisis ton profil pour comparer les formations sélectionnées.</p>
@@ -75,7 +53,7 @@
</div>
</div>
<button onclick={ clearSelection }>Vider la sélection</button>
<button class="btn btn-danger" onclick={ clearSelection }>Vider la sélection</button>
<hr />
@@ -102,11 +80,41 @@
</span>
</p>
<button onclick={ () => removeFromSelection(f.id) }>
<button class="btn btn-small btn-outline" onclick={ () => removeFromSelection(f.id) }>
Retirer
</button>
</div>
</div>
<p class="result-count" if={ state.hasSearched && !state.loading }>
<b>{ state.query }</b> — { state.total } résultat(s)
</p>
<map-view results={ state.results }></map-view>
<div class="layout">
<div>
<result-list
results={ state.results }
hasSearched={ state.hasSearched }
loading={ state.loading }
ondetail={ showDetail }
onselect={ addToSelection }>
</result-list>
<div class="pagination" if={ state.total > state.limit }>
<button class="btn btn-outline" onclick={ previousPage } disabled={ state.page === 1 }>
← Précédent
</button>
<span class="page-info">Page { state.page } / { getTotalPages() }</span>
<button class="btn btn-outline" onclick={ nextPage } disabled={ state.page === getTotalPages() }>
Suivant →
</button>
</div>
</div>
</div>
</div>
<div if={ state.selected }>
@@ -325,4 +333,4 @@
}
}
</script>
</app>
</app>