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'; 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{ #DRAGNDROP{
/* position */ /* position */
/*display: block;*/ display: none; /*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 */ /* affichage du formulaire si filtre actif */
#AUTH_FILTER.active + #AUTH{ top: 10em; } #WRAPPER.blurred ~ #AUTH{ top: 10em; }

27
js/actionScript.js
View File

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