160 lines
5.0 KiB
JavaScript
160 lines
5.0 KiB
JavaScript
<!--
|
|
|
|
|
|
|
|
/********************************/
|
|
/* GESTION DE L'AFFINAGE PAR UE */
|
|
/********************************/
|
|
var partList = document.querySelectorAll("#CONTAINER > section[name] > table.partlist[name=UE]");
|
|
|
|
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' && tableauParent.getAttribute('name') == 'UE' && e.target.dataset.hasOwnProperty('value') ){
|
|
pageM.vars[1] = 'u:'+e.target.dataset.value;
|
|
|
|
// si on a '*' comme valeur, on l'enlève
|
|
if( /\*$/.test(pageM.vars[1]) )
|
|
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 */
|
|
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 = [];
|
|
|
|
// 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: saisieInput[i].value, // 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];
|
|
|
|
if( obj.initval != obj.inputEl.value ) // si c'est une nouvelle valeur (nouveau groupe), on active le validateur (bouton)
|
|
addClass( obj.inputEl, 'active' );
|
|
else
|
|
remClass( obj.inputEl, 'active' );
|
|
|
|
}
|
|
}, false);
|
|
|
|
|
|
// on créé l'évènement de confirmation du déplacement
|
|
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( /^valider_action/.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);
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--> |