ynerant
/
nupes-elections
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Affichage de la nuance et du bloc dans le tableau des résultats

This commit is contained in:
Emmy D'Anello 2024-06-09 17:23:32 +02:00
parent 24f1dafd99
commit aabd3f0153
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
nupes-elections-front/src/Elections2024.js
View File

@ -16,7 +16,7 @@ import {useEffect, useState} from "react"
highchartsItem(Highcharts) highchartsItem(Highcharts)
function ResultatsTable({listes, resultats, siegesParListe}) { function ResultatsTable({blocs, nuances, listes, resultats, siegesParListe}) {
const voix_listes = resultats.voix_listes const voix_listes = resultats.voix_listes
const listes_triees = listes.toSorted((l1, l2) => { const listes_triees = listes.toSorted((l1, l2) => {
return (voix_listes[l2.numero] || 0) - (voix_listes[l1.numero] || 0) return (voix_listes[l2.numero] || 0) - (voix_listes[l1.numero] || 0)
@ -29,6 +29,8 @@ function ResultatsTable({listes, resultats, siegesParListe}) {
<TableRow> <TableRow>
<TableCell>Numéro</TableCell> <TableCell>Numéro</TableCell>
<TableCell>Liste</TableCell> <TableCell>Liste</TableCell>
<TableCell colSpan={2}>Nuance</TableCell>
<TableCell colSpan={2}>Bloc</TableCell>
<TableCell>Voix</TableCell> <TableCell>Voix</TableCell>
<TableCell>% Inscrit⋅es</TableCell> <TableCell>% Inscrit⋅es</TableCell>
<TableCell>% Exprimé⋅es</TableCell> <TableCell>% Exprimé⋅es</TableCell>
@ -40,6 +42,10 @@ function ResultatsTable({listes, resultats, siegesParListe}) {
<TableRow key={liste.numero}> <TableRow key={liste.numero}>
<TableCell>{liste.numero}</TableCell> <TableCell>{liste.numero}</TableCell>
<TableCell>{liste.nom}</TableCell> <TableCell>{liste.nom}</TableCell>
<TableCell bgColor={nuances.filter(nuance => nuance.code === liste.nuance)[0].couleur} sx={{padding: "0.2em"}}></TableCell>
<TableCell>{liste.nuance}</TableCell>
<TableCell bgColor={blocs.filter(bloc => bloc.nom === liste.bloc)[0].couleur} sx={{padding: "0.2em"}}></TableCell>
<TableCell>{liste.bloc}</TableCell>
<TableCell>{voix_listes[liste.numero] || 0}</TableCell> <TableCell>{voix_listes[liste.numero] || 0}</TableCell>
<TableCell>{(100 * (voix_listes[liste.numero] || 0) / resultats.exprimes).toFixed(2)} %</TableCell> <TableCell>{(100 * (voix_listes[liste.numero] || 0) / resultats.exprimes).toFixed(2)} %</TableCell>
<TableCell>{(100 * (voix_listes[liste.numero] || 0) / resultats.inscrits).toFixed(2)} %</TableCell> <TableCell>{(100 * (voix_listes[liste.numero] || 0) / resultats.inscrits).toFixed(2)} %</TableCell>
@ -329,7 +335,7 @@ export default function Election2024({typeResultats = "france"}) {
highcharts={Highcharts} highcharts={Highcharts}
options={compositonOptions} options={compositonOptions}
/> />
<ResultatsTable listes={listes} resultats={resultats} siegesParListe={siegesParListe} /> <ResultatsTable blocs={blocs} nuances={nuances} listes={listes} resultats={resultats} siegesParListe={siegesParListe} />
<ParticipationTable resultats={resultats} /> <ParticipationTable resultats={resultats} />
</> </>
}; };