From fd0b936f67bfabd86bd31b0d1c1b583fd168e670 Mon Sep 17 00:00:00 2001
From: Romain J <romain.ordi@gmail.com>
Date: Sat, 16 May 2020 12:49:06 +0200
Subject: [PATCH] fix(frontend): fix white cards on dark theme, fix #7

---
 apps/gnous_eu/templates/layouts/base.html | 30 +------------
 apps/gnous_eu/templates/layouts/foot.html | 55 +++++++++++++++++++++++
 apps/gnous_eu/templates/services.html     |  2 +-
 locale/en/LC_MESSAGES/django.po           |  2 +-
 locale/fr/LC_MESSAGES/django.po           |  2 +-
 5 files changed, 60 insertions(+), 31 deletions(-)
 create mode 100644 apps/gnous_eu/templates/layouts/foot.html

diff --git a/apps/gnous_eu/templates/layouts/base.html b/apps/gnous_eu/templates/layouts/base.html
index b5c6c89..04aa474 100644
--- a/apps/gnous_eu/templates/layouts/base.html
+++ b/apps/gnous_eu/templates/layouts/base.html
@@ -23,35 +23,9 @@
 </div>
 
 
+{% include 'layouts/foot.html' %}
+
 {% block javascript %}{% endblock %}
 
-<script src="{% static 'javascripts/uikit/uikit.js' %}"></script>
-<script src="{% static 'javascripts/uikit/uikit-icons.js' %}"></script>
-<script>
-    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')
-    })
-</script>
-
-<script>
-    let cookies = document.cookie.split('; ');
-    let banner_cookie = document.cookie.split('; ').filter(e => e.startsWith('cookie-banner='))[0]
-
-    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'}
-        );
-        UIkit.util.on(document, 'close', function (evt) {
-            if (evt.detail[0] === cookie_notification) {
-                document.cookie = 'cookie-banner=hidden'
-            }
-        });
-    }
-</script>
-
 </body>
 </html>
\ No newline at end of file
diff --git a/apps/gnous_eu/templates/layouts/foot.html b/apps/gnous_eu/templates/layouts/foot.html
new file mode 100644
index 0000000..2b61d23
--- /dev/null
+++ b/apps/gnous_eu/templates/layouts/foot.html
@@ -0,0 +1,55 @@
+{% load static %}
+{% load i18n %}
+
+
+<!--/
+Je suis spécialisé en python, pas en js...
+Don't judge me
+/-->
+
+<script src="{% static 'javascripts/uikit/uikit.js' %}"></script>
+<script src="{% static 'javascripts/uikit/uikit-icons.js' %}"></script>
+<script>
+    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')
+        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`);
+            }
+        })
+    })
+</script>
+
+<script>
+    let cookies = document.cookie.split('; ');
+    let banner_cookie = document.cookie.split('; ').filter(e => e.startsWith('cookie-banner='))[0]
+
+    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'}
+        );
+        UIkit.util.on(document, 'close', function (evt) {
+            if (evt.detail[0] === cookie_notification) {
+                document.cookie = 'cookie-banner=hidden'
+            }
+        });
+    }
+</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`);
+        }
+    })
+</script>
\ No newline at end of file
diff --git a/apps/gnous_eu/templates/services.html b/apps/gnous_eu/templates/services.html
index 313f2d5..f3fbffb 100644
--- a/apps/gnous_eu/templates/services.html
+++ b/apps/gnous_eu/templates/services.html
@@ -41,7 +41,7 @@
                                     </h3>
                                     <p>{{ service.description }}</p>
                                 </div>
-                                <div class="uk-card-footer">
+                                <div class="uk-card-footer uk-card-media">
                                     {% if service.sources == 'CLOSED' %}
                                         <span class="uk-label uk-label-warning">{{ service.get_sources_display }}</span>
                                     {% elif service.sources == 'OPEN' %}
diff --git a/locale/en/LC_MESSAGES/django.po b/locale/en/LC_MESSAGES/django.po
index 82d7fcc..383ff6e 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/base.html:42
+#: apps/gnous_eu/templates/layouts/foot.html:26
 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."
 
diff --git a/locale/fr/LC_MESSAGES/django.po b/locale/fr/LC_MESSAGES/django.po
index 65f580f..5be5766 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/base.html:42
+#: apps/gnous_eu/templates/layouts/foot.html:26
 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."