236 lines
7.8 KiB
JavaScript
Executable File
236 lines
7.8 KiB
JavaScript
Executable File
<!--
|
|
|
|
|
|
|
|
/********************************/
|
|
/* GESTION DE L'AFFINAGE PAR UE */
|
|
/********************************/
|
|
var partList = document.querySelectorAll("#CONTAINER > section[name] > table.partlist[name=UE], #CONTAINER > section[name] > table.partlist[name=semestre], #CONTAINER > section[name] > table.partlist[name=formation]");
|
|
|
|
for( var i = 0 ; i < partList.length ; i++ ){
|
|
|
|
partList[i].addEventListener('click', function(e){
|
|
var tableauParent = e.target.parentNode.parentNode.parentNode;
|
|
|
|
if( tableauParent.tagName == 'TABLE' && e.target.dataset.hasOwnProperty('value') ){
|
|
|
|
/* SI c'est une affinage par FORMATION */
|
|
if( tableauParent.getAttribute('name') == 'formation' ){
|
|
pageM.vars[1] = 'f:'+e.target.dataset.value;
|
|
if( pageM.vars.length > 2 ) // si un deuxième affinage existe, on le supprime lors du choix de la formation
|
|
pageM.vars.pop();
|
|
}
|
|
|
|
/* SI c'est une affinage par SEMESTRE */
|
|
if( tableauParent.getAttribute('name') == 'semestre' )
|
|
pageM.vars[2] = 's:'+e.target.dataset.value;
|
|
|
|
/* SI c'est un affinage par UE */
|
|
if( tableauParent.getAttribute('name') == 'UE' )
|
|
pageM.vars[2] = 'u:'+e.target.dataset.value;
|
|
|
|
|
|
// si la formation n'est pas définie, on l'active
|
|
if( !/^f:/.test(pageM.vars[1]) )
|
|
if( document.querySelector('#CONTAINER > section[name] > table.partlist[name=formation] td[data-value].active') != null )
|
|
pageM.vars[1] = 'f:'+document.querySelector('#CONTAINER > section[name] > table.partlist[name=formation] td[data-value].active').dataset.value;
|
|
|
|
// si on a '*' comme valeur, on l'enlève
|
|
if( /\*$/.test(pageM.vars[2]) )
|
|
pageM.vars.pop();
|
|
|
|
reload();
|
|
}
|
|
}, false);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***********************************************/
|
|
/* GESTION DE LE FILTRAGE POUR LES ENSEIGNANTS */
|
|
/***********************************************/
|
|
if( document.querySelector('#CONTAINER section[name=controlesenseignants]') ){ // on traite uniquement si la section est définie
|
|
|
|
controlesenseignantSection = document.querySelector('#CONTAINER section[name=controlesenseignants]');
|
|
if( controlesenseignantSection != null ){ // si la section enseignant est présente sur la page
|
|
|
|
controlesenseignantSection.addEventListener('click', function(e){ // on créé l'évènement
|
|
|
|
/* LIENS POUR LES GROUPES ET CONTRÔLES */
|
|
if( e.target.className == 'link grp ctrl' && e.target.dataset.hasOwnProperty('grp') && e.target.dataset.hasOwnProperty('ctrl') ){
|
|
pageM.vars[1] = 'c:'+e.target.dataset.ctrl;
|
|
pageM.vars[2] = 'g:'+e.target.dataset.grp;
|
|
reload();
|
|
|
|
}
|
|
|
|
/* LIENS POUR LES GROUPES */
|
|
if( e.target.className == 'link grp' && e.target.dataset.hasOwnProperty('grp') ){
|
|
pageM.vars[2] = 'g:'+e.target.dataset.grp;
|
|
reload();
|
|
}
|
|
|
|
/* LIENS POUR LES CONTRÔLES */
|
|
if( e.target.className == 'link ctrl' && e.target.dataset.hasOwnProperty('ctrl') ){
|
|
pageM.vars[1] = 'c:'+e.target.dataset.ctrl;
|
|
|
|
if( pageM.vars[2] != null )
|
|
pageM.vars.pop();
|
|
|
|
reload();
|
|
}
|
|
|
|
/* LIENS POUR LES DOSSIER ETUDIANT */
|
|
if( e.target.className == 'link etu' && e.target.dataset.hasOwnProperty('etu') ){
|
|
pageM.vars[1] = 'e:'+e.target.dataset.etu;
|
|
|
|
if( pageM.vars[2] != null )
|
|
pageM.vars.pop();
|
|
|
|
pageM.vars[0] = 'studentcase'; // on redirige vers la page dossier étudiant
|
|
reload();
|
|
}
|
|
|
|
}, false);
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* GESTION DE LA SAISIE DE NOTES */
|
|
var nombreModification = 0; // contiendra le nombre de notes saisies
|
|
|
|
if( document.querySelector('#CONTAINER section[name=controlesenseignants]') != null ){ // si c'set l'admin
|
|
|
|
/* SAISIE A L'AIDE DES <INPUT> */
|
|
var saisieInput = document.querySelectorAll('#CONTAINER section[name=controlesenseignants] table tr td input[type=number][data-ctrl].saisie_note');
|
|
var saisieObj = [];
|
|
|
|
/* BOUTON "TOUT ENREGISTRER" */
|
|
var toutEnregistrerBtn = document.querySelector("#CONTAINER section[name=controlesenseignants] table tr td:last-child .confirm.all");
|
|
|
|
|
|
|
|
// on référencie tous les input dans un objet
|
|
for( var i = 0 ; i < saisieInput.length ; i++ ){
|
|
|
|
saisieInput[i].dataset.i = i; // le rang du <input> dans la liste
|
|
|
|
saisieObj[i] = {
|
|
inputEl: saisieInput[i], // le <input> en question
|
|
initval: parseFloat( saisieInput[i].value.replace(',', '.') ), // la valeur initiale du <input>
|
|
button: saisieInput[i].parentNode.children[1], // le bouton de validation pour ce <input>
|
|
ctrlid: saisieInput[i].dataset.ctrl, // on récupère l'id du contrôle
|
|
userid: saisieInput[i].parentNode.parentNode.children[0].children[0].innerHTML // l'identifiant de l'utilisateur associé à ce <input>
|
|
};
|
|
|
|
// on créé l'évènement qui affiche le validateur dès le changement de valeur
|
|
saisieObj[i].inputEl.addEventListener('change', function(e){
|
|
// on récupère le rang dans la liste et qu'il s'agit du même élément
|
|
if( e.target.dataset.hasOwnProperty('i') && saisieObj[e.target.dataset.i].inputEl == e.target){
|
|
var obj = saisieObj[e.target.dataset.i];
|
|
var isActive = /active/.test(obj.inputEl.className); // VRAI si l'élément est actif
|
|
|
|
|
|
// si c'est une nouvelle valeur (nouvelle note), on active le validateur (bouton)
|
|
if( obj.initval != parseFloat(obj.inputEl.value.replace(',', '.')) )
|
|
addClass( obj.inputEl, 'active' );
|
|
else
|
|
remClass( obj.inputEl, 'active' );
|
|
|
|
|
|
// si changement du caractère "actif", et plus particulièrement
|
|
if( /active/.test(obj.inputEl.className) != isActive )
|
|
if( !isActive ) // si activation
|
|
nombreModification += 1;
|
|
else
|
|
nombreModification -= 1;
|
|
|
|
// si plus d'une modification, on affiche le bouton 'tout enregistrer'
|
|
if( nombreModification > 1 )
|
|
addClass( toutEnregistrerBtn, 'active' );
|
|
else
|
|
remClass( toutEnregistrerBtn, 'active' );
|
|
|
|
}
|
|
}, false);
|
|
|
|
|
|
// on créé l'évènement de confirmation de la saisie
|
|
saisieObj[i].button.addEventListener('click', function(e){
|
|
// s'il s'agit bien d'un bouton de validation, que le <input> associé a data-i existante et que ça match correctement
|
|
if( /confirm/.test(e.target.className) && e.target.parentNode.children[0].dataset.hasOwnProperty('i') && saisieObj[e.target.parentNode.children[0].dataset.i].button == e.target ){
|
|
var obj = saisieObj[e.target.parentNode.children[0].dataset.i];
|
|
|
|
var request = { // on définit la requête pour API
|
|
level_0: 'career',
|
|
level_1: 'saisieNote',
|
|
etudiant: obj.userid,
|
|
controle: obj.ctrlid,
|
|
note: obj.inputEl.value.replace(',', '.'), // par précaution, on replace les virgules par des points pour le php (is_numeric)
|
|
};
|
|
|
|
API.send(request, function(response){ // on gère la réponse de API, si déplacement effectué, on recharge la page
|
|
if( response.request == 'success' ) reload();
|
|
});
|
|
|
|
}
|
|
|
|
}, false);
|
|
|
|
|
|
// on créé l'évènement de confirmation de la saisie de TOUTES les notes saisies ou modifiées
|
|
toutEnregistrerBtn.addEventListener('click', function(e){
|
|
|
|
var nbRequest = 0;
|
|
var nbSuccess = 0;
|
|
|
|
// on sélectionne toutes les valeurs contenues dans les lignes actives
|
|
for( var i = 0 ; i < saisieObj.length ; i++ ){ if( /active/.test(saisieObj[i].inputEl.className) ){
|
|
|
|
nbRequest += 1;
|
|
|
|
var request = { // on définit la requête pour API
|
|
level_0: 'career',
|
|
level_1: 'saisieNote',
|
|
etudiant: saisieObj[i].userid,
|
|
controle: saisieObj[i].ctrlid,
|
|
note: saisieObj[i].inputEl.value.replace(',', '.'), // par précaution, on replace les virgules par des points pour le php (is_numeric)
|
|
};
|
|
|
|
API.send(request, function(response){ // on gère la réponse de API
|
|
if( response.request == 'success' ) nbSuccess += 1; // si on a une réponse positive, on incrémente le nombre de succès
|
|
|
|
// si tout est validé, on recharge la page
|
|
if( nbSuccess == nbRequest) reload();
|
|
});
|
|
|
|
}}
|
|
|
|
}, false);
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--> |