Intégration complète du tutoriel et de la redirection associée ainsi que le css

css/global.css

@@ -479,4 +479,50 @@ td input[type=checkbox] + label{
 td input[type=checkbox]:checked + label{
 	border-color: #2dcc70;
 	background-image: url(../src/validate.svg);
+}
+
+
+
+
+
+
+
+/* PAGE D'ACCUEIL -> tutoriel */
+#CONTAINER > section[name=presentation] > p > img{
+	/* position */
+		width: 2em;
+		height: 2em;
+		margin: .5em;
+		padding: .5em;
+
+	/* border */
+	border-radius: 3px;
+	border: 1px solid transparent;
+
+	/* foreground */
+	vertical-align:middle;
+
+	/* animation */
+	transition: all .2s ease-in-out;
+	-moz-transition: all .2s ease-in-out;
+	-webkit-transition: all .2s ease-in-out;
+	-ms-transition: all .2s ease-in-out;
+	-o-transition: all .2s ease-in-out;
+
+	/* extra */
+	cursor: pointer;
+} 
+
+/* @hover */
+#CONTAINER > section[name=presentation] > p > img:hover{
+	border-color: #2dcc70;
+}
+
+
+
+
+
+/* astérisque */
+span._{
+	color: #2dcc70;
 }

js/actionScript.js

@@ -197,6 +197,10 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
 	*/
 	function selectSubSection(subSection){
 
+		// si la subSection est une string, on essaie de trouver l'élémnent associé
+		if( typeof subSection == 'string' )
+			subSection = document.querySelector('#HEADER > nav.subsection > span[data-sectname='+subSection+']');
+		
 		// si @subSection est un <Element> de type HGROUP [ET] 
 		if( subSection instanceof Element && subSection.tagName == 'SPAN' && subSection.dataset.hasOwnProperty('sectname') ){
 

page/_JS/home.js

@@ -0,0 +1,18 @@
+// on récupère toutes les images afin de gérer l'évènement
+var imgLinks = document.querySelectorAll('#CONTAINER > section[name=presentation] > p > img[data-sublink]');
+
+// pour chaque image, on créé l'évènement
+for( var i = 0 ; i < imgLinks.length ; i++ ){
+
+	// évènement (click)
+	imgLinks[i].addEventListener('click', function(e){
+		// si possède l'attribut "data-sublink" et qu'il est composé de 2 chaines (lettres uniquement) séparées par un "/"
+		if( e.target.tagName == 'IMG' && e.target.dataset.hasOwnProperty('sublink') && /^([a-z]+)\/([a-z]+)$/i.test(e.target.dataset.sublink) ){
+			pageM.vars = [];            // on supprime les paramètres de l'URL
+			pageM.vars[0] = RegExp.$2;  // on définit la sous-section
+			selectSection( RegExp.$1 ); // on sélectionne la section
+		}
+
+	}, false);
+
+}

page/groups.php

@@ -538,7 +538,7 @@ function anneeScolaire($year){ return $year.' - '.($year+1); }
 /*** IMPORTATION FICHIER EXCEL ***/
 /*********************************/
 if( permission('admin') ){
-	echo "<section name='importexcel' data-title='import / export'>";
+	echo "<section name='importuserlist' data-title='import / export'>";
 
 	/* [1] Exportation
 	==========================================*/

page/home.php

@@ -17,21 +17,114 @@ require_once __ROOT__.'/manager/groups.php';
 
 
 <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>
+	<p>Bienvenue sur la plateforme de gestion des étudiants du département informatique de l'IUT "A" Rangueil 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>
 
-	<p>Vous pouvez en tant qu'étudiant: <br>
 
-		 - Consulter votre groupe<br>
+	<?php
-		 - Consulter vos modules<br>
+	/********************/
-		 - Consulter votre dossier (notes, graphiques, parcours)</p>
+	/* VERSION ETUDIANT */
+	/********************/
+	if( permission('student') ){ ?>
+
+		<p>
+			<strong>Groupes</strong><br>
+				<img data-sublink='groups/studentallgroups' src='src/menu/menu_icon/groups@hover.svg'/>Consulter les autres groupes<br>
+				<img data-sublink='groups/studentsgroup'    src='src/menu/menu_icon/groups@hover.svg'/>Consulter votre groupe actuel<br>
 			
-	<p>Vous pouvez en tant qu'enseignant: <br>
+			<strong>Modules</strong><br>
-		 - Consulter vos modules et vos groupes<br>
+			<img data-sublink='modules/studentsmodules'     src='src/menu/menu_icon/modules@hover.svg'/>Consulter vos modules<br>
-		 - Consulter les dossier des étudiants auxquels vous avez accès<br>
+			
-		 - Saisir des notes si vous en avez l'accès</p>
+			<strong>Notes</strong><br>
-	</section>
+			<img data-sublink='career/marksbyue'            src='src/menu/menu_icon/career@hover.svg'/>Consulter vos notes<br>
+			
+			<strong>Paramètres</strong><br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Visualiser votre profil<br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Modifier votre profil<br>
+
+	<?php } ?>
+
+
+
+
+	<?php
+	/**************************/
+	/* VERSION ADMINISTRATEUR */
+	/**************************/
+	if( permission('admin') ){ ?>
+
+		<p>
+			<strong>Groupes</strong><br>
+				<img data-sublink='groups/movestudents'     src='src/menu/menu_icon/groups@hover.svg'/>Consulter la liste de tous les groupes de l'année<br>
+				<img data-sublink='groups/movestudents'     src='src/menu/menu_icon/groups@hover.svg'/>Déplacer des étudiants d'un groupe à un autre<br>
+				<img data-sublink='groups/importuserlist'   src='src/menu/menu_icon/groups@hover.svg'/>Importer une liste d'élèves pour un semestre<br>
+				<img data-sublink='groups/importuserlist'   src='src/menu/menu_icon/groups@hover.svg'/>Exporter la liste des élèves d'un semestre<br>
+			
+			<strong>Modules</strong><br>
+			<img data-sublink='modules/allmodules'          src='src/menu/menu_icon/modules@hover.svg'/>Consulter tous les modules de l'année<br>
+			<img data-sublink='modules/importmcc'           src='src/menu/menu_icon/modules@hover.svg'/>Importer les MCC d'un semestre existant <span class='_'>*</span><br>
+			<span class='unstressed'>(*) Avant d'importer les MCC d'un semestre, il vous faudra le créer en amont.</span><br>
+			<img data-sublink='modules/createsemestre'      src='src/menu/menu_icon/modules@hover.svg'/>Créer un nouveau semestre<br>
+			<img data-sublink='modules/importmcc'           src='src/menu/menu_icon/modules@hover.svg'/>Exporter les MCC d'un semestre<br>
+			
+			<strong>Notes</strong><br>
+			<img data-sublink='career/allcontroles'         src='src/menu/menu_icon/career@hover.svg'/>Consulter tous les contrôles de l'année<br>
+			<img data-sublink='career/allcontroles'         src='src/menu/menu_icon/career@hover.svg'/>Consulter les notes en cliquant sur le <span class='link'>nom</span> d'un contrôle<br>
+			<img data-sublink='career/allcontroles'         src='src/menu/menu_icon/career@hover.svg'/>Saisir des notes en cliquant sur le <span class='link'>nom</span> d'un groupe<br>
+			<img data-sublink='career/allcontroles'         src='src/menu/menu_icon/career@hover.svg'/>Importer des notes d'un contrôle en cliquant sur <span class='link'>importer notes</span><br>
+			
+			<strong>Paramètres</strong><br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Visualiser votre profil<br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Modifier votre profil<br>
+			<img data-sublink='settings/attributionrole'    src='src/menu/menu_icon/settings@hover.svg'/>Modifier les rôles des autres utilisateurs<br>
+
+	<?php } ?>
+
+
+
+
+	<?php
+	/**********************/
+	/* VERSION ENSEIGNANT */
+	/**********************/
+	if( permission('teacher') ){ ?>
+
+		<p>
+			<strong>Groupes</strong><br>
+				<img data-sublink='groups/teachersgroups'   src='src/menu/menu_icon/groups@hover.svg'/>Consulter la liste de vos élèves<br>
+			
+			<strong>Modules</strong><br>
+			<img data-sublink='modules/teachersmodules'     src='src/menu/menu_icon/modules@hover.svg'/>Consulter les modules que vous pouvez corriger<br>
+			
+			<strong>Notes</strong><br>
+			<img data-sublink='career/controlesenseignants' src='src/menu/menu_icon/career@hover.svg'/>Consulter les contrôles que vous pouvez corriger<br>
+			<img data-sublink='career/controlesenseignants' src='src/menu/menu_icon/career@hover.svg'/>Consulter les notes en cliquant sur le <span class='link'>nom</span> d'un contrôle<br>
+			<img data-sublink='career/controlesenseignants' src='src/menu/menu_icon/career@hover.svg'/>Saisir des notes en cliquant sur le <span class='link'>nom</span> d'un groupe<br>
+			<img data-sublink='career/controlesenseignants' src='src/menu/menu_icon/career@hover.svg'/>Importer des notes d'un contrôle en cliquant sur <span class='link'>importer notes</span><br>
+			
+			<strong>Paramètres</strong><br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Visualiser votre profil<br>
+			<img data-sublink='settings/profil'             src='src/menu/menu_icon/settings@hover.svg'/>Modifier votre profil<br>
+
+	<?php } ?>
+	
+
+
+
+</section>
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 <?php /* [2] Notifications