settings panel

With first draft version of wallpaper changer

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 %}