sid/page/_JS/groups.js

<!--



// si aucune sous-partie n'est active, on active la première
if( document.querySelector('#CONTAINER hgroup.active') == null )
	selectSubSection( document.querySelector('#CONTAINER hgroup') );





/* Gestion du déroulement des tableaux des groupes */
function afficherCacherGroupes(e){
	e.preventDefault();

	// s'il s'agit de la case "Voir plus"
	if( e.target.className == 'more' ){
		var thead = e.target.parentNode.parentNode.parentNode.children[0];
		thead.className = (thead.className=='active') ? '' : 'active';
	}
}

if( !afficherCacherGroupesDefined )
	DOM.CONTAINER.addEventListener('click', afficherCacherGroupes, false);

var afficherCacherGroupesDefined = true;




/* on définit le Drag'n'Drop */
// var dnd = new DragnDrop();






/* GESTION DU DRAG N DROP */
if( document.querySelector('#CONTAINER section[name=movestudents]') != null ){ // si c'set l'admin

	// var members = document.querySelectorAll('#CONTAINER section[name=movestudents] table tr td:not(.more)');
	// for( var i = 0 ; i < members.length ; i++ )
	// 	dnd.setDraggable(members[i]);

	// var groups = document.querySelectorAll('#CONTAINER section[name=movestudents] table thead th:first-child');
	// for( var i = 0 ; i < groups.length ; i++ )
	// 	dnd.setDroppable(groups[i]);	
	
	// dnd.init(function(input, output){ // on demande un déplacement
	// 	var id_etudiant = input.children[0].children[0].innerHTML;
	// 	var nom_groupe  = output.children[0].innerHTML;

	// 	var request = { // on définit la requête pour API
	// 		level_0: 'groups',
	// 		level_1: 'move',
	// 		etudiant: id_etudiant,
	// 		groupe: nom_groupe
	// 	};

	// 	// l'ordre n'est pas alphabétique mais va à la fin

	// 	API.send(request, function(response){ // on gère la réponse de API
	// 		if( response.request == 'success' ){
	// 			input.parentNode.removeChild( input ); // on supprime le membre de l'ancien groupe

	// 			var tableauDestination = output.parentNode.parentNode.parentNode.children[1]; // <tbody> destination
	// 			tableauDestination.appendChild( input );                                  // on ajoute le membre au nouveau groupe

	// 			// selectSection( document.querySelector('#MENU span[data-link=groups]') );
	// 		}
	// 	});
	// });
	// 
	
	/* DEPLACEMENT A L'AIDE DES <SELECT> */
	var deplacementElements = document.querySelectorAll('#CONTAINER section[name=movestudents] table tr td select');
	var deplacementObj = [];

	// on référencie tous les select dans un objet
	for( var i = 0 ; i < deplacementElements.length ; i++ ){

		deplacementElements[i].dataset.i = i; // le rang du <select> dans la liste

		deplacementObj[i] = {
			select:  deplacementElements[i],                                                        // le <select> en question
			initval: deplacementElements[i].value,                                                  // la valeur initiale du <select> 
			button:  deplacementElements[i].parentNode.children[1],                                 // le bouton de validation pour ce <select>
			userid:  deplacementElements[i].parentNode.parentNode.children[0].children[0].innerHTML // l'identifiant de l'utilisateur associé à ce <select>
		};

		// on créé l'évènement qui affiche le validateur dès le changement de valeur
		deplacementObj[i].select.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') && deplacementObj[e.target.dataset.i].select == e.target ){
				var obj = deplacementObj[e.target.dataset.i];

				if( obj.initval != obj.select.value ) // si c'est une nouvelle valeur (nouveau groupe), on active le validateur (bouton)
					addClass( obj.button, 'active' );
				else
					remClass( obj.button, 'active' );
			
			}
		}, false);


		// on créé l'évènement de confirmation du déplacement
		deplacementObj[i].button.addEventListener('click', function(e){
			// s'il s'agit bien d'un bouton de validation, que le <select> associé a data-i existante et que ça match correctement
			if( /^valider_deplacement/.test(e.target.className) && e.target.parentNode.children[0].dataset.hasOwnProperty('i') && deplacementObj[e.target.parentNode.children[0].dataset.i].button == e.target ){ 
				var obj = deplacementObj[e.target.parentNode.children[0].dataset.i];

				var request = { // on définit la requête pour API
					level_0: 'groups',
					level_1: 'move',
					etudiant: obj.userid,
					groupe: obj.select.value
				};

				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' ) selectSection( document.querySelector('#MENU > span[data-link='+pageM.page+']') );
				});
				
			}
		
		}, false);
	}


}

/***************************************************/
/*** GESTION DES SELECT POUR AFFINER LES GROUPES ***/
/***************************************************/
var selectList = document.querySelectorAll("#CONTAINER > section[name] > select");


// GESTION DE LA PRISE EN COMPTE DES SELECT //
DOM.CONTAINER.addEventListener('change', function(e){
	if( e.target.tagName == 'SELECT' && ['semestre', 'groupe'].indexOf(e.target.getAttribute('name')) > -1  ){
		if( e.target.getAttribute('name') == 'semestre' ){ // SI modifie le semestre
			pageM.vars[1] = e.target.value;                // on selectionne semestre
			pageM.vars[2] = '*';                           // on désactive le groupe
		}else{                                             // SINON
			pageM.vars[1] = '*';                           // on désactive le semestre
			pageM.vars[2] = e.target.value;                // on active le groupe
		}

		selectSection( document.querySelector('#MENU > span[data-link='+pageM.page+']') );
		// console.log(e.target.getAttribute('name')+' = '+e.target.value);
	}
}, false);



-->