martins/S4WEB
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fin modale

Browse Source
This commit is contained in:
Mathis CHAIGNEAU 2023-03-30 23:27:28 +02:00
parent be3dd2006d
commit db3510e94c
1 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
riot/modaleEcole.riot
View File

@ -3,8 +3,11 @@
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-two-thirds content mb-0"> <div class="column is-two-thirds content mb-0">
<p class="has-text-weight-bold"> <p class="has-text-weight-bold">
Lycée professionnel Marie Curie - Mention complémentaire - Accueil réception <a href={props.ecole.lien_form_psup}> {props.ecole.lib_comp_voe_ins} </a><br/>
<span class="tag is-danger">formation sélective</span> <span class="tag is-danger" if={getSelectivite(props.ecole)<=25}>formation très sélective</span>
<span class="tag is-warning" if={getSelectivite(props.ecole)>25 && getSelectivite(props.ecole)<=50}>formation sélective</span>
<span class="tag is-success" if={getSelectivite(props.ecole)>50 && getSelectivite(props.ecole)<=75}>formation peu sélective</span>
<span class="tag is-info" if={getSelectivite(props.ecole)>=75}>formation très peu sélective</span>
</p> </p>
<div> <div>
<modal-text title="Ville" text="Saint-Jean-du-Gard"> <modal-text title="Ville" text="Saint-Jean-du-Gard">
@ -31,29 +34,23 @@
<p class="my-2">Capacité : {props.ecole.capa_fin}</p> <p class="my-2">Capacité : {props.ecole.capa_fin}</p>
</modal-text> </modal-text>
</div> </div>
<!----
PARTIE A COMPLETER AVEC LES DONN2ES
*
-->
<div> <div>
<modal-text title="Nombres de voeux" text="51"> <modal-text title="Nombres de voeux" text="51">
<p class="my-2">Nombres de voeux : </p> <p class="my-2">Nombres de voeux : {props.ecole.voe_tot + props.ecole.voe_tot_f} </p>
</modal-text> </modal-text>
</div> </div>
<div> <div>
<modal-text title="Admis hors académie" text="25%"> <modal-text title="Admis hors académie" text="25%">
<p class="my-2">Admis hors académie : 25%</p> <p class="my-2">Admis hors académie : {100 - props.ecole.pct_aca_orig}%</p>
</modal-text> </modal-text>
</div> </div>
<modal-text title="Rang du dernier admis :"> <modal-text title="Rang du dernier admis :">
<p class="my-2">Rang du dernier admis :</p> <p class="my-2">Rang du dernier admis :</p>
</modal-text> </modal-text>
<ul> <ul>
<li>Tous sauf les Bac technologiques : 46</li> <li>Tous sauf les Bac technologiques : {props.ecole.ran_grp1}</li>
<li>Bac technologiques toutes séries : </li> <li>Bac technologiques toutes séries : {props.ecole.ran_grp2}</li>
</ul> </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>
<div class="column"> <div class="column">
<p class="has-text-weight-bold"> Vitesse de remplissage</p> <p class="has-text-weight-bold"> Vitesse de remplissage</p>
@ -62,28 +59,29 @@
<li class="timeline_li"> <li class="timeline_li">
<div> <div>
<p class="timeline_date">ouverture 27 mai</p> <p class="timeline_date">ouverture 27 mai</p>
<span class="timeline_percentage">60%</span> <span class="timeline_percentage">{props.ecole.pct_acc_debutpp}%</span>
</div> </div>
</li> </li>
<li class="timeline_li"> <li class="timeline_li">
<div> <div>
<p class="timeline_date">17 juin</p> <p class="timeline_date">17 juin</p>
<span class="timeline_percentage">80%</span> <span class="timeline_percentage">{props.ecole.pct_acc_datebac}%</span>
</div> </div>
</li> </li>
<li class="timeline_li"> <li class="timeline_li">
<div> <div>
<p class="timeline_date">16 juillet</p> <p class="timeline_date">16 juillet</p>
<span class="timeline_percentage">80%</span> <span class="timeline_percentage">{props.ecole.pct_acc_finpp}%</span>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<statistiqueFormation pct_femme={getRepartitionFemme(props.ecole)} repartitionBac={getRepartitionBac(props.ecole)} repartitionMention={getRepartitionMention(props.ecole)} ></statistiqueFormation>
</div> </div>
<pourcentageForma statistique={getPourcentageForma(props.ecole)} moyenne={getMoyenne(props.ecole)} selectivite={getSelectivite(props.ecole)} capacite={getCapacite(props.ecole)}></pourcentageForma>
<script> <script>
@ -92,28 +90,39 @@
onBeforeMount(props, state) { onBeforeMount(props, state) {
// initial state // initial state
this.state = { this.state = {
} }
}, },
getPourcentageForma(){ getRepartitionBac(ecole){
let repartition = [];
let total = ecole.acc_bg + ecole.acc_bt + ecole.acc_bp + ecole.acc_at
repartition.push(Math.round(ecole.acc_bg/total*100))
repartition.push(Math.round(ecole.acc_bt/total*100))
repartition.push(Math.round(ecole.acc_bp/total*100))
repartition.push(Math.round(ecole.acc_at/total*100))
return repartition;
}, },
getMoyenne(){ getRepartitionMention(ecole){
let repartition = [];
let total = ecole.acc_sansmention + ecole.acc_ab + ecole.acc_b + ecole.acc_tb + ecole.acc_tbf
repartition.push(Math.round(ecole.acc_sansmention/total*100))
repartition.push(Math.round(ecole.acc_ab/total*100))
repartition.push(Math.round(ecole.acc_b/total*100))
repartition.push(Math.round(ecole.acc_tb/total*100))
repartition.push(Math.round(ecole.acc_tbf/total*100))
return repartition;
}, },
getSelectivite(){ getRepartitionFemme(ecole){
return Math.round((ecole.acc_tot_f/ecole.acc_tot)*100);
}, },
getCapacite(){ getSelectivite(ecole){
return ecole.taux_acces_ens
} }
} }
}
}
</script> </script>
</modaleEcole> </modaleEcole>