feat: Add orejime to manage cookies

Ajout d'un gestionnaire de cookies. Orejime a été choisi. Il permet d'avoir une popup afin d'accepter ou de refuser les cookies sur l'application.
makinacorpus · Oct 17, 2024 · 31743c4 · 31743c4
1 parent 537906a
commit 31743c4
Show file tree

Hide file tree

Showing 9 changed files with 279 additions and 19 deletions.
diff --git a/atlas/atlasRoutes.py b/atlas/atlasRoutes.py
@@ -207,12 +207,18 @@ def index():
     connection.close()
     session.close()
 
+    personal_data = False
+    args_personal_data = request.args.get('personal_data')
+    if args_personal_data and args_personal_data.lower() == "true":
+        personal_data = True
+
     return render_template(
         "templates/home/_main.html",
         observations=observations,
         mostViewTaxon=mostViewTaxon,
         customStatMedias=customStatMedias,
         lastDiscoveries=lastDiscoveries,
+        personal_data=personal_data,
     )
 
 

diff --git a/atlas/static/custom/templates/footer.html.sample b/atlas/static/custom/templates/footer.html.sample
@@ -74,22 +74,30 @@
 </div>
 {% endif %}
 
-{% if configuration.ID_GOOGLE_ANALYTICS != "UA-xxxxxxx-xx" %}
-    <!-- Script Google Analytics -->
-    <script>
-        (function (i, s, o, g, r, a, m) {
-            i['GoogleAnalyticsObject'] = r;
-            i[r] = i[r] || function () {
-                (i[r].q = i[r].q || []).push(arguments)
-            }, i[r].l = 1 * new Date();
-            a = s.createElement(o),
-                m = s.getElementsByTagName(o)[0];
-            a.async = 1;
-            a.src = g;
-            m.parentNode.insertBefore(a, m)
-        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+<!-- Check ID_GOOGLE_ANALYTICS to keep compability with old Geonature-atlas -->
+{% if configuration.OREJIME_APPS|length > 0 %}
+    <!-- Sample script Analytics Google -->
+    {% for app in configuration.OREJIME_APPS %}
+        {% if app.name == "scripts-gtm" %}
+            <script
+                    type="opt-in"
+                    data-type="application/javascript"
+                    data-name="scripts-gtm">
+                (function (i, s, o, g, r, a, m) {
+                    i['GoogleAnalyticsObject'] = r;
+                    i[r] = i[r] || function () {
+                        (i[r].q = i[r].q || []).push(arguments)
+                    }, i[r].l = 1 * new Date();
+                    a = s.createElement(o),
+                        m = s.getElementsByTagName(o)[0];
+                    a.async = 1;
+                    a.src = g;
+                    m.parentNode.insertBefore(a, m)
+                })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
-        ga('create', '{{configuration.ID_GOOGLE_ANALYTICS}}', 'auto');
-        ga('send', 'pageview');
-    </script>
+                ga('create', '{{configuration.ID_GOOGLE_ANALYTICS}}', 'auto');
+                ga('send', 'pageview');
+            </script>
+        {%  endif %}
+    {% endfor %}
 {% endif %}
diff --git a/atlas/static/main.js b/atlas/static/main.js
@@ -139,3 +139,21 @@ if (configuration.GLOSSAIRE) {
     });
   });
 }
+
+
+var orejimeConfig = {
+    elementID: "orejime",
+    appElement: "main",
+    cookieName: "orejime",
+    cookieExpiresAfterDays: 365,
+    privacyPolicy: "/?personal_data=true",
+    default: true,
+    mustConsent: false,
+    mustNotice: false,
+    lang: configuration.DEFAULT_LANGUAGE,
+    logo: false,
+    debug: configuration.modeDebug,
+    translations: configuration.OREJIME_TRANSLATIONS,
+    apps: configuration.OREJIME_APPS,
+    categories: configuration.OREJIME_CATEGORIES
+}
diff --git a/atlas/static/package-lock.json b/atlas/static/package-lock.json
diff --git a/atlas/static/package.json b/atlas/static/package.json
@@ -33,6 +33,7 @@
     "leaflet.snogylop": "^0.4.0",
     "leaflet.zoomhome": "^1.0.0",
     "lightbox2": "^2.8.2",
+    "orejime": "^2.3.0",
     "popper.js": "^1.16.0",
     "raphael": "^2.2.0",
     "slick": "^1.12.2",

diff --git a/atlas/templates/core/assets_header.html b/atlas/templates/core/assets_header.html
@@ -38,4 +38,8 @@
     <link rel="SHORTCUT ICON" href="{{ url_for('static', filename='custom/images/favicon.ico') }}">
     <link rel="stylesheet" href="{{url_for('static', filename='css/atlas.css') }}" />
 
+    <!-- GDPR -->
+    <script src="{{url_for('static', filename='node_modules/orejime/dist/orejime.js') }}"></script>
+    <link rel="stylesheet" href="{{url_for('static', filename='node_modules/orejime/dist/orejime.css') }}" />
+
     {% endblock %}
diff --git a/atlas/templates/home/_main.html b/atlas/templates/home/_main.html
@@ -28,6 +28,12 @@
     </script>
 <script src="{{ url_for('static', filename='index.js') }}"></script>
 
+    {% if personal_data %}
+        <script>
+            $("#modalPersonalData").modal('show');
+        </script>
+    {% endif %}
+
 {% endblock %}
 
 

diff --git a/docs/images/choice_rgpd.png b/docs/images/choice_rgpd.png