boudjeml/parcoursup
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

$

Browse Source
This commit is contained in:
pro.boooooo
2023-03-11 15:44:29 +01:00
parent 73429d7439
commit f3a75faf1b
4 changed files with 69 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/global/generalytics/generalysticsfragment.riot
View File

@@ -31,11 +31,6 @@
max-width: 100%;
}
#generalysticsfragment
#woman, #man, #bacgen, #bacpro, #bactechno, #bacautre, #p, #ab, #b, #tb, #tbf {
padding: 5px;
}
#generalysticsfragment
#generalysticsfragment-gender
#generalysticsfragment-gender-percent
@@ -68,15 +63,23 @@
#generalysticsfragment
.generalysticsfragment-legend-container {
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.7vw;
}
#generalysticsfragment
.generalysticsfragment-legend-square {
width: 40px;
height: 40px;
width: 35px;
height: 35px;
border: 0.102vw solid #344D59;
}
#generalysticsfragment
.generalysticsfragment-percent {
border: 0.102vw solid #344D59;
padding: 0.15vw;
}
#generalysticsfragment
@@ -268,10 +271,15 @@
#generalysticsfragment-gen-progress {
width: 15vw;
}
</style>
<div id="generalysticsfragment">
<div id="generalysticsfragment-gen">
<div class="generalysticsfragment-gen-component">
<span class="generalysticsfragment-gen-text">Moyenne des admis</span>
<span class="generalysticsfragment-gen-text">?</span>
</div>
<div class="generalysticsfragment-gen-component">
<span class="generalysticsfragment-gen-text">Nb formations</span>
<span class="generalysticsfragment-gen-text">{ this.props.nformcount }</span>
@@ -283,7 +291,7 @@
</div>
<div class="generalysticsfragment-gen-component">
<span class="generalysticsfragment-gen-text">{ `Selectivite (${this.props.selectivitycount})%`}</span>
<span class="generalysticsfragment-gen-text">{ `Selectivite (${this.props.selectivitycount}%)`}</span>
<progress id="generalysticsfragment-gen-progress" max="100" value={ this.props.selectivitycount } />
</div>
</div>
@@ -291,11 +299,11 @@
<div id="generalysticsfragment-gender">
<span>Repartition par genre</span>
<div id="generalysticsfragment-gender-percent">
<span style={ this.props.hstyle } id="man">
<span class="generalysticsfragment-percent" style={ this.props.hstyle } id="man">
{ this.props.manPercent } (H)
</span>
<span style={ this.props.fstyle } id="woman">
<span class="generalysticsfragment-percent" style={ this.props.fstyle } id="woman">
{ this.props.womenPercent } (F)
</span>
</div>
@@ -316,19 +324,19 @@
<div id="generalysticsfragment-bac">
<span>Repartition par bac</span>
<div id="generalysticsfragment-bac-percent">
<span style={ this.props.autrestyle } id="bacautre">
<span class="generalysticsfragment-percent" style={ this.props.autrestyle } id="bacautre">
{ this.props.nbacautre } (Aut)
</span>
<span style={ this.props.techstyle } id="bactechno">
<span class="generalysticsfragment-percent" style={ this.props.techstyle } id="bactechno">
{ this.props.nbactech } (Tech)
</span>
<span style={ this.props.prostyle } id="bacpro">
<span class="generalysticsfragment-percent" style={ this.props.prostyle } id="bacpro">
{ this.props.nbacpro } (Pro)
</span>
<span style={ this.props.genstyle } id="bacgen">
<span class="generalysticsfragment-percent" style={ this.props.genstyle } id="bacgen">
{ this.props.nbacgen } (Gen)
</span>
</div>
@@ -359,23 +367,23 @@
<div id="generalysticsfragment-mention">
<span>Repartition par mention</span>
<div id="generalysticsfragment-mention-percent">
<span style={ this.props.tbfstyle } id="tbf">
<span class="generalysticsfragment-percent" style={ this.props.tbfstyle } id="tbf">
{ this.props.nmentiontbf } (TFB)
</span>
<span style={ this.props.tbstyle } id="tb">
<span class="generalysticsfragment-percent" style={ this.props.tbstyle } id="tb">
{ this.props.nmentiontb } (TB)
</span>
<span style={ this.props.bstyle } id="b">
<span class="generalysticsfragment-percent" style={ this.props.bstyle } id="b">
{ this.props.nmentionb } (B)
</span>
<span style={ this.props.abstyle } id="ab">
<span class="generalysticsfragment-percent" style={ this.props.abstyle } id="ab">
{ this.props.nmentionab } (AB)
</span>
<span style={ this.props.pstyle } id="p">
<span class="generalysticsfragment-percent" style={ this.props.pstyle } id="p">
{ this.props.nmentionp } (P)
</span>
</div>