Ajout du lien vers les notifications
This commit is contained in:
parent
a2b42accbc
commit
d405e37885
|
@ -44,7 +44,7 @@
|
||||||
#HEADER .notifbar .notification:hover{ background-image: url(../src/header/notifbar/notification@hover.svg); }
|
#HEADER .notifbar .notification:hover{ background-image: url(../src/header/notifbar/notification@hover.svg); }
|
||||||
|
|
||||||
/* affichage du nombre de notifications */
|
/* affichage du nombre de notifications */
|
||||||
#HEADER .notifbar div[data-num]::after{
|
#HEADER .notifbar div[data-num]:after{
|
||||||
content: attr(data-num);
|
content: attr(data-num);
|
||||||
/* position */
|
/* position */
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -66,9 +66,16 @@
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 1em;
|
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'; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
* [b] sous-parties *
|
* [b] sous-parties *
|
||||||
* [3] Gestion de l'authentification *
|
* [3] Gestion de l'authentification *
|
||||||
* [4] Gestion des formulaires *
|
* [4] Gestion des formulaires *
|
||||||
|
* [5] Gestion des liens spécifiques *
|
||||||
* *
|
* *
|
||||||
* *
|
* *
|
||||||
* *
|
* *
|
||||||
|
@ -44,7 +45,8 @@ var DOM = {
|
||||||
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'),
|
||||||
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.';
|
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);
|
|
@ -33,6 +33,14 @@ require_once __ROOT__.'/manager/groups.php';
|
||||||
- Saisir des notes si vous en avez l'accès</p>
|
- Saisir des notes si vous en avez l'accès</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section name='notifications' title='Notifications'>
|
||||||
|
<p>Notification 3</p>
|
||||||
|
<p>Notification 2</p>
|
||||||
|
<p>Notification 1</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section name='groups' title='Groupes'>
|
<section name='groups' title='Groupes'>
|
||||||
<p>Vous pouvez consulter votre groupe ainsi que tous les groupes de votre semestre.</p>
|
<p>Vous pouvez consulter votre groupe ainsi que tous les groupes de votre semestre.</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue