Changement du design, suppression du #SUBHEADER
This commit is contained in:
xdrm-brackets
parent
29f634f5d4
commit
d016a9b0b5
|
|
@ -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{
|
||||
content: '';
|
||||
/* 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;
|
||||
#CONTAINER section > p:hover{
|
||||
box-shadow: 1px 1px 3px #ddd;
|
||||
}
|
||||
|
|
@ -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;
|
||||
top: calc( 100% - 2em );
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
position: relative;
|
||||
height: calc( 5em + 9px );
|
||||
|
||||
/* 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,
|
||||
#SUBHEADER nav > span.active{
|
||||
#HEADER > nav.subsections > span:hover,
|
||||
#HEADER > nav.subsections > span.active{
|
||||
border-bottom-color: #2cab5f;
|
||||
}
|
||||
|
|
@ -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{
|
||||
/* 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;
|
||||
|
||||
#HEADER nav.subsections{
|
||||
/* 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%;*/
|
||||
|
|
|
|||
15
index.php
15
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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -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'>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
semestre.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>';
|
||||
|
||||
} ?>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
"password" : "eleve1password"
|
||||
},
|
||||
|
||||
"ydw1981a": {
|
||||
"mrd1609a": {
|
||||
"permissions": "student",
|
||||
"password" : "password"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -64,6 +64,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
|
||||
* -
|
||||
*
|
||||
*
|
||||
*
|
||||
*
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue