From e240980d4849e9320870df0c2ad034d9fb2cfea2 Mon Sep 17 00:00:00 2001
From: Romain J <romain.ordi@gmail.com>
Date: Sat, 16 May 2020 13:43:12 +0200
Subject: [PATCH] fix(frontend): fix non saving theme

---
 apps/gnous_eu/templates/layouts/foot.html | 34 +++++++++++++----------
 locale/en/LC_MESSAGES/django.po           |  4 +--
 locale/fr/LC_MESSAGES/django.po           |  4 +--
 3 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/apps/gnous_eu/templates/layouts/foot.html b/apps/gnous_eu/templates/layouts/foot.html
index 2b61d23..1d2d3de 100644
--- a/apps/gnous_eu/templates/layouts/foot.html
+++ b/apps/gnous_eu/templates/layouts/foot.html
@@ -13,24 +13,31 @@ Don't judge me
     window.theme = document.querySelector('input[name=theme]');
     theme.checked = document.documentElement.getAttribute('data-theme') === 'dark';
 
-    theme.addEventListener('change', function () {
-        document.documentElement.setAttribute('data-theme', this.checked ? 'dark' : 'light')
+    window.applyTheme = function(theme) {
+        document.documentElement.setAttribute('data-theme', theme);
+
         let cards = document.querySelectorAll(".uk-card.uk-card-default,.uk-card.uk-card-secondary");
         cards.forEach(card => {
-            if (document.documentElement.getAttribute('data-theme') === 'dark') {
-                card.classList.replace("uk-card-default", `uk-card-secondary`);
+            if (theme === 'dark') {
+                card.classList.replace("uk-card-default", `uk-card-secondary`)
             } else {
-                card.classList.replace("uk-card-secondary", `uk-card-default`);
+                card.classList.replace("uk-card-secondary", `uk-card-default`)
             }
         })
+
+        document.cookie = `theme=${theme}`
+    }
+
+    theme.addEventListener('change', function () {
+        applyTheme(theme.checked ? 'dark' : 'light')
     })
 </script>
 
 <script>
     let cookies = document.cookie.split('; ');
-    let banner_cookie = document.cookie.split('; ').filter(e => e.startsWith('cookie-banner='))[0]
+    let banner_cookie = document.cookie.split('; ').filter(e => e.startsWith('cookie-banner='))[0];
 
-    if (banner_cookie == undefined || banner_cookie.split('cookie-banner=')[1] != 'hidden') {
+    if (banner_cookie === undefined || banner_cookie.split('cookie-banner=')[1] !== 'hidden') {
         cookie_notification = UIkit.notification(
             '<span data-uk-icon="quote-right"></span> {% trans "Bla bla bla... bannière alakon pour dire qu&amp;on utilise des cookies (pour la langue et cette bannière)" %}',
             {pos: 'bottom-center'}
@@ -44,12 +51,9 @@ Don't judge me
 </script>
 
 <script>
-    let cards = document.querySelectorAll(".uk-card.uk-card-default,.uk-card.uk-card-secondary");
-    cards.forEach(card => {
-        if (document.documentElement.getAttribute('data-theme') === 'dark') {
-            card.classList.replace("uk-card-default", `uk-card-secondary`);
-        } else {
-            card.classList.replace("uk-card-secondary", `uk-card-default`);
-        }
-    })
+    let theme_cookie = document.cookie.split('; ').filter(e => e.startsWith('theme='))[0];
+    if (theme_cookie !== undefined) {
+        applyTheme(theme_cookie.split('theme=')[1]);
+        window.theme.checked = theme_cookie.split('theme=')[1] === 'dark'
+    }
 </script>
\ No newline at end of file
diff --git a/locale/en/LC_MESSAGES/django.po b/locale/en/LC_MESSAGES/django.po
index 383ff6e..b8cf1ce 100644
--- a/locale/en/LC_MESSAGES/django.po
+++ b/locale/en/LC_MESSAGES/django.po
@@ -173,7 +173,7 @@ msgid "Discutons plus en détails de votre proposition ! Nous sommes ouvert à t
 msgstr "Let's discuss your proposal in more detail! We are open to any partnership."
 
 
-#: apps/gnous_eu/templates/layouts/foot.html:26
+#: apps/gnous_eu/templates/layouts/foot.html:42
 msgid "Bla bla bla... bannière alakon pour dire qu&amp;on utilise des cookies (pour la langue et cette bannière)"
-msgstr "GnousEU uses cookies in order to save the language of the site you are using and the closing of this banner."
+msgstr "GnousEU uses cookies in order to save the language of the site you are using, its theme and the closing of this banner."
 
diff --git a/locale/fr/LC_MESSAGES/django.po b/locale/fr/LC_MESSAGES/django.po
index 5be5766..74f083e 100644
--- a/locale/fr/LC_MESSAGES/django.po
+++ b/locale/fr/LC_MESSAGES/django.po
@@ -165,6 +165,6 @@ msgstr ""
 msgid "Discutons plus en détails de votre proposition ! Nous sommes ouvert à tout partenariat."
 msgstr ""
 
-#: apps/gnous_eu/templates/layouts/foot.html:26
+#: apps/gnous_eu/templates/layouts/foot.html:42
 msgid "Bla bla bla... bannière alakon pour dire qu&amp;on utilise des cookies (pour la langue et cette bannière)"
-msgstr "GnousEU utilise des cookies afin de sauvegarder la langue du site que vous utilisez ainsi que pour la fermeture de cette bannière."
+msgstr "GnousEU utilise des cookies afin de sauvegarder la langue du site que vous utilisez, son theme ainsi que pour la fermeture de cette bannière."