Ajout du loader

This commit is contained in:
xdrm-brackets 2015-11-21 13:13:40 +01:00
parent 651e3cf7d7
commit 7fdb83f632
5 changed files with 17 additions and 5 deletions

View File

@ -283,6 +283,7 @@ td select > option{ padding: 0; }
/* @all */ /* @all */
.confirm.all, .confirm.all,
tr.grayscale .confirm{ margin-top: -.7em; } tr.grayscale .confirm{ margin-top: -.7em; }
@ -296,6 +297,9 @@ select.active + .confirm,
display: inline-block; display: inline-block;
background-image: url(../src/validate.svg); background-image: url(../src/validate.svg);
} }
.confirm.loading{
background-image: url(../src/loader.gif);
}
.confirm.center{ .confirm.center{
position: relative; position: relative;

View File

@ -180,6 +180,8 @@ if( document.querySelector('#CONTAINER section[name=controlesenseignants]') != n
note: obj.inputEl.value.replace(',', '.'), // par précaution, on replace les virgules par des points pour le php (is_numeric) 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 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(); if( response.request == 'success' ) reload();
}); });
@ -192,6 +194,8 @@ if( document.querySelector('#CONTAINER section[name=controlesenseignants]') != n
// on créé l'évènement de confirmation de la saisie de TOUTES les notes saisies ou modifiées // on créé l'évènement de confirmation de la saisie de TOUTES les notes saisies ou modifiées
toutEnregistrerBtn.addEventListener('click', function(e){ toutEnregistrerBtn.addEventListener('click', function(e){
addClass( toutEnregistrerBtn, 'loading' );
var nbRequest = 0; var nbRequest = 0;
var nbSuccess = 0; var nbSuccess = 0;
@ -200,6 +204,8 @@ if( document.querySelector('#CONTAINER section[name=controlesenseignants]') != n
nbRequest += 1; nbRequest += 1;
addClass( saisieObj[i].button, 'loading' );
var request = { // on définit la requête pour API var request = { // on définit la requête pour API
level_0: 'career', level_0: 'career',
level_1: 'saisieNote', level_1: 'saisieNote',

View File

@ -47,6 +47,8 @@ if( document.querySelector('#CONTAINER section[name=movestudents]') != null ){ /
if( /^confirm/.test(e.target.className) && e.target.parentNode.children[0].dataset.hasOwnProperty('i') && deplacementObj[e.target.parentNode.children[0].dataset.i].button == e.target ){ if( /^confirm/.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 obj = deplacementObj[e.target.parentNode.children[0].dataset.i];
addClass( obj.button, 'loading' );
var request = { // on définit la requête pour API var request = { // on définit la requête pour API
level_0: 'groups', level_0: 'groups',
level_1: 'move', level_1: 'move',

View File

@ -106,7 +106,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
foreach($module['controles'] as $controle){ // pour chaque contrôle foreach($module['controles'] as $controle){ // pour chaque contrôle
echo '<tr>'; echo '<tr>';
echo '<td><span class=link>'.$controle['intitule'].'</span></td>'; echo '<td><span class=link>'.$controle['libelle'].'</span></td>';
if( count($controle['notes']) == 0 ) // si aucune note pour ce controle on affiche 'Pas de note' if( count($controle['notes']) == 0 ) // si aucune note pour ce controle on affiche 'Pas de note'
echo '<td><span class=unstressed>Pas de note</span></td>'; echo '<td><span class=unstressed>Pas de note</span></td>';
@ -280,7 +280,7 @@ if( permission('teacher') && $controleOpt == null ){ // si c'est un enseignant e
foreach($module['controles'] as $controle){ // pour chaque contrôle foreach($module['controles'] as $controle){ // pour chaque contrôle
echo '<tr>'; echo '<tr>';
echo "<td><span class='link ctrl' data-ctrl='".$controle['id']."'>".$controle['intitule']."</span></td>"; echo "<td><span class='link ctrl' data-ctrl='".$controle['id']."'>".$controle['libelle']."</span></td>";
echo "<td>".$module['nom']." - ".$module['libelle']."</td>"; echo "<td>".$module['nom']." - ".$module['libelle']."</td>";
echo "<td>".$UE['nom']." - ".$UE['libelle']."</td>"; echo "<td>".$UE['nom']." - ".$UE['libelle']."</td>";
@ -348,10 +348,10 @@ elseif( permission('teacher') ){ // si enseignant et qu'un contrôle est spécif
echo "<table class='basic col4'><thead>"; echo "<table class='basic col4'><thead>";
echo "<th colspan=5 style='font-size:1.5em; text-align:center;'>".$answer->controle['module'].' - '.$answer->controle['intitule'].'</th>'; echo "<th colspan=5 style='font-size:1.5em; text-align:center;'>".$answer->controle['module'].' - '.$answer->controle['libelle'].'</th>';
echo '<tr>'; echo '<tr>';
echo "<th><span class='link ctrl' data-ctrl='".$answer->controle['id']."'>".$answer->controle['intitule']."</span></th>"; echo "<th><span class='link ctrl' data-ctrl='".$answer->controle['id']."'>".$answer->controle['libelle']."</span></th>";
echo "<th>".$answer->controle['module']." - ".$answer->controle['modulelib']."</th>"; echo "<th>".$answer->controle['module']." - ".$answer->controle['modulelib']."</th>";
@ -501,7 +501,7 @@ if( permission('teacher') && $etudiantOpt != null ){
foreach($module['controles'] as $controle){ // pour chaque contrôle foreach($module['controles'] as $controle){ // pour chaque contrôle
echo '<tr>'; echo '<tr>';
echo '<td><span class=link>'.$controle['intitule'].'</span></td>'; echo '<td><span class=link>'.$controle['libelle'].'</span></td>';
if( count($controle['notes']) == 0 ) // si aucune note pour ce controle on affiche 'Pas de note' if( count($controle['notes']) == 0 ) // si aucune note pour ce controle on affiche 'Pas de note'
echo '<td><span class=unstressed>Pas de note</span></td>'; echo '<td><span class=unstressed>Pas de note</span></td>';

BIN
src/loader.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 847 B