From f4921f57510e0cc058371bb8e9c6fedd87d3a463 Mon Sep 17 00:00:00 2001
From: Juliette Cougnoux <jcougnoux+git@evolix.fr>
Date: Fri, 20 Jul 2018 18:45:29 +0200
Subject: [PATCH] First design for checks list.

---
 app/frontend/scss/components/checks.scss | 38 ++++++++++++++++++++++++
 app/views/checks/_filters.html.erb       |  4 +--
 app/views/checks/_table.html.erb         |  2 +-
 3 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/app/frontend/scss/components/checks.scss b/app/frontend/scss/components/checks.scss
index 83f2ea3..dba6083 100644
--- a/app/frontend/scss/components/checks.scss
+++ b/app/frontend/scss/components/checks.scss
@@ -6,3 +6,41 @@
     color: black;
   }
 }
+
+.btn.btn-sm {
+  font-weight: bold;
+}
+
+.SSL, .ssl:hover, .btn.btn-sm.btn-info.active.ssl {
+  background-color: map-get($theme-colors, quaternary);
+  color: #ffffff; 
+}
+
+.btn.btn-sm.btn-outline-info.domain:hover, .btn.btn-sm.btn-outline-info.ssl:hover, .btn.btn-sm.btn-outline-info.with_error:hover {
+  color: #ffffff;
+}
+
+.btn.btn-sm.btn-info.ssl, .btn.btn-sm.btn-outline-info.ssl {
+  border-color: map-get($theme-colors, quaternary);
+  color: map-get($theme-colors, quaternary);
+}
+
+.Domaine, .Domain, .domain:hover, .btn.btn-sm.btn-info.active.domain {
+  background-color: map-get($theme-colors, primary);
+  color: #ffffff; 
+}
+
+.btn.btn-sm.btn-info.domain, .btn.btn-sm.btn-outline-info.domain {
+  border-color: map-get($theme-colors, primary);
+  color: map-get($theme-colors, primary);
+}
+
+.btn.btn-sm.btn-outline-info.with_error {
+  border-color: map-get($theme-colors, tertiary);
+  color: map-get($theme-colors, tertiary);
+}
+
+.btn.btn-sm.btn-outline-info.with_error:hover, .btn.btn-sm.btn-info.active.with_error {
+  background-color: map-get($theme-colors, tertiary);
+  border-color: map-get($theme-colors, tertiary);
+}
diff --git a/app/views/checks/_filters.html.erb b/app/views/checks/_filters.html.erb
index c03f6ec..39a537a 100644
--- a/app/views/checks/_filters.html.erb
+++ b/app/views/checks/_filters.html.erb
@@ -7,13 +7,13 @@
       <% Check.kinds.keys.map(&:to_sym).each do |kind_name| %>
         <%= link_to t(".kind_#{kind_name}"),
             checks_path(check_button_criterias(kind: kind_name)),
-            class: check_button_scope_class(kind: kind_name) %>
+            class: check_button_scope_class(kind: kind_name) + " " + kind_name.to_s %>
       <% end %>
     </div>
 
     <%= link_to t(".with_error"),
         checks_path(check_button_criterias(recurrent_failures: true)),
-        class: check_button_scope_class(recurrent_failures: true) %>
+        class: check_button_scope_class(recurrent_failures: true) + " with_error" %>
   </div>
 
   <div class="col-md-6 mb-3">
diff --git a/app/views/checks/_table.html.erb b/app/views/checks/_table.html.erb
index f356d7c..71b8c0f 100644
--- a/app/views/checks/_table.html.erb
+++ b/app/views/checks/_table.html.erb
@@ -25,7 +25,7 @@
       <% checks.each do |check| %>
         <tr class="check-row <%= check_row_class(check) %>">
           <td class="kind">
-            <span class="badge badge-info"><%= t(".kind_labels.#{check.kind}") %></span>
+            <span class="badge badge-info <%= t(".kind_labels.#{check.kind}") %>"><%= t(".kind_labels.#{check.kind}") %></span>
           </td>
           <td>
             <%= check_error(check) if check_in_error?(check) %>