S4WEB/riot/modaleEcole.riot
2023-03-30 18:02:37 +02:00

119 lines
3.9 KiB
Plaintext

<modaleEcole>
<div class="box">
<div class="columns is-mobile">
<div class="column is-two-thirds content mb-0">
<p class="has-text-weight-bold">
Lycée professionnel Marie Curie - Mention complémentaire - Accueil réception
<span class="tag is-danger">formation sélective</span>
</p>
<div>
<modal-text title="Ville" text="Saint-Jean-du-Gard">
<p class="my-2">Ville : {props.ecole.ville_etab}</p>
</modal-text>
</div>
<div>
<modal-text title="Département" text="Gard">
<p class="my-2">Département : {props.ecole.dep_lib}</p>
</modal-text>
</div>
<div>
<modal-text title="Académie" text="Montpellier">
<p class="my-2">Académie : {props.ecole.acad_mies}</p>
</modal-text>
</div>
<div>
<modal-text title="Contrat établissement" text="Public">
<p class="my-2">Contrat établissement : {props.ecole.contrat_etab}</p>
</modal-text>
</div>
<div>
<modal-text title="Capacité" text="12">
<p class="my-2">Capacité : {props.ecole.capa_fin}</p>
</modal-text>
</div>
<!----
PARTIE A COMPLETER AVEC LES DONN2ES
*
-->
<div>
<modal-text title="Nombres de voeux" text="51">
<p class="my-2">Nombres de voeux : </p>
</modal-text>
</div>
<div>
<modal-text title="Admis hors académie" text="25%">
<p class="my-2">Admis hors académie : 25%</p>
</modal-text>
</div>
<modal-text title="Rang du dernier admis :">
<p class="my-2">Rang du dernier admis :</p>
</modal-text>
<ul>
<li>Tous sauf les Bac technologiques : 46</li>
<li>Bac technologiques toutes séries : </li>
</ul>
<p>Lien de la formation sur <a target="_blank" href="https://dossier.parcoursup.fr/Candidats/public/fiches/afficherFicheFormation?g_ta_cod=19380">parcoursup</a></p>
</div>
<div class="column">
<p class="has-text-weight-bold"> Vitesse de remplissage</p>
<div class="timeline">
<ul>
<li class="timeline_li">
<div>
<p class="timeline_date">ouverture 27 mai</p>
<span class="timeline_percentage">60%</span>
</div>
</li>
<li class="timeline_li">
<div>
<p class="timeline_date">17 juin</p>
<span class="timeline_percentage">80%</span>
</div>
</li>
<li class="timeline_li">
<div>
<p class="timeline_date">16 juillet</p>
<span class="timeline_percentage">80%</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<pourcentageForma statistique={getPourcentageForma(props.ecole)} moyenne={getMoyenne(props.ecole)} selectivite={getSelectivite(props.ecole)} capacite={getCapacite(props.ecole)}></pourcentageForma>
<script>
export default function todos(){
return {
onBeforeMount(props, state) {
// initial state
this.state = {
}
},
getPourcentageForma(){
},
getMoyenne(){
},
getSelectivite(){
},
getCapacite(){
}
}
}
</script>
</modaleEcole>