Changement du design, suppression du #SUBHEADER

css/global.css

@@ -119,45 +119,16 @@ table.basic tr:hover td{
 #CONTAINER section > p{
 	/* position */
 	padding: 1em;
-	margin-left: 1em;
+	margin: 1em;
 	
 	/* border */	
 	border-radius: 3px;
 	border: 1px solid #ddd;
-	box-shadow: 1px 1px 3px #ddd;
 
 	/* background */
 	background-color: #fff;
 }
 
-#CONTAINER section > p:before{
+#CONTAINER section > p:hover{
-	content: '';
+	box-shadow: 1px 1px 3px #ddd;
-	/* position */
-	display: block;
-	position: absolute;
-		top: calc( 2.7em - 3px );
-		left: calc( 1.1em - 5px );
-
-	/* border */
-	border: calc(1em + 3px) solid transparent;
-	border-right-color: #ddd;
-
-	/* Z */
-	z-index: -1;
-}
-
-#CONTAINER section > p:after{
-	content: '';
-	/* position */
-	display: block;
-	position: absolute;
-		top: 2.7em;
-		left: 1.1em;
-
-	/* border */
-	border: 1em solid transparent;
-	border-right-color: #fff;
-
-	/* Z */
-	z-index: 2;
 }

css/header.css

@@ -143,14 +143,9 @@
 
 
 /* logo AGAC */
-#HEADER .icon{
+#HEADER > nav.subsections{
 	/* position */
 	display: block;
-	width: 5em; /* pour faire un carré */
-
-	background: transparent url(../src/header/icon.svg) center center no-repeat;
-	background-size: 40%;
-
 }
 
 
@@ -201,14 +196,11 @@
 
 
 /******** SUBHEADER ********/
-#SUBHEADER nav{
+#HEADER > nav.subsections{
 	/* position */
 	display: flex;
-	position: absolute;
+	position: relative;
-		top: calc( 100% - 2em );
+		height: calc( 5em + 9px );
-		left: 0;
-		width: 100%;
-		height: 2em;
 
 	/* flex */
 	flex-direction: row;
@@ -218,6 +210,7 @@
 	/* foreground */
 	font-size: .9em;
 	font-weight: bold;
+	line-height: 5.5em;
 	text-transform: uppercase;
 
 	/* extra */
@@ -228,12 +221,12 @@
 	-o-user-select: none;
 }
 
-#SUBHEADER nav > span{
+#HEADER > nav.subsections > span{
 	/* position */
-	margin-left: 3em;
+	margin: 0 1.5em;
 
 	/* border */
-	border-bottom: 3px solid #fff;
+	border-bottom: 5px solid transparent;
 
 	/* animation */
 	transition: all .1s ease-in-out;
@@ -246,7 +239,7 @@
 	cursor: pointer;
 }
 
-#SUBHEADER nav > span:hover,
+#HEADER > nav.subsections > span:hover,
-#SUBHEADER nav > span.active{
+#HEADER > nav.subsections > span.active{
 	border-bottom-color: #2cab5f;
 }

css/layout.css

@@ -130,7 +130,7 @@ body{
 		justify-content: space-between;
 
 		/* border */
-		border-bottom: 1px solid #e5e5e5;
+		border-bottom: 1px solid #d2d3d5;
 
 		/* background */
 		background-color: #fff;
@@ -140,21 +140,7 @@ body{
 	}
 
 
-	#SUBHEADER{
+	#HEADER nav.subsections{
-		/* position */
-		display: block;
-		position: relative;
-			margin-top: 5em;
-			margin-left: 14em;
-			width: calc( 100% - 14em );
-			height: 10em;
-
-		/* border */
-		border-bottom: 1px solid #d2d3d5;
-
-		/* background */
-		background-color: #fff;
-
 		/* Z */
 		z-index: 8;
 	}
@@ -164,6 +150,7 @@ body{
 		/* position */
 		display: block;
 		position: relative;
+			margin-top: 5em;
 			margin-left: 14em;
 			width: calc( 100% - 14em );
 			/*min-height: 100%;*/

index.php

@@ -92,23 +92,10 @@ $notifNotifNum = 5;
 
 				</div>
 
-				<div class='icon'></div>
+				<nav class='subsections'></nav>
 				<input type='text' placeholder='Type for search' class='searchbar'>
 			</div>
 
-			<div id='SUBHEADER'>
-
-				<nav>
-					<!-- <span data-sectname='home' class='active'>Accueil    </span>
-					<span data-sectname='groups'>Groupes    </span>
-					<span data-sectname='case'>Suivi      </span>
-					<span data-sectname='modules'>Modules    </span>
-					<span data-sectname='marks'>Notes      </span>
-					<span data-sectname='settings'>Paramètres </span> -->
-				</nav>
-
-			</div>
-
 			<!-- CONTENEUR DE LA PAGE -->
 			<div id='CONTAINER'></div>
 

js/actionScript.js

@@ -40,7 +40,7 @@ var DOM = {
 		MENU      : document.querySelector('#MENU'),
 		HEADER    : document.querySelector('#HEADER'),
 		SUBHEADER : document.querySelector('#SUBHEADER'),
-			SUBSECTIONS : document.querySelector("#SUBHEADER > nav"),
+			SUBSECTIONS : document.querySelector("#HEADER > nav.subsections"),
 		CONTAINER : document.querySelector('#CONTAINER'),
 	AUTHFILTER : document.querySelector('#AUTH_FILTER'),
 	AUTH       : document.querySelector('#AUTH'),
@@ -121,14 +121,14 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
 				}
 
 				// si dans pageManager.js, on a une sous-partie et qu'elle existe physiquement
-				var selectedSubSectionFromURL = document.querySelector('#SUBHEADER > nav > span[data-sectname='+pageM.vars[0]+']');
+				var selectedSubSectionFromURL = document.querySelector('#HEADER > nav.subsections > span[data-sectname='+pageM.vars[0]+']');
 				
 				console.log( selectedSubSectionFromURL );
 
 				if( selectedSubSectionFromURL != null ) // si on trouve, on charge la sous-partie
 					selectSubSection( selectedSubSectionFromURL );
 				else // sinon, on selectionne celle définie dans le HTML
-					selectSubSection( document.querySelector('#SUBHEADER > nav > span.active') );
+					selectSubSection( document.querySelector('#HEADER > nav.subsections > span.active') );
 		
 			}, false);
 			
@@ -175,7 +175,7 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
 		if( subSection instanceof Element && subSection.tagName == 'SPAN' && subSection.dataset.hasOwnProperty('sectname') ){
 
 			// on essaie de récupérer l'ancien "lien"
-			var lastActive = document.querySelector('#SUBHEADER > nav > span.active');
+			var lastActive = document.querySelector('#HEADER > nav.subsections > span.active');
 			if( lastActive != null ) // si on a trouvé qqch
 				remClass(lastActive, 'active'); // on le désactive
 		

page/home.php

@@ -17,7 +17,20 @@ require_once __ROOT__.'/manager/groups.php';
 
 
 <section name='home' title='Présentation'>
-	<p data-pre='admin1'>Bienvenue sur la plateforme de gestion des étudiants de l'IUT Informatique de l'université Paul Sabatier, Toulouse 3</p>
+	<p data-pre='admin1'>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>
+
+	<p>Vous pouvez en tant qu'étudiant: <br>
+
+		 - Consulter votre groupe<br>
+		 - Consulter vos modules<br>
+		 - Consulter votre dossier (notes, graphiques, parcours)</p>
+			
+	<p>Vous pouvez en tant qu'enseignant: <br>
+		 - Consulter vos modules et vos groupes<br>
+		 - Consulter les dossier des étudiants auxquels vous avez accès<br>
+		 - Saisir des notes si vous en avez l'accès</p>
 	</section>
 
 <section name='groups' title='Groupes'>

page/semestre.php

@@ -1 +0,0 @@
-semestre.php

page/settings.php

@@ -1 +1,13 @@
-settings.php
+<?php define('__ROOT__', dirname(dirname(__FILE__)) );
+require_once __ROOT__.'/manager/security.php';
+
+
+/***************/
+/*** PROFILE ***/
+/***************/
+if( $_SESSION['identifiant'] != null ){ // si l'utilisateur est connecté
+	echo "<section name='myprofile' title='Profil'>";
+		echo 'profil';
+	echo '</section>';
+
+} ?>

src/userlist.json

@@ -4,7 +4,7 @@
 		"password"   : "eleve1password"
 	},
 	
-	"ydw1981a": {
+	"mrd1609a": {
 		"permissions": "student",
 		"password"   : "password"
 	},

xdoc/requêtes_sql_types.sql

@@ -65,6 +65,37 @@
  * [NOTE] est définie pour une [APPARTENANCE] ([ETUDIANT] dans un [GROUPE] un [SEMESTRE]) dans un [PROGRAMME] ([MODULE] d'un [UE] lors d'un [SEMESTRE])
  *
  *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * ACTIONS POSSIBLES
+ *===================
+ *
+ * Pour un utilisateur
+ *	- récupérer ses groupes lors de son parcours
+ *	- récupérer les semestres qu'il a fait
+ *	- récupérer les ue qu'il a fait
+ *	- récupérer les modules qu'il a eu
+ *	- récupérer les notes pour chaque module de chaque ue de chaque semestre de chaque annee
+ *
+ * Pour un enseignant
+ *	- récupérer ses modules de chaque année
+ *	- récupérer les groupes suivant ses modules
+ *	- 
+ *
+ *
+ *
+ *
+ *
+ * 
  */