vote undo

todo: only accept undo endpoint when allowed

playlist/templates/Vote.html

@@ -25,42 +25,13 @@ Stemmen
     <button id="playpause">⏵️</button>
   </div>
 
-  <div
-    id="vote-buttons"
-    hx-vals='{"spotify_id": "{{ track.id }}"}'
-    style="margin-top:10px;"
-    >
-    <fieldset>
-      <legend>Dit vind ik een leuk nummer!</legend>
-      <button
-        hx-vals='{"vote": "2"}'
-        hx-post="{% url 'vote' %}"
-      >Helemaal mee eens</button>
-      <button
-        hx-vals='{"vote": "1"}'
-        hx-post="{% url 'vote' %}"
-      >Mee eens</button>
-      <button
-        hx-vals='{"vote": "0"}'
-        hx-post="{% url 'vote' %}"
-      >Neutraal</button>
-      <button
-        hx-vals='{"vote": "-1"}'
-        hx-post="{% url 'vote' %}"
-      >Niet mee eens</button>
-      <button
-        hx-vals='{"vote": "-2"}'
-        hx-post="{% url 'vote' %}"
-      >Helemaal niet mee eens</button>
-    </fieldset>
-  </div>
   <div
     id="vote-stars"
     hx-vals='{"spotify_id": "{{ track.id }}"}'
     style="margin-top:10px;"
     >
     <fieldset>
-      <legend>Hoeveel sterren geef jij dit nummer?</legend>
+      <legend>Hoeveel sterren geef jij dit?</legend>
       <div class="star-wrapper">
         <a
           hx-vals='{"vote": "-2"}'
@@ -84,6 +55,14 @@ Stemmen
         ></a>
       </div>
     </fieldset>
+    {% if undo %}
+      <!--<form class="undo-wrapper" method="post" action="{% url 'undo' %}" hx-vals='{"spotify_id": "{{ undo.track.id }}"}' >-->
+      <div class="undo-wrapper"  hx-vals='{"spotify_id": "{{ undo.track.id }}"}' >
+        {% csrf_token %}
+        <p>Je hebt {{undo.track}} een score van {{undo.points | add:3}} sterren gegeven!</p>
+        <button class="undo" hx-post="{% url 'undo' %}" >Undo</button>
+      </div>
+    {% endif %}
   </div>
 </div>
 <script>