From ae7268736feeb9ef7e7fb0c07c41077fb87683a0 Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Wed, 21 Feb 2024 13:27:07 +0100
Subject: [PATCH] settings panel With first draft version of wallpaper changer

---
 playlist/templates/Base.html     |  4 ++++
 playlist/templates/Login.html    | 19 ++++++-------------
 playlist/templates/Settings.html | 31 +++++++++++++++++++++++++++++++
 playlist/templates/head.html     |  8 ++++++++
 playlist/urls.py                 |  3 +--
 playlist/views.py                | 15 +++------------
 6 files changed, 53 insertions(+), 27 deletions(-)
 create mode 100644 playlist/templates/Settings.html
diff --git a/playlist/templates/Base.html b/playlist/templates/Base.html
index 4ce0c6a..805f4d7 100644
--- a/playlist/templates/Base.html
+++ b/playlist/templates/Base.html
@@ -4,6 +4,7 @@
     {% include "head.html" %}
   </head>
   <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
+    <script>setWallpaper()</script>
     <div class="window" id="main-window">
       <div class="title-bar main-title-bar">
         <div class="title-bar-text">
@@ -25,6 +26,9 @@
           <li role="tab" {% if request.path == '/track/' %}aria-selected="true" {% endif %}>
             <a href="{% url 'nominate' %}">Nomineren</a>
           </li>
+          <li role="tab" {% if request.path == '/settings/' %}aria-selected="true" {% endif %}>
+            <a href="{% url 'settings' %}">Instellingen</a>
+          </li>
         </menu>
         <div class="window" role="tabpanel">
           <div class="window-body">
diff --git a/playlist/templates/Login.html b/playlist/templates/Login.html
index 8df075f..1361f44 100644
--- a/playlist/templates/Login.html
+++ b/playlist/templates/Login.html
@@ -4,6 +4,7 @@
     {% include "head.html" %}
   </head>
   <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
+    <script>setWallpaper()</script>
     <div class="window popup login" id="info-window">
         <div class="title-bar">
             <div class="title-bar-text">Welkom bij Muzak</div>
@@ -15,19 +16,11 @@
             <div class="icon login"></div>
             <div class="text">
                 <div>
-                  {% if user.is_authenticated %}
-                    <p>Current user: {{ user.email }}</p>
-                    <form action="{% url 'oidc_logout' %}" method="post">
-                      {% csrf_token %}
-                      <input type="submit" value="logout">
-                    </form>
-                  {% else %}
-                    <p>Gebruik onderstaande knop om in te loggen.</p>
-                    <p>Als je geen inloggegevens hebt, meld je dan bij de beheerder van deze site.</p>
-                    <form action="{% url 'oidc_authentication_init' %}" method="get">
-                      <input type="submit" value="Login">
-                    </form>
-                  {% endif %}
+                  <p>Gebruik onderstaande knop om in te loggen.</p>
+                  <p>Als je geen inloggegevens hebt, meld je dan bij de beheerder van deze site.</p>
+                  <form action="{% url 'oidc_authentication_init' %}" method="get">
+                    <input type="submit" value="Login">
+                  </form>
                 </div>
             </div>
         </div>
diff --git a/playlist/templates/Settings.html b/playlist/templates/Settings.html
new file mode 100644
index 0000000..aece6a1
--- /dev/null
+++ b/playlist/templates/Settings.html
@@ -0,0 +1,31 @@
+{% extends "Base.html" %}
+
+{% block main-content %}
+  <p>Hoi {{ user.first_name }}!</p>
+  {% if user.is_staff %}
+  <form action="{% url 'admin:index' %}">
+    <div class="field-row">
+      <label>Administratieve achterkant:</label>
+      <input type="submit" value="Admin" />
+    </div>
+  </form>
+  {% endif %}
+  <div class="field-row">
+    <label for="wallpaper">Eigen wallpaper url:</label>
+    <input id="wallpaper" type="text" onchange="wallpaperChanged()" />
+    <button id="wallpaper-reset" onclick="wallpaperChanged()">Reset</button>
+  </div>
+  <script>
+    function wallpaperChanged() {
+      const expression = /^https?:\/\/.*\.(jpeg|jpg|png|gif)$/
+      const regex = new RegExp(expression)
+      val = document.getElementById("wallpaper").value
+      if(regex.test(val)) {
+        console.log(val)
+        localStorage.setItem("wallpaper", val);
+        setWallpaper()
+      }
+    }
+
+  </script>
+{% endblock %}
diff --git a/playlist/templates/head.html b/playlist/templates/head.html
index fcc18a8..81daf1d 100644
--- a/playlist/templates/head.html
+++ b/playlist/templates/head.html
@@ -41,4 +41,12 @@
 			localStorage.removeItem("position")
 		}
 	}
+</script>
+
+<script>
+	function setWallpaper() {
+		url = localStorage.getItem("wallpaper")
+		if (url)
+			document.body.style.backgroundImage = "url(" + url + ")";
+	}
 </script>
\ No newline at end of file
diff --git a/playlist/urls.py b/playlist/urls.py
index 2ab9ac3..b97fa66 100644
--- a/playlist/urls.py
+++ b/playlist/urls.py
@@ -3,8 +3,7 @@ from . import views
 
 urlpatterns = [
     path('track/', views.NominateView.as_view(), name="nominate"),
-    path('track/<str:spotify_id>/banter', views.BanterView.as_view(), name="track-banter"),
     path('vote/', views.VoteView.as_view(), name="vote"),
-    #path('vote/track', views.VoteTrackView.as_view(), name="vote-track"),
+    path('settings/', views.SettingsView.as_view(), name="settings"),
     path('', views.AuthView.as_view()),
 ]
diff --git a/playlist/views.py b/playlist/views.py
index 3e1a693..9edf888 100644
--- a/playlist/views.py
+++ b/playlist/views.py
@@ -103,15 +103,6 @@ class NominateView(LoginRequiredMixin, View):
             
             return TemplateResponse(request, "Nominate.html", {"nominated": track})
 
-class BanterView(LoginRequiredMixin, View):
-    def get(self, request, spotify_id):
-        try:
-            track = Track.objects.get(pk=spotify_id)
-            return TemplateResponse(request, "Banter.html", {
-                "track": track,
-                "waiting": ["Nog even..", "Bijna klaar.", "Oké...", "Interessant", "Momentje"]
-            })
-        except Track.DoesNotExist:
-            return HttpResponse("???")
-
-
+class SettingsView(LoginRequiredMixin, View):
+    def get(self, request):
+        return TemplateResponse(request, "Settings.html")
