parcoursup/parcoursup-app/src/components/page-details.riot

<page-detail>


  <div if={ state.formation }>

    <h2> { state.formation.fil_lib_voe_acc } </h2>

    <h3> { state.formation.g_ea_lib_vx } </h3>

    <p> { state.formation.ville_etab } ({ state.formation.dep_lib }) </p>

    <p> Taux d'accès : { state.formation.taux_acces_ens }% </p>

    <p>Capacité : { state.formation.capa_fin } places</p>

    <p>Candidatures : { state.formation.voe_tot }</p>

    <p>Admis : { state.formation.acc_tot }</p>

  </div>




  <div if = { !state.formation } >Chargement...</div>





  <script>

    import { recupereFormation } from '../api/parcoursup.js'



    export default 
    {
      state: 
      {
        formation: null
      },

      async onMounted() 
      {
        const id = this.props.id
        const formation = await recupereFormation(id)
        this.update({ formation })
      }
    }
  </script>
</page-detail>