immosquare-cookies 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f3239571812c77453f881005fee3e3d0fe141fe8e95bd6872305d165bbde5db5
+  data.tar.gz: 4010bc82fb093844a1b50970ea5c87d9a68089576b40045178c7403aa5473807
+SHA512:
+  metadata.gz: 52175f7ef11efcda43f706ee6205b5d209f63d0eb52df181846f08e3c61e0fab1c322a4bb67421805eaca021244fa97396672182303eb0b6a0375e53be459a18
+  data.tar.gz: 457db3e1b752edad04ee934012f7a01bb993dcea6b6e81670f51a2ec3394297eaeaf4bb37e0d1ad7d06d074775830425645b50dc764b491a6e5da330511a10c8

data/app/assets/stylesheets/immosquare-cookies.scss

@@ -0,0 +1,98 @@
+#immosquare-cookies-container {
+  --immmosquare-cookies-height: 33vh;
+  --immosquare-cookies-bg-color: #f1f1f1;
+  --immosquare-cookies-border-color: #cccccc;
+  --immosquare-cookies-border-align: center;
+  --immosquare-cookies-btn-color: white;
+  --immosquare-cookies-btn-bg-color: green;
+
+  @keyframes immosquare-cookies-effect {
+    33% {
+      transform: translateX(5px);
+    }
+
+    66% {
+      transform: translateX(-5px);
+    }
+
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  position: fixed;
+  z-index: 1000000;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: var(--immmosquare-cookies-height);
+  min-height: 200px;
+  background-color: var(--immosquare-cookies-bg-color);
+  border-top: 1px solid var(--immosquare-cookies-border-color);
+  display: flex;
+  justify-content: center;
+  align-items: var(--immosquare-cookies-border-align);
+  padding: 1rem 3rem;
+  #immosquare-cookies-title {
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+  }
+  #immosquare-cookies-refuse {
+    text-decoration: underline;
+    cursor: pointer;
+    &:hover {
+      animation: immosquare-cookies-effect 0.5s 1;
+    }
+  }
+  #immosquare-cookies-accept {
+    display: inline-block;
+    color: var(--immosquare-cookies-btn-color);
+    background-color: var(--immosquare-cookies-btn-bg-color);
+    border-radius: 2rem;
+    cursor: pointer;
+    padding: 20px;
+    &:hover {
+      animation: immosquare-cookies-effect 0.5s 1;
+    }
+  }
+  #immosquare-cookies-actions {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+  }
+  section {
+    text-align: center;
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+  }
+  @media (max-width: 575.98px) {
+    section {
+      max-width: none;
+    }
+  }
+  @media (min-width: 576px) and (max-width: 767.98px) {
+    section {
+      max-width: 540px;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991.98px) {
+    section {
+      max-width: 720px;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199.98px) {
+    section {
+      max-width: 960px;
+    }
+  }
+  @media (min-width: 1200px) {
+    section {
+      max-width: 1140px;
+    }
+  }
+}

data/app/views/immosquare-cookies/_consent_banner.html.erb

@@ -0,0 +1,39 @@
+<% cookie_name = defined?(key) ? key : "_immosquare_consented" %>
+
+<%# DIV %>
+<%= content_tag(:div, :id => "immosquare-cookies-container", :data => {:name =>  cookie_name} ) do %>
+  <section>
+    <%# Title %>
+    <%= content_tag(:div, defined?(document_name) ? document_name : t("immosquare-cookies.document_name"), :id => "immosquare-cookies-title") %>
+
+    <%# Refuse/Accept %>
+    <div id="immosquare-cookies-actions">
+      <%= content_tag(:div, defined?(refuse) ? refuse : t("immosquare-cookies.refuse"), :id => "immosquare-cookies-refuse")  %>
+      <%= content_tag(:div, defined?(accept) ? accept : t("immosquare-cookies.accept"), :id => "immosquare-cookies-accept")  %>
+    </div>
+
+    <%# Content %>
+    <div>
+      <%= content_tag(:span,  defined?(text).present? ? text : t("immosquare-cookies.text")) %>
+      <% if defined?(link) %>
+        <%= content_tag(:span, defined?(link_text) ? link_text : t("immosquare-cookies.link_text"), :style => "margin-right:4px;") %>
+        <%= link_to( defined?(document_name) ? document_name : t("immosquare-cookies.document_name"), link, :target => defined?(target) ? target : "_blank")   %>
+      <% end %>
+    </div>
+  </section>
+  <script>
+    document.addEventListener("DOMContentLoaded", function() {
+    const cookieContainer = document.getElementById("immosquare-cookies-container");
+    const cookieName = cookieContainer.dataset.name;
+    const handleCookieConsent = (consentGiven) => {
+        cookieContainer.style.display = "none";
+        const date = new Date();
+        date.setTime(date.getTime() + (365 * 10 * 24 * 60 * 60 * 1000));
+        const expires = `;expires=${date.toUTCString()}`;
+        document.cookie = `${cookieName}=${consentGiven}${expires}; path=/`;
+    };
+    document.getElementById("immosquare-cookies-refuse").addEventListener("click", function() { handleCookieConsent(false); });
+    document.getElementById("immosquare-cookies-accept").addEventListener("click", function() { handleCookieConsent(true); });
+    });
+  </script>
+<% end if cookies && cookies[cookie_name].blank? %>

data/config/locales/immosquare-cookies.fr.yml

@@ -0,0 +1,8 @@
+fr:
+  immosquare-cookies:
+    document_name: "Politique de confidentialité."
+    text: "Nous et nos partenaires technologiques utilisons des cookies ou des traceurs pour stocker et accéder à des informations sur votre appareil. Ces données nous aident à améliorer votre expérience utilisateur, à mesurer l'audience de notre site, et à faciliter l'interaction avec les réseaux sociaux. En poursuivant votre navigation, vous acceptez l'utilisation de ces traceurs. Si vous n'acceptez pas, certaines fonctionnalités du site pourraient ne pas opérer comme prévu. Vous pouvez modifier vos préférences à tout moment via les paramètres de votre navigateur ou sur notre site."
+    link_text: "Plus d'informations :" 
+    refuse: "Refuser" 
+    accept: "Accepter"
+    

data/lib/immosquare-cookies/engine.rb

@@ -0,0 +1,5 @@
+module ImmosquareCookies
+  class Engine < ::Rails::Engine
+
+  end
+end

data/lib/immosquare-cookies/version.rb

@@ -0,0 +1,3 @@
+module ImmosquareCookies
+  VERSION = "0.1.0".freeze
+end

data/lib/immosquare-cookies.rb

@@ -0,0 +1,6 @@
+require "immosquare-cookies/engine"
+
+
+module ImmosquareCookies
+  
+end

metadata

@@ -0,0 +1,52 @@
+--- !ruby/object:Gem::Specification
+name: immosquare-cookies
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- IMMO SQUARE
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2023-09-22 00:00:00.000000000 Z
+dependencies: []
+description: Immosquare Cookies Consent Banner allows Rails developers to effortlessly
+  integrate a GDPR-compliant cookie consent prompt into their web applications. With
+  built-in internationalization support and options to customize the banner's appearance
+  and text, it offers a flexible and user-friendly solution for obtaining user consent.
+email:
+- jules@immosquare.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/stylesheets/immosquare-cookies.scss
+- app/views/immosquare-cookies/_consent_banner.html.erb
+- config/locales/immosquare-cookies.fr.yml
+- lib/immosquare-cookies.rb
+- lib/immosquare-cookies/engine.rb
+- lib/immosquare-cookies/version.rb
+homepage: https://github.com/IMMOSQUARE/immosquare-cookies
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.6.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.13
+signing_key:
+specification_version: 4
+summary: A customizable cookie consent banner for Rails applications.
+test_files: []