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>