Nomineren even opgeleukt

En spotify.link shortlinks worden geaccepteerd. Mogelijk.

playlist/templates/Nominate.html

@@ -7,19 +7,28 @@ Nomineren
 {% block main-content %}
 <form method="post">
     {% csrf_token %}
-    <input type="text" name="spotify_link" placeholder="Spotify-link">
-    <input type="submit" value="OK">
+    <p>Vul een spotify link in om een nummer te nomineren.</p>
+    <p>Deze link mag zowel naar open.spotify.com gaan als naar spotify.link</p>
+    <input type="text" id="spotify-input" name="spotify_link" placeholder="Spotify-link">
+    <input type="submit" value="Insturen">
 </form>
-{% if nominated %}
+{% if nominated or error or warning %}
     <script>
         function hidePopup() {
-            console.log("je moeder")
             document.getElementById("info-window").classList.add("hide");
         }
     </script>
     <div class="window popup" id="info-window">
         <div class="title-bar">
-            <div class="title-bar-text">{{nominated}}</div>
+            <div class="title-bar-text">
+                {% if nominated %}
+                    {{nominated}}
+                {% elif error %}
+                    Error
+                {% else %}
+                    Let op!
+                {% endif %}
+            </div>
             <div class="title-bar-controls">
                 <button aria-label="Close" onclick="hidePopup()"></button>
             </div>
@@ -30,7 +39,7 @@ Nomineren
                 <div>
                     {{warning}}
                     {{error}}
-                    {% if not warning and not error %}Genomineerd!{% endif %}
+                    {% if not error %}Genomineerd!{% endif %}
                 </div>
                 <section class="field-row" style="justify-content: flex-end">
                     <button onclick="hidePopup()">Ok</button>