From ab992af2b4a887d421714c6c5c5d8ea786f12a60 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Thu, 22 Oct 2015 12:07:41 +0200
Subject: [PATCH] =?UTF-8?q?D=C3=A9connection=20par=20clic=20sur=20"usernam?=
 =?UTF-8?q?e"=20ou=20sur=20bouton=20sp=C3=A9cial?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/header.css     |  5 ++--
 css/layout.css     |  2 +-
 css/menu.css       | 38 ++++++++++++++++++-----
 index.php          |  8 ++---
 js/actionScript.js | 20 +++++++------
 src/close.svg      | 75 ++++++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 124 insertions(+), 24 deletions(-)
 create mode 100644 src/close.svg

diff --git a/css/header.css b/css/header.css
index feb0059..4a52993 100755
--- a/css/header.css
+++ b/css/header.css
@@ -105,7 +105,7 @@
 	background-size: 1em auto;
 
 	/* foreground */
-	color: #aaa;
+	color: #395873;
 	line-height: 2.5em;
 
 	/* animation */
@@ -119,7 +119,7 @@
 #HEADER .searchbar:focus{
 
 	background-image: url(../src/header/search@hover.svg);
-	color: #223343;
+	color: #17232f;
 }
 
 
@@ -181,6 +181,7 @@
 }
 
 
+
 /* BOUTON POUR LA DÉCONNECTION */
 #SUBHEADER #LOGOUT{
 	/* position */
diff --git a/css/layout.css b/css/layout.css
index e49cdfa..5c0cac6 100755
--- a/css/layout.css
+++ b/css/layout.css
@@ -288,4 +288,4 @@ body{
 #AUTH input[type=button]:hover{
 	background-color: #3dcc70;
 	color: #fff;
-}
\ No newline at end of file
+}
diff --git a/css/menu.css b/css/menu.css
index fe34fe9..0213311 100755
--- a/css/menu.css
+++ b/css/menu.css
@@ -43,19 +43,38 @@
 
 #MENU .userdata:hover{ background-color: #2dcc70; }
 
-/* quand l'utilisateur est connecté */
-#MENU .userdata.M,
-#MENU .userdata.F{
-	background-color: #2dcc70;
-	cursor: default;
-}
-
-
 /* quand c'est un homme */
 #MENU .userdata.M{ background-image: url(../src/menu/userdata/male.svg); }
 
 /* quand c'est une femme */
 #MENU .userdata.F{ background-image: url(../src/menu/userdata/female.svg); }
+
+
+/* quand on est connecté, afficher le bouton de déconnection */
+#MENU .userdata.M:hover,
+#MENU .userdata.F:hover{ background-image: url(../src/menu/userdata/visitor.svg); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -132,3 +151,6 @@
 #MENU span:nth-child(6).active{ background-image: url(../src/menu/menu_icon/marks@hover.svg);    }
 #MENU span:nth-child(7):hover,
 #MENU span:nth-child(7).active{ background-image: url(../src/menu/menu_icon/settings@hover.svg); }
+
+
+
diff --git a/index.php b/index.php
index 9432e12..e2cec47 100755
--- a/index.php
+++ b/index.php
@@ -84,16 +84,16 @@ $notifNotifNum   = 5;
 					
 					<?php
 						/* membres */
-						if( $memberNotifNum > 0 ) echo "<div class='member' data-num='".$memberNotifNum."'></div>";
-						else                      echo "<div class='member'></div>";
+						if( $memberNotifNum > 0 )  echo "<div class='member' data-num='".$memberNotifNum."'></div>";
+						else                       echo "<div class='member'></div>";
 
 						/* messages */
 						if( $messageNotifNum > 0 ) echo "<div class='message' data-num='".$messageNotifNum."'></div>";
 						else                       echo "<div class='message'></div>";
 
 						/* notifications */
-						if( $notifNotifNum > 0 ) echo "<div class='notification' data-num='".$notifNotifNum."'></div>";
-						else                     echo "<div class='notification'></div>";
+						if( $notifNotifNum > 0 )   echo "<div class='notification' data-num='".$notifNotifNum."'></div>";
+						else                       echo "<div class='notification'></div>";
 					?>
 				</div>
 
diff --git a/js/actionScript.js b/js/actionScript.js
index bb445c6..c5ecaaa 100755
--- a/js/actionScript.js
+++ b/js/actionScript.js
@@ -181,15 +181,17 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connection' );
 
 /* [3] GESTION DE L'AUTHENTIFICATION
 ==============================================================*/
-// ouvre l'interface d'authentification quand click
-	if( !connected ) // zone verte si pas connecté
-		DOM.MENU.children[0].addEventListener('click', function(e){
-			DOM.AUTHFILTER.className = 'active';
-		}, false);
-	else             // sinon bouton de déconnection
-		DOM.LOGOUT.addEventListener('click', function(e){
-			DOM.AUTHFILTER.className = 'active';
-		}, false);
+// ouvre l'interface d'authentification quand click sur zone verte
+DOM.MENU.children[0].addEventListener('click', function(e){
+	DOM.AUTHFILTER.className = 'active';
+}, false);
+
+
+if( connected ) // bouton spécial si connecté
+	DOM.LOGOUT.addEventListener('click', function(e){
+		DOM.AUTHFILTER.className = 'active';
+	}, false);
+		
 
 // ferme l'interface d'authentification quand clic sur filtre
 DOM.AUTHFILTER.addEventListener('click', function(e){
diff --git a/src/close.svg b/src/close.svg
new file mode 100644
index 0000000..fe54b84
--- /dev/null
+++ b/src/close.svg
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="22px"
+   version="1.1"
+   viewBox="0 0 22 22"
+   width="22px"
+   id="svg2"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="1445525197_circle_close_delete.svg">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="640"
+     inkscape:window-height="480"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="10.727273"
+     inkscape:cx="11"
+     inkscape:cy="11"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <defs
+     id="defs6">
+    <path
+       d="M11,22 C17.0751325,22 22,17.0751325 22,11 C22,4.92486745 17.0751325,0 11,0 C4.92486745,0 0,4.92486745 0,11 C0,17.0751325 4.92486745,22 11,22 L11,22 Z M11,21 C16.5228478,21 21,16.5228478 21,11 C21,5.47715223 16.5228478,1 11,1 C5.47715223,1 1,5.47715223 1,11 C1,16.5228478 5.47715223,21 11,21 Z M6.75735931,15.9497475 L6.05025253,15.2426407 L10.2928932,11 L6.05025253,6.75735931 L6.75735931,6.05025253 L11,10.2928932 L15.2426407,6.05025253 L15.9497475,6.75735931 L11.7071068,11 L15.9497475,15.2426407 L15.2426407,15.9497475 L11,11.7071068 L6.75735931,15.9497475 Z"
+       id="path-1" />
+  </defs>
+  <g
+     fill="none"
+     fill-rule="evenodd"
+     id="miu"
+     stroke="none"
+     stroke-width="1">
+    <g
+       id="circle_close_delete_outline_stroke">
+      <use
+         fill="#000000"
+         fill-rule="evenodd"
+         xlink:href="#path-1"
+         id="use11" />
+      <use
+         fill="none"
+         xlink:href="#path-1"
+         id="use13" />
+    </g>
+  </g>
+</svg>