public-html2/parcoursup/components/result-list.riot

<result-list>
  <div>
    <div if={ props.results.length === 0 && props.hasSearched && !props.loading }>
      Aucun résultat trouvé
    </div>

    <div if={ props.loading }>
      Chargement...
    </div>

    <div each={ (f, i) in props.results } key={ f.id } style="border:1px solid #ccc; padding:10px; margin:10px;">
      <h3>{ f.nom }</h3>
      <p><b>Établissement :</b> { f.etablissement }</p>
      <p><b>Ville :</b> { f.ville } ({ f.departement })</p>
      <p><b>Filière :</b> { f.filiere }</p>
      <p><b>Taux d'accès :</b> { f.tauxAcces }%</p>
      <button onclick={ () => props.ondetail(i) }>Voir détail</button>
    </div>
  </div>
</result-list>