Changement du design, suppression du #SUBHEADER

This commit is contained in:
xdrm-brackets 2015-10-30 12:52:50 +01:00
parent 29f634f5d4
commit d016a9b0b5
10 changed files with 80 additions and 87 deletions

View File

@ -119,45 +119,16 @@ table.basic tr:hover td{
#CONTAINER section > p{ #CONTAINER section > p{
/* position */ /* position */
padding: 1em; padding: 1em;
margin-left: 1em; margin: 1em;
/* border */ /* border */
border-radius: 3px; border-radius: 3px;
border: 1px solid #ddd; border: 1px solid #ddd;
box-shadow: 1px 1px 3px #ddd;
/* background */ /* background */
background-color: #fff; 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;
} }

View File

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

View File

@ -130,7 +130,7 @@ body{
justify-content: space-between; justify-content: space-between;
/* border */ /* border */
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #d2d3d5;
/* background */ /* background */
background-color: #fff; 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 */
z-index: 8; z-index: 8;
} }
@ -164,6 +150,7 @@ body{
/* position */ /* position */
display: block; display: block;
position: relative; position: relative;
margin-top: 5em;
margin-left: 14em; margin-left: 14em;
width: calc( 100% - 14em ); width: calc( 100% - 14em );
/*min-height: 100%;*/ /*min-height: 100%;*/

View File

@ -92,23 +92,10 @@ $notifNotifNum = 5;
</div> </div>
<div class='icon'></div> <nav class='subsections'></nav>
<input type='text' placeholder='Type for search' class='searchbar'> <input type='text' placeholder='Type for search' class='searchbar'>
</div> </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 --> <!-- CONTENEUR DE LA PAGE -->
<div id='CONTAINER'></div> <div id='CONTAINER'></div>

View File

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

View File

@ -17,7 +17,20 @@ require_once __ROOT__.'/manager/groups.php';
<section name='home' title='Présentation'> <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>
<section name='groups' title='Groupes'> <section name='groups' title='Groupes'>

View File

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

View File

@ -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>';
} ?>

View File

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

View File

@ -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]) * [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
* -
*
*
*
*
*
*
*/ */