sid/page/_JS/groups.js

79 lines
1.7 KiB
JavaScript
Executable File

var subSections = document.querySelectorAll('hgroup');
// si aucune sous-partie n'est active, on active la première
if( document.querySelector('#CONTAINER hgroup.active') == null )
selectSubSection( document.querySelector('#CONTAINER hgroup') );
/*************************************************/
/****************** EXEMPLE API ******************/
/*************************************************/
// on récupère la liste des élèves du groupe E
/* objet envoyé à API.php */
var request = {
level_0: 'groups',
level_1: 'grouplist',
semestre: '3',
annee: '2015',
};
// console.log( request );
// envoi de la requête
// @ on envoie l'objet
// @ quand réception: affichage de l'objet reçu
//
API.send(request, function(r){} );
/* Gestion du déroulement des tableaux des groupes */
function afficherCacherGroupes(e){
// 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';
}
}
DOM.CONTAINER.addEventListener('click', afficherCacherGroupes, false);
/* GESTION DU DRAG N DROP */
if( document.querySelector('#CONTAINER section[name=movestudents]') != null ){ // si c'set l'admin
var dnd = new DragnDrop();
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();
}