Trying to make functionality with darkmode using cookies

ACMAS · Nov 17, 2023 · 5aaa07d · 5aaa07d
1 parent b85cca9
commit 5aaa07d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/ACMAS/app/ACMAS_Web/templates/_base.html b/ACMAS/app/ACMAS_Web/templates/_base.html
@@ -1,7 +1,6 @@
 <!-- templates/_base.html -->
 {% load static %}
 {% load component_tags %}
-{% with mode="light" %}
 <!DOCTYPE html>
 <html lang="en" class={{mode}}>
 
@@ -153,6 +152,7 @@
             <li><a class="block py-2 pl-3 pr-4 text-gray-900 rounded md:hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-gray-500" href="/login">Login</a></li>
             {% endblock %}
           {% endif %}
+        <li><a class="block py-2 pl-3 pr-4 text-gray-900 rounded md:hover:bg-gray-100 md:hover:bg-transparent md:border-0 hover:text-gray-500" href="/dark-mode">Change theme (currently {{ mode }})</a></li>
         </ul>
       </div>
     </div>
@@ -175,5 +175,4 @@
   </ul>
 </footer>
 {% endblock body %}
-{% endwith %}
 </html>
diff --git a/ACMAS/app/ACMAS_Web/views.py b/ACMAS/app/ACMAS_Web/views.py
@@ -19,6 +19,11 @@ def generateContext(request):
         + os.getenv("GOOGLE_ANALYTICS_ID", default=""),
         "CANONICAL_PATH": request.build_absolute_uri(request.path),
     }
+    if 'mode' in request.COOKIES:
+        context['mode'] = request.COOKIES.get('mode')
+    else:
+        request.COOKIES['mode'] = 'light'
+        context['mode'] = "light"
     return context
 
 
@@ -234,5 +239,12 @@ def profile(request):
 
 
 def darkmode(request):
+    if 'mode' in request.COOKIES:
+        mode = request.COOKIES.get('mode')
+        if mode == 'dark':
+            request.COOKIES['mode'] = 'light'
+        else:
+            request.COOKIES['mode'] = 'dark'
     context = generateContext(request)
-    return render(request, "darkmode.html", context)
+
+    return render(request, "index.html", context)