[Administration] Header : tri producteurs hors-ligne

backend/web/css/screen.css

   top: -2px;
   left: 0px;
 }
-/* line 87, ../sass/_adminlte.scss */
+/* line 85, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .nav li.producer-menu #link-display-producers-offline {
+  color: #FF7F00;
+}
+/* line 89, ../sass/_adminlte.scss */
+body.skin-black .main-header .navbar .nav li.producer-menu .offline {
+  display: none;
+}
+/* line 95, ../sass/_adminlte.scss */
 body.skin-black .sidebar-menu > li.active > a {
   border-color: #FF7F00;
 }
-/* line 91, ../sass/_adminlte.scss */
+/* line 99, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper {
   background-color: #f5f5f5;
 }
-/* line 94, ../sass/_adminlte.scss */
+/* line 102, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .content-header {
   background-color: #F5F5F5;
   padding-bottom: 15px;
   border-bottom: solid 1px #e0e0e0;
   border-top: solid 1px #e0e0e0;
 }
-/* line 100, ../sass/_adminlte.scss */
+/* line 108, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .content-header .btn {
   padding: 3px 6px;
   font-size: 10px;
   font-family: Arial;
   text-transform: uppercase;
 }
-/* line 107, ../sass/_adminlte.scss */
+/* line 115, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .content-header h1 {
   font-family: "highvoltageregular";
 }
-/* line 114, ../sass/_adminlte.scss */
+/* line 122, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper a {
   color: #FF7F00;
 }
-/* line 118, ../sass/_adminlte.scss */
+/* line 126, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .btn {
   color: white;
 }
-/* line 122, ../sass/_adminlte.scss */
+/* line 130, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .btn-default {
   color: #333;
   background-color: white;
 }
-/* line 127, ../sass/_adminlte.scss */
+/* line 135, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .btn-primary {
   background-color: #FF7F00;
   color: white;
   border-color: #FF7F00;
 }
-/* line 134, ../sass/_adminlte.scss */
+/* line 142, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .alert a {
   color: white;
 }
-/* line 137, ../sass/_adminlte.scss */
+/* line 145, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .alert a.btn {
   color: #333;
   text-decoration: none;
 }
-/* line 142, ../sass/_adminlte.scss */
+/* line 150, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .alert .close {
   font-size: 30px;
   position: relative;
   color: white;
   opacity: 0.6;
 }
-/* line 150, ../sass/_adminlte.scss */
+/* line 158, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .alert .close:hover {
   opacity: 1;
 }
-/* line 157, ../sass/_adminlte.scss */
+/* line 165, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .callout h4 .fa {
   margin-right: 7px;
 }
-/* line 160, ../sass/_adminlte.scss */
+/* line 168, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .callout a {
   color: white;
 }
-/* line 163, ../sass/_adminlte.scss */
+/* line 171, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .callout .btn {
   color: #333;
   text-decoration: none;
 }
-/* line 170, ../sass/_adminlte.scss */
+/* line 178, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .table th {
   font-size: 13px;
 }
-/* line 173, ../sass/_adminlte.scss */
+/* line 181, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .table th.column-actions, body.skin-black .content-wrapper .table td.column-actions {
   width: 150px;
   text-align: right;
 }
-/* line 177, ../sass/_adminlte.scss */
+/* line 185, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .table td.text-small, body.skin-black .content-wrapper .table th.text-small {
   font-size: 12px;
 }
-/* line 182, ../sass/_adminlte.scss */
+/* line 190, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .pagination > .active > a, body.skin-black .content-wrapper .pagination > .active > span, body.skin-black .content-wrapper .pagination > .active > a:hover, body.skin-black .content-wrapper .pagination > .active > span:hover, body.skin-black .content-wrapper .pagination > .active > a:focus, body.skin-black .content-wrapper .pagination > .active > span:focus {
   background-color: #FF7F00;
   border: solid 1px #FF7F00;
   color: white;
 }
-/* line 187, ../sass/_adminlte.scss */
+/* line 195, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .pagination > li > a, body.skin-black .content-wrapper .pagination > li > span {
   color: #FF7F00;
 }
-/* line 189, ../sass/_adminlte.scss */
+/* line 197, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .pagination > li > a:hover, body.skin-black .content-wrapper .pagination > li > span:hover {
   color: #cc6600;
 }
-/* line 194, ../sass/_adminlte.scss */
+/* line 202, ../sass/_adminlte.scss */
 body.skin-black .content-wrapper .submenu {
   margin-bottom: 25px;
 }
-/* line 200, ../sass/_adminlte.scss */
+/* line 208, ../sass/_adminlte.scss */
 body.skin-black .main-footer a {
   color: #FF7F00;
 }
 
-/* line 206, ../sass/_adminlte.scss */
+/* line 214, ../sass/_adminlte.scss */
 body.login-page {
   background: none;
   background-color: white;
 }
-/* line 210, ../sass/_adminlte.scss */
+/* line 218, ../sass/_adminlte.scss */
 body.login-page .login-box .login-logo {
   text-align: center;
   font-family: "comfortaalight";
 }
-/* line 213, ../sass/_adminlte.scss */
+/* line 221, ../sass/_adminlte.scss */
 body.login-page .login-box .login-logo img {
   width: 50px;
 }
-/* line 218, ../sass/_adminlte.scss */
+/* line 226, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body .btn-primary {
   background-color: #FF7F00;
   border-color: #FF7F00;
   padding: 5px 10px;
 }
-/* line 223, ../sass/_adminlte.scss */
+/* line 231, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body .btn-primary:active {
   background-color: #ff8c1a;
   border-color: #FF7F00;
 }
-/* line 229, ../sass/_adminlte.scss */
+/* line 237, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body a {
   color: #FF7F00;
 }
-/* line 231, ../sass/_adminlte.scss */
+/* line 239, ../sass/_adminlte.scss */
 body.login-page .login-box .login-box-body a:hover {
   color: #ff8c1a;
 }

backend/web/js/backend.js

     opendistrib_user_index();
     opendistrib_menu_treeview();
     opendistrib_select2();
+    opendistrib_dropdown_producers();
 });
 
 var UrlManager = {
     }
 };
 
+function opendistrib_dropdown_producers() {
+    $('#link-display-producers-offline').click(function() {
+        $(this).hide();
+        $('.producer-menu .offline').show();
+        return false;
+    });
+}
+
 function opendistrib_popover() {
     $('button[data-toggle=popover], a[data-toggle=popover]').popover();
 }

backend/web/sass/_adminlte.scss

                 position: relative ;
                 top: -2px ;
                 left: 0px ;
-            }   
+            }
+
+            #link-display-producers-offline {
+                color: $color1;
+            }
+
+            .offline {
+                display: none;
+            }
         }
     }