début tri tableau
This commit is contained in:
parent
7807b3f881
commit
0613632b24
@ -13,11 +13,11 @@
|
|||||||
<table class="table is-fullwidth is-hoverable">
|
<table class="table is-fullwidth is-hoverable">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th><abbr title="name">Nom</abbr></th>
|
<th><abbr title="name">Nom</abbr></th><a id="g_ea_lib_vx" onclick={sort}><span class="icon"><i class="fas fa-sort"></i></span></a>
|
||||||
<th><abbr title="city">Ville</abbr></th>
|
<th><abbr title="city">Ville</abbr></th><a id="ville_etab" onclick={sort}><span class="icon"><i class="fas fa-sort"></i></span></a>
|
||||||
<th><abbr title="dept">Dpt</abbr></th>
|
<th><abbr title="dept">Dpt</abbr></th><a id="dep" onclick={sort}><span class="icon"><i class="fas fa-sort"></i></span></a>
|
||||||
<th><abbr title="moyenne">Moyenne</abbr></th>
|
<th><abbr title="moyenne">Moyenne</abbr></th><a id="moyenne" onclick={sort}><span class="icon"><i class="fas fa-sort"></i></span></a>
|
||||||
<th><abbr title="selectivite">Sélectivité</abbr></th>
|
<th><abbr title="selectivite">Sélectivité</abbr></th><a id="taux_acces_ens" onclick={sort}><span class="icon"><i class="fas fa-sort"></i></span></a>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -44,10 +44,10 @@
|
|||||||
onBeforeMount(props, state) {
|
onBeforeMount(props, state) {
|
||||||
state = {
|
state = {
|
||||||
items: null,
|
items: null,
|
||||||
breakCycle: false
|
breakCycle: false,
|
||||||
|
ascOrder: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onUpdated(props, state) {
|
onUpdated(props, state) {
|
||||||
if (!props.shouldShowInfos || state.breakCycle) return
|
if (!props.shouldShowInfos || state.breakCycle) return
|
||||||
fetchEtablissement(props.course).then((response) => {
|
fetchEtablissement(props.course).then((response) => {
|
||||||
@ -70,6 +70,17 @@
|
|||||||
})
|
})
|
||||||
state.breakCycle = false
|
state.breakCycle = false
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
sort(e){
|
||||||
|
console.log("sort")
|
||||||
|
console.log(e.target)
|
||||||
|
if (this.state.ascOrder){
|
||||||
|
this.state.items.sort((etablissement1, etablissement2)=>etablissement2.fields[order]-etablissement1.fields[order]))
|
||||||
|
} else {
|
||||||
|
this.state.items.sort((etablissement1, etablissement2)=>etablissement1.fields[order]-etablissement2.fields[order]))
|
||||||
|
}
|
||||||
|
this.state.ascOrder=!this.state.ascOrder
|
||||||
|
this.update()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
<link rel="stylesheet" href="style/parcoursup.css">
|
<link rel="stylesheet" href="style/parcoursup.css">
|
||||||
<script src="riot.min.js"></script>
|
<script src="riot.min.js"></script>
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
<script src="loader.js" type="module"></script>
|
<script src="loader.js" type="module"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/7.1.0/riot+compiler.min.js" integrity="sha512-sSGKGR9MvL0bUx3CScaBb56crXwspwDkL/JnB0IrLFQfw3uvSUlITQtsTtDZctshhv5wdwIt+qZeN8zThRF4Dw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/riot/7.1.0/riot+compiler.min.js" integrity="sha512-sSGKGR9MvL0bUx3CScaBb56crXwspwDkL/JnB0IrLFQfw3uvSUlITQtsTtDZctshhv5wdwIt+qZeN8zThRF4Dw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||||
</head>
|
</head>
|
||||||
|
File diff suppressed because one or more lines are too long
@ -8,24 +8,36 @@ class PAPI {
|
|||||||
static timezone = "Europe%2FBerlin";
|
static timezone = "Europe%2FBerlin";
|
||||||
static searchURL = `https://data.enseignementsup-recherche.gouv.fr/api/records/1.0/search/?dataset=${PAPI.dataset}&timezone=${PAPI.timezone}`;
|
static searchURL = `https://data.enseignementsup-recherche.gouv.fr/api/records/1.0/search/?dataset=${PAPI.dataset}&timezone=${PAPI.timezone}`;
|
||||||
static async fetchFilieres() {
|
static async fetchFilieres() {
|
||||||
|
if (localStorage.getItem("filis")) return JSON.parse(localStorage.getItem("filis"));
|
||||||
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=fili`);
|
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=fili`);
|
||||||
let result = await request.json();
|
let result = await request.json();
|
||||||
return result["facet_groups"][0]["facets"];
|
let response = result["facet_groups"][0]["facets"];
|
||||||
|
localStorage.setItem("filis", JSON.stringify(response));
|
||||||
|
return response;
|
||||||
}
|
}
|
||||||
static async fetchFiliere(filiere) {
|
static async fetchFiliere(filiere) {
|
||||||
|
if (localStorage.getItem("fili." + filiere)) return JSON.parse(localStorage.getItem("fili." + filiere));
|
||||||
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=form_lib_voe_acc&refine.fili=${filiere}`);
|
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=form_lib_voe_acc&refine.fili=${filiere}`);
|
||||||
let result = await request.json();
|
let result = await request.json();
|
||||||
return result["facet_groups"][0]["facets"];
|
let response = result["facet_groups"][0]["facets"];
|
||||||
|
localStorage.setItem("fili." + filiere, JSON.stringify(response));
|
||||||
|
return response;
|
||||||
}
|
}
|
||||||
static async fetchSpecialites(specialite) {
|
static async fetchSpecialites(specialite) {
|
||||||
|
if (localStorage.getItem("spe." + specialite)) return JSON.parse(localStorage.getItem("spe." + specialite));
|
||||||
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=fil_lib_voe_acc&refine.form_lib_voe_acc=${specialite}`);
|
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=fil_lib_voe_acc&refine.form_lib_voe_acc=${specialite}`);
|
||||||
let result = await request.json();
|
let result = await request.json();
|
||||||
return result["facet_groups"][0]["facets"];
|
let response = result["facet_groups"][0]["facets"];
|
||||||
|
localStorage.setItem("spe." + specialite, JSON.stringify(response));
|
||||||
|
return response;
|
||||||
}
|
}
|
||||||
static async fetchEtablissement(filiere, sousfiliere, soussousfiliere) {
|
static async fetchEtablissement(filiere, sousfiliere, soussousfiliere) {
|
||||||
|
if (localStorage.getItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`)) return JSON.parse(localStorage.getItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`));
|
||||||
let request = await fetch(`${PAPI.searchURL}&refine.fil_lib_voe_acc=${soussousfiliere}&refine.form_lib_voe_acc=${sousfiliere}&refine.fili=${filiere}`);
|
let request = await fetch(`${PAPI.searchURL}&refine.fil_lib_voe_acc=${soussousfiliere}&refine.form_lib_voe_acc=${sousfiliere}&refine.fili=${filiere}`);
|
||||||
let result = await request.json();
|
let result = await request.json();
|
||||||
return result["records"];
|
let response = result["records"];
|
||||||
|
localStorage.setItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`, JSON.stringify(response));
|
||||||
|
return response;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -132,9 +144,9 @@ var search = {
|
|||||||
this.updateList();
|
this.updateList();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="box p-1 m-2"><div class="columns m-1"><input expr1400="expr1400" class="input" type="input"/><button expr1401="expr1401" class="button ml-1"><</button></div><div id="list-formations"><ul><li expr1402="expr1402" class="m-1"></li></ul></div></div>', [{
|
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="box p-1 m-2"><div class="columns m-1"><input expr626="expr626" class="input" type="input"/><button expr627="expr627" class="button ml-1"><</button></div><div id="list-formations"><ul><li expr628="expr628" class="m-1"></li></ul></div></div>', [{
|
||||||
redundantAttribute: 'expr1400',
|
redundantAttribute: 'expr626',
|
||||||
selector: '[expr1400]',
|
selector: '[expr626]',
|
||||||
expressions: [{
|
expressions: [{
|
||||||
type: expressionTypes.EVENT,
|
type: expressionTypes.EVENT,
|
||||||
name: 'onkeyup',
|
name: 'onkeyup',
|
||||||
@ -145,8 +157,8 @@ var search = {
|
|||||||
evaluate: _scope => _scope.state.placeholder
|
evaluate: _scope => _scope.state.placeholder
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
redundantAttribute: 'expr1401',
|
redundantAttribute: 'expr627',
|
||||||
selector: '[expr1401]',
|
selector: '[expr627]',
|
||||||
expressions: [{
|
expressions: [{
|
||||||
type: expressionTypes.ATTRIBUTE,
|
type: expressionTypes.ATTRIBUTE,
|
||||||
name: 'disabled',
|
name: 'disabled',
|
||||||
@ -160,9 +172,9 @@ var search = {
|
|||||||
type: bindingTypes.EACH,
|
type: bindingTypes.EACH,
|
||||||
getKey: null,
|
getKey: null,
|
||||||
condition: null,
|
condition: null,
|
||||||
template: template('<button expr1403="expr1403" class="button is-fullwidth p-2"><span style="font-size: .75em; max-size: 90%"><strong expr1404="expr1404"> </strong></span><div style="margin-left: auto;"></div><span expr1405="expr1405" class="tag is-primary"> </span></button>', [{
|
template: template('<button expr629="expr629" class="button is-fullwidth p-2"><span style="font-size: .75em; max-size: 90%"><strong expr630="expr630"> </strong></span><div style="margin-left: auto;"></div><span expr631="expr631" class="tag is-primary"> </span></button>', [{
|
||||||
redundantAttribute: 'expr1403',
|
redundantAttribute: 'expr629',
|
||||||
selector: '[expr1403]',
|
selector: '[expr629]',
|
||||||
expressions: [{
|
expressions: [{
|
||||||
type: expressionTypes.ATTRIBUTE,
|
type: expressionTypes.ATTRIBUTE,
|
||||||
name: 'disabled',
|
name: 'disabled',
|
||||||
@ -173,24 +185,24 @@ var search = {
|
|||||||
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
|
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
redundantAttribute: 'expr1404',
|
redundantAttribute: 'expr630',
|
||||||
selector: '[expr1404]',
|
selector: '[expr630]',
|
||||||
expressions: [{
|
expressions: [{
|
||||||
type: expressionTypes.TEXT,
|
type: expressionTypes.TEXT,
|
||||||
childNodeIndex: 0,
|
childNodeIndex: 0,
|
||||||
evaluate: _scope => _scope.item.name
|
evaluate: _scope => _scope.item.name
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
redundantAttribute: 'expr1405',
|
redundantAttribute: 'expr631',
|
||||||
selector: '[expr1405]',
|
selector: '[expr631]',
|
||||||
expressions: [{
|
expressions: [{
|
||||||
type: expressionTypes.TEXT,
|
type: expressionTypes.TEXT,
|
||||||
childNodeIndex: 0,
|
childNodeIndex: 0,
|
||||||
evaluate: _scope => _scope.item.count
|
evaluate: _scope => _scope.item.count
|
||||||
}]
|
}]
|
||||||
}]),
|
}]),
|
||||||
redundantAttribute: 'expr1402',
|
redundantAttribute: 'expr628',
|
||||||
selector: '[expr1402]',
|
selector: '[expr628]',
|
||||||
itemName: 'item',
|
itemName: 'item',
|
||||||
indexName: null,
|
indexName: null,
|
||||||
evaluate: _scope => _scope.state.items
|
evaluate: _scope => _scope.state.items
|
||||||
|
Loading…
Reference in New Issue
Block a user