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

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

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

    <div each={ (f, i) in props.results } key={ f.id } class="card">
      <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>
      <button onclick={ () => props.onselect(i) }>Ajouter à la sélection</button>
      <button onclick={ () => locateOnMap(f) } if={ f.latitude != null }>Localiser</button>
    </div>
  </div>

  <script>
    export default {
      locateOnMap(f) {
        if (window.mapFocus) {
          window.mapFocus(f.id)
        }
      }
    }
  </script>
</result-list>