ProjetRIOT/javascript/search.js

202 lines
6.2 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() {
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=fili`);
let result = await request.json();
return result["facet_groups"][0]["facets"];
}
static async fetchFiliere(filiere) {
let request = await fetch(`${PAPI.searchURL}&rows=0&sort=tri&facet=form_lib_voe_acc&refine.fili=${filiere}`);
let result = await request.json();
return result["facet_groups"][0]["facets"];
}
static async fetchSpecialites(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();
return result["facet_groups"][0]["facets"];
}
static async fetchEtablissement(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 result = await request.json();
return result["records"];
}
}
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.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 expr1400="expr1400" class="input" type="input"/><button expr1401="expr1401" class="button ml-1">&lt;</button></div><div id="list-formations"><ul><li expr1402="expr1402" class="m-1"></li></ul></div></div>', [{
redundantAttribute: 'expr1400',
selector: '[expr1400]',
expressions: [{
type: expressionTypes.EVENT,
name: 'onkeyup',
evaluate: _scope => _scope.filterSearch
}, {
type: expressionTypes.ATTRIBUTE,
name: 'placeholder',
evaluate: _scope => _scope.state.placeholder
}]
}, {
redundantAttribute: 'expr1401',
selector: '[expr1401]',
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 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>', [{
redundantAttribute: 'expr1403',
selector: '[expr1403]',
expressions: [{
type: expressionTypes.ATTRIBUTE,
name: 'disabled',
evaluate: _scope => _scope.state.updating
}, {
type: expressionTypes.EVENT,
name: 'onclick',
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
}]
}, {
redundantAttribute: 'expr1404',
selector: '[expr1404]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.item.name
}]
}, {
redundantAttribute: 'expr1405',
selector: '[expr1405]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.item.count
}]
}]),
redundantAttribute: 'expr1402',
selector: '[expr1402]',
itemName: 'item',
indexName: null,
evaluate: _scope => _scope.state.items
}]),
name: 'search'
};
export { search as default };