Ajout du lien vers les notifications

This commit is contained in:
xdrm-brackets 2015-11-01 00:16:23 +01:00
parent a2b42accbc
commit d405e37885
3 changed files with 29 additions and 4 deletions

View File

@ -44,7 +44,7 @@
#HEADER .notifbar .notification:hover{ background-image: url(../src/header/notifbar/notification@hover.svg); }
/* affichage du nombre de notifications */
#HEADER .notifbar div[data-num]::after{
#HEADER .notifbar div[data-num]:after{
content: attr(data-num);
/* position */
display: block;
@ -66,9 +66,16 @@
font-size: 11px;
text-align: center;
line-height: 1em;
/* animation */
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
}
#HEADER .notifbar div[data-num='']::after{ content: '0'; }
#HEADER .notifbar div[data-num='']:after{ content: '0'; }

View File

@ -14,6 +14,7 @@
* [b] sous-parties *
* [3] Gestion de l'authentification *
* [4] Gestion des formulaires *
* [5] Gestion des liens spécifiques *
* *
* *
* *
@ -44,7 +45,8 @@ var DOM = {
CONTAINER : document.querySelector('#CONTAINER'),
AUTHFILTER : document.querySelector('#AUTH_FILTER'),
AUTH : document.querySelector('#AUTH'),
LOGOUT : document.querySelector('#HEADER #LOGOUT')
LOGOUT : document.querySelector('#HEADER #LOGOUT'),
NOTIFBTN : document.querySelector('#HEADER > .notifbar > .notification')
};
@ -327,4 +329,12 @@ initForm( // initialisation du formulaire de connection
document.querySelector('#AUTH .errorbox').innerHTML = 'Identifiants incorrects.';
});
}
);
);
/* [5] GESTION DES LIENS SPÉCIFIQUES
==============================================================*/
DOM.NOTIFBTN.addEventListener('click', function(e){
pageM.vars[0] = 'notifications';
selectSection( document.querySelector('#MENU > span[data-link=home]') );
}, false);

View File

@ -33,6 +33,14 @@ require_once __ROOT__.'/manager/groups.php';
- Saisir des notes si vous en avez l'accès</p>
</section>
<section name='notifications' title='Notifications'>
<p>Notification 3</p>
<p>Notification 2</p>
<p>Notification 1</p>
</section>
<section name='groups' title='Groupes'>
<p>Vous pouvez consulter votre groupe ainsi que tous les groupes de votre semestre.</p>
</section>