[ongoing] cookies consent modal

app/assets/stylesheets/application.scss.erb

@@ -35,6 +35,7 @@
 @import "modules/invoice";
 @import "modules/signup";
 @import "modules/abuses";
+@import "modules/cookies";
 
 @import "app.responsive";
 

app/assets/stylesheets/modules/cookies.scss

@@ -0,0 +1,27 @@
+#cookies-consent {
+  display: flex;
+  position: fixed;
+  bottom: 2rem;
+  left: 2rem;
+  width: 40rem;
+  height: 20rem;
+  background-color: blue;
+  color: white;
+  padding: 4rem;
+  flex-direction: column;
+
+  .cookies-actions {
+    button {
+      width: 50%;
+
+    }
+    button.decline {
+      background-color: transparent;
+      border: 0;
+    }
+    button.accept {
+      background-color: red;
+      border: 0;
+    }
+  }
+}

app/assets/templates/shared/header.html.erb

@@ -58,4 +58,14 @@
             <a href="<%= "/users/auth/#{active_provider.strategy_name}"%>" class="font-sbold  label text-md"><i class="fa fa-sign-in"></i> {{ 'sign_in' | translate }}</a>
         </li>
     <% end %>
+    <section id="cookies-consent">
+      <p class="cookies-infos">
+        <span translate>{{ 'cookies.about_cookies' }}</span>
+        <a ui-sref="app.public.privacy" translate>{{ 'cookies.learn_more' }}</a>
+      </p>
+      <div class="cookies-actions">
+        <button class="decline" translate>{{ 'cookies.decline' }}</button>
+        <button class="accept" translate>{{ 'cookies.accept' }}</button>
+      </div>
+    </section>
   </ul>

config/locales/app.public.fr.yml

@@ -6,6 +6,13 @@ fr:
         about_the_fablab: "A propos {GENDER, select, male{du} female{de la} neutral{} other{des}} {NAME}"  # messageFormat interpolation
         return: "Retour"
 
+        # cookies
+        cookies:
+          about_cookies: "Ce site web utilise des cookies à des fins statistiques de mesure d'audiance."
+          learn_more: "En savoir plus"
+          accept: "Accepter les cookies"
+          decline: "Refuser"
+
         # sections du tableau de bord
         dashboard: "Tableau de bord"
         my_profile: "Mon profil"