amélioration de la fiche formation avec davantage de données parcoursup

parcoursup/components/detail-view.riot

@@ -1,15 +1,51 @@
 <detail-view>
   <div if={ props.formation } class="detail-card">
     <h2>{ props.formation.nom }</h2>
+
     <p><b>Établissement :</b> { props.formation.etablissement }</p>
     <p><b>Ville :</b> { props.formation.ville }</p>
-    <p><b>Département :</b> { props.formation.departement }</p>
+    <p><b>Département :</b> { props.formation.departement } - { props.formation.departementLib }</p>
+    <p><b>Académie :</b> { props.formation.academie }</p>
+    <p><b>Région :</b> { props.formation.region }</p>
+    <p><b>Contrat :</b> { props.formation.contrat }</p>
+
+    <hr>
+
+    <h3>Formation</h3>
     <p><b>Filière :</b> { props.formation.filiere }</p>
     <p><b>Sélectivité :</b> { props.formation.selectivite }</p>
     <p><b>Capacité :</b> { props.formation.capacite }</p>
     <p><b>Candidats :</b> { props.formation.candidats }</p>
     <p><b>Admis :</b> { props.formation.admis }</p>
     <p><b>Taux d'accès :</b> { props.formation.tauxAcces }%</p>
+
+    <hr>
+
+    <h3>Profil des admis</h3>
+    <p><b>Femmes :</b> { props.formation.pctFemmes }%</p>
+    <p><b>Boursiers :</b> { props.formation.pctBoursiers }%</p>
+    <p><b>Néo-bacheliers :</b> { props.formation.pctNeoBac }%</p>
+
+    <p><b>Bac général :</b> { props.formation.pctGeneral }%</p>
+    <p><b>Bac technologique :</b> { props.formation.pctTechno }%</p>
+    <p><b>Bac professionnel :</b> { props.formation.pctPro }%</p>
+
+    <hr>
+
+    <h3>Mentions au bac</h3>
+    <p><b>Sans mention :</b> { props.formation.pctSansMention }%</p>
+    <p><b>Assez bien :</b> { props.formation.pctAB }%</p>
+    <p><b>Bien :</b> { props.formation.pctB }%</p>
+    <p><b>Très bien :</b> { props.formation.pctTB }%</p>
+    <p><b>Très bien avec félicitations :</b> { props.formation.pctTBF }%</p>
+
+    <hr>
+
+    <h3>Phase principale</h3>
+    <p><b>Début de phase :</b> { props.formation.pctDebutPhase }% ({ props.formation.admisDebutPhase } admis)</p>
+    <p><b>Date du bac :</b> { props.formation.pctDateBac }% ({ props.formation.admisDateBac } admis)</p>
+    <p><b>Fin de phase :</b> { props.formation.pctFinPhase }% ({ props.formation.admisFinPhase } admis)</p>
+
     <button onclick={ () => props.onback() }>Retour</button>
   </div>
 </detail-view>

parcoursup/formation.js

@@ -7,17 +7,60 @@ export function createFormation(raw) {
 
   return {
     id: raw.cod_uai + "-" + raw.lib_for_voe_ins,
+
     nom: raw.lib_for_voe_ins,
     etablissement: raw.g_ea_lib_vx,
     ville: raw.ville_etab,
     departement: raw.dep,
+    departementLib: raw.dep_lib,
+    region: raw.region_etab_aff,
+    academie: raw.acad_mies,
+    contrat: raw.contrat_etab,
+
     filiere: raw.fili,
     selectivite: raw.select_form,
+
     capacite: raw.capa_fin,
     candidats: raw.voe_tot,
     admis: raw.acc_tot,
     tauxAcces: taux,
-    latitude: raw.g_olocalisation_des_formations ? raw.g_olocalisation_des_formations.lat : null,
+
-    longitude: raw.g_olocalisation_des_formations ? raw.g_olocalisation_des_formations.lon : null
+    latitude: raw.g_olocalisation_des_formations
+      ? raw.g_olocalisation_des_formations.lat
+      : null,
+
+    longitude: raw.g_olocalisation_des_formations
+      ? raw.g_olocalisation_des_formations.lon
+      : null,
+
+    // profils admis
+    pctFemmes: raw.pct_f,
+    pctBoursiers: raw.pct_bours,
+    pctNeoBac: raw.pct_neobac,
+
+    pctGeneral: raw.pct_bg,
+    pctTechno: raw.pct_bt,
+    pctPro: raw.pct_bp,
+
+    pctSansMention: raw.pct_sansmention,
+    pctAB: raw.pct_ab,
+    pctB: raw.pct_b,
+    pctTB: raw.pct_tb,
+    pctTBF: raw.pct_tbf,
+
+    // vitesse de remplissage / phase principale
+    pctDebutPhase: raw.pct_acc_debutpp,
+    pctDateBac: raw.pct_acc_datebac,
+    pctFinPhase: raw.pct_acc_finpp,
+
+    // chiffres bruts utiles
+    admisDebutPhase: raw.acc_debutpp,
+    admisDateBac: raw.acc_datebac,
+    admisFinPhase: raw.acc_finpp,
+
+    admisGeneral: raw.acc_bg,
+    admisTechno: raw.acc_bt,
+    admisPro: raw.acc_bp,
+    admisAutres: raw.acc_at
   }
 }

parcoursup/style.css

@@ -69,6 +69,21 @@ body {
     border-radius: 8px;
   }
   
+  .detail-card hr {
+    margin: 18px 0;
+    border: none;
+    border-top: 1px solid #ddd;
+  }
+  
+  .detail-card h2,
+  .detail-card h3 {
+    margin-top: 0;
+  }
+  
+  .detail-card p {
+    margin: 8px 0;
+  }
+  
   .map-box {
     border: 1px solid #d8d8d8;
     background: white;