Modification JS attribute pour navigation (section name='' data-title) au lien de 'title'

This commit is contained in:
xdrm-brackets 2015-11-15 15:42:12 +01:00
parent 97bc41d54e
commit 33fcc681e3
7 changed files with 58 additions and 33 deletions

View File

@ -17,8 +17,29 @@ span.stressed{ font-weight: bold; }
/*************************/
/*** TITLE PERSONALISÉ ***/
/*************************/
#CONTAINER [data-info]:after{
content: attr(data-info);
/* position */
/*display: block;*/ display: none;
position: absolute;
margin-left: 4em;
padding: .3em;
/* border */
border-radius: 3px;
/* background */
background-color: #233342;
/* foreground */
color: #fff;
}
/* INFO SURVOL */
#CONTAINER [data-info]:hover:after{ display: block; }

View File

@ -101,6 +101,10 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
*/
function selectSection(section, clearParam){
// si la section est une string, on essaie de trouver l'élémnent associé
if( typeof section == 'string' )
section = document.querySelector('#MENU span[data-link='+section+']');
// si @subSection est un <Element> de type <li> qui a la propriété "data-link" [ET] section pas déjà active
if( section instanceof Element && section.tagName == 'SPAN' && section.dataset.hasOwnProperty('link') ){
@ -114,16 +118,16 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
pageM.xhr[pageM.xhr.length-1].addEventListener('load', function(){
// on récupère les sections du document
var sections = document.querySelectorAll('#CONTAINER section[name]');
var sections = document.querySelectorAll('#CONTAINER section[name][data-title]');
if( sections != null ){ // si on en trouve
DOM.SUBSECTIONS.innerHTML = ""; // on efface le #SUBHEADER > nav <=> les liens des sous-parties
for( var i = 0 ; i < sections.length ; i++ ) // pour chaque section, on créé un lien correspondant
if( i == 0 ) // on active le premier
DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "' class='active'>" +sections[i].title+ "</span>";
DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "' class='active'>" +sections[i].getAttribute('data-title')+ "</span>";
else // pas les autres
DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "'>" +sections[i].title+ "</span>";
DOM.SUBSECTIONS.innerHTML += "<span data-sectname='" +sections[i].getAttribute('name')+ "'>" +sections[i].getAttribute('data-title')+ "</span>";
}
// si dans pageManager.js, on a une sous-partie et qu'elle existe physiquement
@ -151,7 +155,7 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
}
// permet de recharger la page courante
function reload(){ selectSection( document.querySelector('#MENU span[data-link='+pageM.page+']') ); }
function reload(){ selectSection(pageM.page); }
/* activation au chargement en fonction de la page courante de pageManager.js */
var lastSection = document.querySelector('#MENU span[data-link='+pageM.page+']');
@ -192,7 +196,7 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
remClass(lastSection, 'active'); // on la désactive
// on active la page associée
var target = document.querySelector('#CONTAINER section[name='+subSection.dataset.sectname+']');
var target = document.querySelector('#CONTAINER section[name='+subSection.dataset.sectname+'][data-title]');
if( target != null )
addClass(target, 'active');

View File

@ -64,7 +64,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
if( $answer->request == 'success' ){ // si on a bien récupéré les UE/notes
////////////////////////////////////////////////////////////////////////////////
echo "<section name='marksbyue' title='Mes Notes' class='basic'>";
echo "<section name='marksbyue' data-title='Mes Notes' class='basic'>";
foreach($answer->UEs as $UE){ // pour chaque UE
echo "<table class='basic col4'>";
@ -99,7 +99,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
////////////////////////////////////////////////////////////////////////////////
echo '</section>';
}else
echo "<section name='marksbyue' title='Mes Notes' class='basic'><table class=basic><tbody><tr><td>Aucune note trouvée</td></tr></tbody></table></section>";
echo "<section name='marksbyue' data-title='Mes Notes' class='basic'><table class=basic><tbody><tr><td>Aucune note trouvée</td></tr></tbody></table></section>";
}
@ -144,7 +144,7 @@ if( permission('teacher') && $controleOpt == null ){ // si c'est un enseignant e
if( $answer->request == 'success' ){ // si on a bien récupéré les UE/notes
////////////////////////////////////////////////////////////////////////////////
echo "<section name='controlesenseignants' title='Contrôles' class='basic'>";
echo "<section name='controlesenseignants' data-title='Contrôles' class='basic'>";
if( count($answer->UEs) > 0 ){ // si au moins un UE
@ -211,7 +211,7 @@ if( permission('teacher') && $controleOpt == null ){ // si c'est un enseignant e
////////////////////////////////////////////////////////////////////////////////
echo '</section>';
}else
echo "<section name='controlesenseignants' title='Contrôles' class='basic'><table class=basic><tbody><tr><td>Aucun contrôle trouvé</td></tr></tbody></table></section>";
echo "<section name='controlesenseignants' data-title='Contrôles' class='basic'><table class=basic><tbody><tr><td>Aucun contrôle trouvé</td></tr></tbody></table></section>";
@ -233,7 +233,7 @@ elseif( permission('teacher') ){ // si enseignant et qu'un contrôle est spécif
career_switch_level_1($request, $answer);
if( $answer->request == 'success' ){
echo "<section name='controlesenseignants' title='Contrôles' class='basic'>";
echo "<section name='controlesenseignants' data-title='Contrôles' class='basic'>";
// bouton retour
@ -306,7 +306,7 @@ elseif( permission('teacher') ){ // si enseignant et qu'un contrôle est spécif
foreach($answer->controle['userlist'] as $user){ // on affiche la liste des élèves avec leurs notes
echo "<tr>";
echo "<td><span class='link etu' data-etu='".$user['identifiant']."' data-ctrl='".$answer->controle['id']."'>".$user['identifiant']."</span></td>";
echo "<td><span class='link etu' data-etu='".$user['identifiant']."' data-ctrl='".$answer->controle['id']."' data-info='".$user['prenom'].' '.$user['nom']."'>".$user['identifiant']."</span></td>";
echo "<td><span class='link grp' data-grp='".$user['groupe']."'>".$user['groupe']."</span></td>";
if( $user['note'] != null ) // si on a une note
@ -320,7 +320,7 @@ elseif( permission('teacher') ){ // si enseignant et qu'un contrôle est spécif
else // sinon on laisse le champ vide
echo "<input class='saisie_note' data-ctrl='".$answer->controle['id']."' type='number' step='.25' min='0' max='".$answer->controle['base']."' placeholder='Note'>";
echo "<div class='valider_action' data-info='cliquer pour valider'></div>";
echo "<div class='valider_action' data-info='confirmer'></div>";
echo "</td>";
echo "</tr>";

View File

@ -58,7 +58,7 @@ if( permission('student') ){ // si connecté && utilisateur
if( $answer->request == 'success' ){ // si pas d'erreur
//////////////////////////////////////////////////////////////
echo "<section name='studentallgroups' title='tous les groupes' class='basic'>";
echo "<section name='studentallgroups' data-title='tous les groupes' class='basic'>";
echo "<table class='basic col5'><thead><tr>";
echo '<th>Identifiant</td>';
@ -99,7 +99,7 @@ if( permission('student') ){ // si connecté && utilisateur
echo '</section>';
////////////////////////////////////////////////////////
}else
echo "<section name='studentallgroups' title='tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='studentallgroups' data-title='tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
}
@ -128,7 +128,7 @@ if( false && permission('teacher') ){ // si connecté && prof
if( $answer->request == 'success' ){ // si pas d'erreur
//////////////////////////////////////////////////////////////
echo "<section name='allgroups' title='tous les groupes' class='basic'>";
echo "<section name='allgroups' data-title='tous les groupes' class='basic'>";
/* select pour SEMESTRES */
$lastSemestre = null;
@ -205,7 +205,7 @@ if( false && permission('teacher') ){ // si connecté && prof
echo '</section>';
////////////////////////////////////////////////////////
}else
echo "<section name='allgroups' title='tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='allgroups' data-title='tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
} ?>
@ -252,7 +252,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
if( $answer->request == 'success' ){ // si on a bien récupéré les membres du groupe
////////////////////////////////////////////////////////////////////////////////
echo "<section name='studentsgroup' title='Mon groupe' class='basic'>";
echo "<section name='studentsgroup' data-title='Mon groupe' class='basic'>";
echo "<table class='basic col1'><thead>";
echo '<tr>';
@ -283,9 +283,9 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
echo '</section>';
////////////////////////////////////////////////////////////////////////////////
}else
echo "<section name='studentsgroup' title='Mon groupe' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='studentsgroup' data-title='Mon groupe' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
}else
echo "<section name='studentsgroup' title='Mon groupe' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='studentsgroup' data-title='Mon groupe' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo '</section>';
} ?>
@ -319,7 +319,7 @@ if( permission('teacher') ){ // si l'utilisateur est connecté et que c'est un
if( $answer->request == 'success' && count($answer->grouplist) > 0 ){ // si on a bien récupéré les membres du groupe
////////////////////////////////////////////////////////////////////////////////
echo "<section name='teachersgroups' title='Mes groupes' class='basic'>";
echo "<section name='teachersgroups' data-title='Mes groupes' class='basic'>";
/* select pour SEMESTRES */
$lastSemestre = null;
@ -395,7 +395,7 @@ if( permission('teacher') ){ // si l'utilisateur est connecté et que c'est un
echo '</section>';
////////////////////////////////////////////////////////////////////////////////
}else
echo "<section name='teachersgroups' title='Mes groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='teachersgroups' data-title='Mes groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
} ?>
@ -439,7 +439,7 @@ if( permission('admin') ){ // si l'utilisateur est connecté et que c'est un adm
if( $answer->request == 'success' && $answerPourListeGroupes->request == 'success' ){ // si pas d'erreur
//////////////////////////////////////////////////////////////
echo "<section name='movestudents' title='Tous les groupes' class='basic'>";
echo "<section name='movestudents' data-title='Tous les groupes' class='basic'>";
/* select pour SEMESTRES */
$lastSemestre = null;
@ -533,7 +533,7 @@ if( permission('admin') ){ // si l'utilisateur est connecté et que c'est un adm
echo '</section>';
////////////////////////////////////////////////////////
}else
echo "<section name='movestudents' title='Tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
echo "<section name='movestudents' data-title='Tous les groupes' class='basic'><table class=basic><tbody><tr><td>Aucun groupe trouvé</td></tr></tbody></table></section>";
}
} ?>
@ -545,7 +545,7 @@ if( permission('admin') ){ // si l'utilisateur est connecté et que c'est un adm
/*** IMPORTATION FICHIER EXCEL ***/
/*********************************/
// if( permission('admin') ){
// echo "<section name='importexcel' title='Importation/Export' class='basic'>";
// echo "<section name='importexcel' data-title='Importation/Export' class='basic'>";
// //inclusion des classes de PHPExcel
// include __ROOT__.DIRECTORY_SEPARATOR.join(DIRECTORY_SEPARATOR, array("src", "phpexcel", "Classes", "PHPExcel.php"));

View File

@ -16,7 +16,7 @@ require_once __ROOT__.'/manager/groups.php';
?>
<section name='presentation' title='Présentation'>
<section name='presentation' data-title='Présentation'>
<p>Bienvenue sur la plateforme de gestion des étudiants de l'IUT Informatique de l'université Paul Sabatier, Toulouse 3<br>
Seuls les étudiants et enseignants du département ont un accès à cette plateforme.
Si vous êtes étudiant ou enseignant et que vous n'avez pas de compte, veuillez contacter le chef de département.</p>
@ -37,7 +37,7 @@ require_once __ROOT__.'/manager/groups.php';
<?php /* [2] Notifications
=======================================================*/
if( connected() ){ // si on est connecté ?>
<section name='notifications' title='Notifications'>
<section name='notifications' data-title='Notifications'>
<p>Notification 3</p>
<p>Notification 2</p>
<p>Notification 1</p>

View File

@ -35,7 +35,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
if( $answer->request == 'success' ){ // si on a bien récupéré les membres du groupe
////////////////////////////////////////////////////////////////////////////////
echo "<section name='studentsmodules' title='Mes modules' class='basic'>";
echo "<section name='studentsmodules' data-title='Mes modules' class='basic'>";
foreach($answer->UEs as $UE){
echo "<table class='basic'>";
@ -58,7 +58,7 @@ if( permission('student') ){ // si l'utilisateur est connecté et que c'est un
////////////////////////////////////////////////////////////////////////////////
echo '</section>';
}else
echo "<section name='studentsmodules' title='Mes modules' class='basic'><table class=basic><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
echo "<section name='studentsmodules' data-title='Mes modules' class='basic'><table class=basic><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
} ?>
@ -82,7 +82,7 @@ if( permission('teacher') ){ // si l'utilisateur est un prof
if( $answer->request == 'success' ){ // si on a bien récupéré les membres du groupe
////////////////////////////////////////////////////////////////////////////////
echo "<section name='teachersmodules' title='Mes modules' class='basic'>";
echo "<section name='teachersmodules' data-title='Mes modules' class='basic'>";
foreach($answer->UEs as $UE){
echo "<table class='basic'>";
@ -105,7 +105,7 @@ if( permission('teacher') ){ // si l'utilisateur est un prof
////////////////////////////////////////////////////////////////////////////////
echo '</section>';
}else
echo "<section name='teachersmodules' title='Mes modules' class='basic'><table class=basic><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
echo "<section name='teachersmodules' data-title='Mes modules' class='basic'><table class=basic><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
} ?>
@ -129,7 +129,7 @@ if( permission('admin') ){ // si l'utilisateur est un admin
if( $answer->request == 'success' ){ // si on a bien récupéré les membres du groupe
////////////////////////////////////////////////////////////////////////////////
echo "<section name='allmodules' title='Tous les modules' class='basic'>";
echo "<section name='allmodules' data-title='Tous les modules' class='basic'>";
foreach($answer->UEs as $UE){
echo "<table class='basic'>";
@ -152,7 +152,7 @@ if( permission('admin') ){ // si l'utilisateur est un admin
////////////////////////////////////////////////////////////////////////////////
echo '</section>';
}else
echo "<section name='allmodules' title='Tous les modules' class='basic'><table class='basic'><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
echo "<section name='allmodules' data-title='Tous les modules' class='basic'><table class='basic'><tbody><tr><td>Aucun module trouvé</td></tr></tbody></table></section>";
} ?>

View File

@ -6,7 +6,7 @@ require_once __ROOT__.'/manager/security.php';
/*** PROFILE ***/
/***************/
if( connected() ){ // si l'utilisateur est connecté
echo "<section name='myprofile' title='Profil'>";
echo "<section name='myprofile' data-title='Profil'>";
echo 'profil';
echo '</section>';