From aa722e40e2fcef66e7b063c55be6c2c171d16da2 Mon Sep 17 00:00:00 2001
From: "bruno.spyckerelle" <bruno.spyckerelle@aviation-civile.gouv.fr>
Date: Tue, 11 Oct 2016 17:41:57 +0200
Subject: [PATCH] =?UTF-8?q?Affordance++=20s=C3=A9lection=20tribune=20affic?=
 =?UTF-8?q?h=C3=A9e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/layout.css | 4 ++++
 js/board.js    | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/css/layout.css b/css/layout.css
index 82b808c..42b6c96 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -292,6 +292,10 @@ body {
     float: right;
 }
 
+.tab:not(.active) a {
+    color: #666 !important;
+}
+
 .sidebar-nav li a {
     display: block;
     text-decoration: none;
diff --git a/js/board.js b/js/board.js
index 431e37c..b93e47e 100644
--- a/js/board.js
+++ b/js/board.js
@@ -372,7 +372,7 @@ function BoardTabAddTab (boardTab) {
     // Ajout de l'onglet
     board.loadConfig();
     board.updateCSS();
-    var tab = $('<li id="'+"tab-"+board.name+'" class="'+"tab tab-"+board.name+'"><a href="#"><span class="glyphicon glyphicon-check"></span> '+board.name+' </a></li>');
+    var tab = $('<li id="'+"tab-"+board.name+'" class="'+"tab tab-"+board.name+' active"><a href="#"><span class="glyphicon glyphicon-check"></span> '+board.name+' </a></li>');
     tab.css('background-color', board.color);
     //TODO gérer ailleurs
     addEvent(tab[0], "click", function (e) { clickBoard(board.name, e); }, false);
@@ -491,7 +491,7 @@ function BoardTabDisplay(boardTab) {
     var css = getStyleClass("pinni-"+boardTab.board.name);
     if (css) {
         css.style.display = 'block';
-        $(boardTab.tab()).find('span.glyphicon').addClass('glyphicon-check').removeClass('glyphicon-ban-circle');
+        $(boardTab.tab()).addClass('active').find('span.glyphicon').addClass('glyphicon-check').removeClass('glyphicon-none');
     }
     boardTab.visible = true;
     //remove notif
@@ -504,7 +504,7 @@ function BoardTabHide(boardTab) {
     var css = getStyleClass("pinni-"+boardTab.board.name);
     if (css) {
         css.style.display = 'none';
-        $(boardTab.tab()).find('span.glyphicon').removeClass('glyphicon-check').addClass('glyphicon-ban-circle');
+        $(boardTab.tab()).removeClass('active').find('span.glyphicon').removeClass('glyphicon-check').addClass('glyphicon-none');
     }
     boardTab.visible = false;
 }