dut
/
sid
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Modification du formulaire de connection/déconnection (flou au lieu de foncé)

This commit is contained in:
xdrm-brackets 2015-11-06 16:23:00 +01:00
parent dcf23ef06a
commit 60c8800965
2 changed files with 25 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/layout.css
View File

@ -52,6 +52,16 @@ body{
font: 16px 'Ubuntu', 'Open Sans', 'Helvetica Neue', 'Arial', 'sans-serif';
}
/* @blurred */
*.blurred{
filter: blur(2px);
-moz-filter: blur(2px);
-webkit-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
}
#DRAGNDROP{
/* position */
/*display: block;*/ display: none;
@ -164,26 +174,6 @@ body{
}
#AUTH_FILTER{
/* position */
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background */
background-color: rgba(0, 0, 0,.5);
/* Z */
z-index: 100;
}
/* affichage du filtre si actif */
#AUTH_FILTER.active{ display: block; }
@ -216,7 +206,7 @@ body{
}
/* affichage du formulaire si filtre actif */
#AUTH_FILTER.active + #AUTH{ top: 10em; }
#WRAPPER.blurred ~ #AUTH{ top: 10em; }

33
js/actionScript.js
View File

@ -206,28 +206,22 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
/* [3] GESTION DE L'AUTHENTIFICATION
==============================================================*/
// ouvre l'interface d'authentification quand click
DOM.LOGOUT.addEventListener('click', function(e){ // sur bouton
DOM.AUTHFILTER.className = 'active';
}, false);
// ouvre l'interface d'authentification quand click sur bouton prévu à cet effet
DOM.LOGOUT.addEventListener('mouseup', function(e){ addClass(DOM.WRAPPER, 'blurred'); }, false);
if( !connected ) // sur zone verte si pas connecté
DOM.MENU.children[0].addEventListener('click', function(e){
addClass(DOM.AUTHFILTER, 'active');
}, false);
DOM.MENU.children[0].addEventListener('mouseup', function(e){ addClass(DOM.WRAPPER, 'blurred'); }, false);
else // sinon amène sur le profil
DOM.MENU.children[0].addEventListener('click', function(e){
DOM.MENU.children[0].addEventListener('mouseup', function(e){
pageM.vars[0] = 'myprofile';
selectSection( document.querySelector('#MENU span[data-link=settings]') );
selectSection( document.querySelector('#MENU > span[data-link=settings]') );
}, false);
// ferme l'interface d'authentification quand clic sur filtre
DOM.AUTHFILTER.addEventListener('click', function(e){
remClass(DOM.AUTHFILTER, 'active');
}, false);
// ferme l'interface d'authentification quand clic autre part que sur zone AUTH
DOM.WRAPPER.addEventListener('mousedown', function(e){ remClass(DOM.WRAPPER, 'blurred'); }, false);
@ -334,7 +328,8 @@ initForm( // initialisation du formulaire de connection
/* [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);
if( DOM.NOTIFBTN != null )
DOM.NOTIFBTN.addEventListener('click', function(e){
pageM.vars[0] = 'notifications';
selectSection( document.querySelector('#MENU > span[data-link=home]') );
}, false);