From e83be9c69ff1f3d382b57bbc2e302549c5eff1ec Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Wed, 29 Nov 2017 12:02:50 +0100
Subject: [PATCH] Added cookies

---
 .meteor/packages                   |  2 ++
 .meteor/versions                   |  3 +++
 imports/startup/client/i18n.js     | 24 +++++++++++++++--
 imports/ui/layouts/App/App.js      |  5 ++++
 imports/ui/stylesheets/custom.scss | 42 ++++++++++++++++++++++++++++++
 5 files changed, 74 insertions(+), 2 deletions(-)

diff --git a/.meteor/packages b/.meteor/packages
index 9716654..b01e0a7 100644
--- a/.meteor/packages
+++ b/.meteor/packages
@@ -33,3 +33,5 @@ ddp-rate-limiter@1.0.7
 dynamic-import@0.1.1
 static-html
 alexwine:bootstrap-4
+selaias:cookie-consent
+gadicc:blaze-react-component
diff --git a/.meteor/versions b/.meteor/versions
index 83efb03..1940431 100644
--- a/.meteor/versions
+++ b/.meteor/versions
@@ -40,6 +40,7 @@ facebook-oauth@1.3.2
 fastclick@1.0.13
 fortawesome:fontawesome@4.7.0
 fourseven:scss@4.5.4
+gadicc:blaze-react-component@1.4.0
 geojson-utils@1.0.10
 github-oauth@1.2.0
 google-oauth@1.2.4
@@ -71,6 +72,7 @@ oauth@1.1.13
 oauth2@1.1.11
 observe-sequence@1.0.16
 ordered-dict@1.0.9
+ostrio:cookies@2.1.3
 promise@0.9.0
 raix:eventemitter@0.1.3
 random@1.0.10
@@ -81,6 +83,7 @@ reactive-var@1.0.11
 reload@1.1.11
 retry@1.0.9
 routepolicy@1.0.12
+selaias:cookie-consent@0.4.0
 service-configuration@1.0.11
 session@1.1.7
 sha@1.0.9
diff --git a/imports/startup/client/i18n.js b/imports/startup/client/i18n.js
index 8bba059..2c343ed 100644
--- a/imports/startup/client/i18n.js
+++ b/imports/startup/client/i18n.js
@@ -85,10 +85,30 @@ i18n.use(backend)
   }, function(err, t) {
     // initialized and ready to
     document.title = t("AppName");
+
+    // Accounts translation
     // https://github.com/softwarerero/meteor-accounts-t9n
-    console.log("Language: " + i18n.language);
+    // console.log("Language: " + i18n.language);
     T9n.setLanguage(i18n.language);
-    console.log(T9n.get('error.accounts.User not found'));
+    // console.log(T9n.get('error.accounts.User not found'));
+
+    // cookies eu consent
+    var cookiesOpt = {
+      cookieTitle: t('Uso de Cookies'),
+      cookieMessage: t('Utilizamos cookies para asegurar un mejor uso de nuestra web. Si continúas navegando, consideramos que aceptas su uso'),
+      /* cookieMessage: t('Uso de Cookies'),
+      cookieMessageImply: t('Utilizamos cookies para asegurar un mejor uso de nuestra web. Si continúas navegando, consideramos que aceptas su uso'),*/
+      showLink: false,
+      position: 'bottom',
+      linkText: 'Lee más',
+      linkRouteName: '/',
+      acceptButtonText: 'Aceptar',
+      html: false,
+      expirationInDays: 70,
+      forceShow: false
+    };
+
+    CookieConsent.init(cookiesOpt);
   });
 
 export default i18n;
diff --git a/imports/ui/layouts/App/App.js b/imports/ui/layouts/App/App.js
index 6134407..b8e5157 100644
--- a/imports/ui/layouts/App/App.js
+++ b/imports/ui/layouts/App/App.js
@@ -32,6 +32,9 @@ import ReSendEmail from '../../components/ReSendEmail/ReSendEmail';
 // i18n
 import { I18nextProvider } from 'react-i18next';
 import i18n from '/imports/startup/client/i18n';
+// https://github.com/gadicc/meteor-blaze-react-component/
+import Blaze from 'meteor/gadicc:blaze-react-component';
+
 //https://react.i18next.com/components/i18nextprovider.html
 
 
@@ -64,6 +67,8 @@ const App = props => (
         </Switch>
       </Grid>
       <Footer />
+      <Blaze template="cookieConsent" />
+      {/* <Blaze template="cookieConsentImply" /> */}
     </div> : ''}
   </Router>
   </I18nextProvider>
diff --git a/imports/ui/stylesheets/custom.scss b/imports/ui/stylesheets/custom.scss
index d2561d7..35924e7 100644
--- a/imports/ui/stylesheets/custom.scss
+++ b/imports/ui/stylesheets/custom.scss
@@ -9,3 +9,45 @@ a, a:hover  {
 h4.page-header {
   line-height: 2em;
 }
+
+
+#js-cookie-policy-default {
+  background-color: lighten($todos-palette3, 10%);
+}
+
+.cookie-policy {
+  position: fixed;
+  text-align: rigth;
+  vertical-align: baseline;
+  padding-top: 10px;
+  border-radius: 0px;
+  z-index: 2500;
+  width: 100%;
+  max-width: 100%;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: auto;
+  margin:0 !important;
+}
+
+.cookie-policy__header {
+  /* float: left; */
+}
+
+.cookie-policy__action {
+  float: right;
+  position: absolute;
+  top: 5px;
+  right: 40px;
+}
+
+.cookie-policy > p {
+  margin-bottom: -5px;
+  color: #fff
+}
+
+.cookie-policy__header{
+  font-size: 16px;
+  margin-bottom: 5px
+}