220 lines
7.4 KiB
JavaScript
220 lines
7.4 KiB
JavaScript
/*
|
|
Parcoursup API (PAPI)
|
|
Comprend un set de wrapper afin d'accéder plus aisément aux informations de l'API parcoursup
|
|
*/
|
|
|
|
class PAPI {
|
|
static dataset = "fr-esr-parcoursup";
|
|
static timezone = "Europe%2FBerlin";
|
|
static searchURL = `https://data.enseignementsup-recherche.gouv.fr/api/records/1.0/search/?dataset=${PAPI.dataset}&timezone=${PAPI.timezone}`;
|
|
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 result = await request.json();
|
|
let response = result["facet_groups"][0]["facets"];
|
|
localStorage.setItem("filis", JSON.stringify(response));
|
|
return response;
|
|
}
|
|
static async fetchFiliere(filiere) {
|
|
if (localStorage.getItem("fili." + filiere)) return JSON.parse(localStorage.getItem("fili." + filiere));
|
|
let url = `${PAPI.searchURL}&rows=0&sort=tri&facet=form_lib_voe_acc&refine.fili=${filiere}`;
|
|
url = url.replace("+", "%2B");
|
|
let request = await fetch(url);
|
|
let result = await request.json();
|
|
let response = result["facet_groups"][0]["facets"];
|
|
localStorage.setItem("fili." + filiere, JSON.stringify(response));
|
|
return response;
|
|
}
|
|
static async fetchSpecialites(filiere, specialite) {
|
|
if (localStorage.getItem(`spe.${filiere}.${specialite}`)) return JSON.parse(localStorage.getItem(`spe.${filiere}.${specialite}`));
|
|
let url = `${PAPI.searchURL}&rows=0&sort=tri&facet=fil_lib_voe_acc&refine.form_lib_voe_acc=${specialite}&refine.fili=${filiere}`;
|
|
url = url.replace("+", "%2B");
|
|
let request = await fetch(url);
|
|
let result = await request.json();
|
|
let response = result["facet_groups"][0]["facets"];
|
|
localStorage.setItem(`spe.${filiere}.${specialite}`, JSON.stringify(response));
|
|
return response;
|
|
}
|
|
static async fetchEtablissement(filiere, sousfiliere, soussousfiliere) {
|
|
if (localStorage.getItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`)) return JSON.parse(localStorage.getItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`));
|
|
let url = `${PAPI.searchURL}&rows=10000&refine.fil_lib_voe_acc=${soussousfiliere}&refine.form_lib_voe_acc=${sousfiliere}&refine.fili=${filiere}`;
|
|
url = url.replace("+", "%2B");
|
|
let request = await fetch(url);
|
|
let result = await request.json();
|
|
let response = result["records"];
|
|
localStorage.setItem(`eta.${filiere}.${sousfiliere}.${soussousfiliere}`, JSON.stringify(response));
|
|
return response;
|
|
}
|
|
}
|
|
|
|
const PLACEHOLDERS = ["Formation", "Filière", "Spécialité"];
|
|
var search = {
|
|
css: null,
|
|
exports: {
|
|
updateList() {
|
|
let promise;
|
|
switch (this.state.currentStep) {
|
|
case 0:
|
|
promise = PAPI.fetchFilieres();
|
|
break;
|
|
case 1:
|
|
promise = PAPI.fetchFiliere(this.state.course.fili);
|
|
break;
|
|
case 2:
|
|
promise = PAPI.fetchSpecialites(this.state.course.fili, this.state.course.sousfili);
|
|
break;
|
|
default:
|
|
return;
|
|
}
|
|
this.update({
|
|
updating: true
|
|
});
|
|
promise.then(response => {
|
|
this.state.allItems = response;
|
|
this.filterSearch();
|
|
this.update({
|
|
updating: false
|
|
});
|
|
}, () => {
|
|
if (!this.state.currentStep) {
|
|
this.cruiseBack();
|
|
}
|
|
this.update({
|
|
updating: false
|
|
});
|
|
});
|
|
},
|
|
clearSearch() {
|
|
this.$("input").value = "";
|
|
},
|
|
filterSearch() {
|
|
let input = this.$("input");
|
|
if (!input) return;
|
|
let finalArray = [];
|
|
|
|
//On évite de trier avant d'avoir plus de 1 lettres.
|
|
if (input.value.length > 1) {
|
|
finalArray = this.state.allItems.filter(item => {
|
|
return item.name.toLowerCase().includes(input.value.toLowerCase());
|
|
});
|
|
} else {
|
|
finalArray = this.state.allItems;
|
|
}
|
|
this.update({
|
|
items: finalArray
|
|
});
|
|
},
|
|
cruiseForward(selection) {
|
|
switch (this.state.currentStep) {
|
|
case 0:
|
|
this.state.course.fili = selection;
|
|
break;
|
|
case 1:
|
|
this.state.course.sousfili = selection;
|
|
break;
|
|
case 2:
|
|
this.state.course.soussousfili = selection;
|
|
this.props.updateCourse(this.state.course);
|
|
return;
|
|
default:
|
|
return;
|
|
}
|
|
this.state.currentStep++;
|
|
this.updateList();
|
|
this.clearSearch();
|
|
this.update({
|
|
placeholder: PLACEHOLDERS[this.state.currentStep]
|
|
});
|
|
},
|
|
cruiseBack() {
|
|
if (!this.state.currentStep) return;
|
|
this.state.currentStep--;
|
|
this.updateList();
|
|
this.clearSearch();
|
|
this.update({
|
|
placeholder: PLACEHOLDERS[this.state.currentStep]
|
|
});
|
|
},
|
|
onBeforeMount(props, state) {
|
|
//Initial state
|
|
this.state = {
|
|
placeholder: PLACEHOLDERS[0],
|
|
currentStep: 0,
|
|
allItems: null,
|
|
items: null,
|
|
course: {},
|
|
updating: false
|
|
};
|
|
},
|
|
onMounted(props, state) {
|
|
this.updateList();
|
|
}
|
|
},
|
|
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="box p-1 m-2"><div class="columns m-1"><input expr45="expr45" class="input" type="input"/><button expr46="expr46" class="button ml-1"><</button></div><div id="list-formations"><ul><li expr47="expr47" class="m-1"></li></ul></div></div>', [{
|
|
redundantAttribute: 'expr45',
|
|
selector: '[expr45]',
|
|
expressions: [{
|
|
type: expressionTypes.EVENT,
|
|
name: 'onkeyup',
|
|
evaluate: _scope => _scope.filterSearch
|
|
}, {
|
|
type: expressionTypes.ATTRIBUTE,
|
|
name: 'placeholder',
|
|
evaluate: _scope => _scope.state.placeholder
|
|
}]
|
|
}, {
|
|
redundantAttribute: 'expr46',
|
|
selector: '[expr46]',
|
|
expressions: [{
|
|
type: expressionTypes.ATTRIBUTE,
|
|
name: 'disabled',
|
|
evaluate: _scope => !_scope.state.currentStep || _scope.state.updating
|
|
}, {
|
|
type: expressionTypes.EVENT,
|
|
name: 'onclick',
|
|
evaluate: _scope => _scope.cruiseBack
|
|
}]
|
|
}, {
|
|
type: bindingTypes.EACH,
|
|
getKey: null,
|
|
condition: null,
|
|
template: template('<button expr48="expr48" class="button is-fullwidth p-2" style="white-space: unset"><div style="display: flex; width: 100%"><span class="mt-auto mb-auto" style="font-size: 0.75em; text-align: left; "><strong expr49="expr49"> </strong></span><div style="margin-left: auto;"></div><span expr50="expr50" class="tag is-primary mt-auto mb-auto"> </span></div></button>', [{
|
|
redundantAttribute: 'expr48',
|
|
selector: '[expr48]',
|
|
expressions: [{
|
|
type: expressionTypes.ATTRIBUTE,
|
|
name: 'disabled',
|
|
evaluate: _scope => _scope.state.updating
|
|
}, {
|
|
type: expressionTypes.EVENT,
|
|
name: 'onclick',
|
|
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
|
|
}]
|
|
}, {
|
|
redundantAttribute: 'expr49',
|
|
selector: '[expr49]',
|
|
expressions: [{
|
|
type: expressionTypes.TEXT,
|
|
childNodeIndex: 0,
|
|
evaluate: _scope => _scope.item.name
|
|
}]
|
|
}, {
|
|
redundantAttribute: 'expr50',
|
|
selector: '[expr50]',
|
|
expressions: [{
|
|
type: expressionTypes.TEXT,
|
|
childNodeIndex: 0,
|
|
evaluate: _scope => _scope.item.count
|
|
}]
|
|
}]),
|
|
redundantAttribute: 'expr47',
|
|
selector: '[expr47]',
|
|
itemName: 'item',
|
|
indexName: null,
|
|
evaluate: _scope => _scope.state.items
|
|
}]),
|
|
name: 'search'
|
|
};
|
|
|
|
export { search as default };
|