sid/page/_JS/career.js

<!--



/********************************/
/* 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");


	if( toutEnregistrerBtn != null ){


		// 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)
					};

					addClass( obj.button, 'loading' );

					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){

			addClass( toutEnregistrerBtn, 'loading' );

			var toutesNotes = [];

			var controleUID = null;

			// 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) ){

				if( controleUID == null ) controleUID = saisieObj[i].ctrlid;

				toutesNotes.push({
					etudiant: saisieObj[i].userid,
					valeur: saisieObj[i].inputEl.value.replace(',', '.') // par précaution, on replace les virgules par des points pour le php (is_numeric)
				});

			}}


			var request = { // on définit la requête pour API
				level_0: 'career',
				level_1: 'saisieNoteMultiple',
				controle: controleUID,
				notes: toutesNotes // on donne toutes les notes
			};


			API.send(request, function(response){ // on gère la réponse de API
				if( response.request == 'success' ) // si on a une réponse positive, on incrémente le nombre de succès
					reload();
			});

		}, false);

	
	}

}










-->