Overview page

Met klassiek onbruikbare interface dit jaar.

playlist/templates/Base.html

@@ -25,6 +25,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 == '/overview/' %}aria-selected="true" {% endif %}>
+            <a href="{% url 'overview' %}">Overzicht</a>
+          </li>
           <li role="tab" {% if request.path == '/settings/' %}aria-selected="true" {% endif %}>
             <a href="{% url 'settings' %}">Instellingen</a>
           </li>

playlist/templates/Overview.html

@@ -0,0 +1,30 @@
+{% extends "Base.html" %}
+
+{% block main-content %}
+<p>Onderstaand alle nummers waar je al op gestemd hebt.</p>
+<ul class="tree-view overview"> 
+  {% for artist, albums in artists.items %}
+  <li>
+    <details>
+      <summary>{{artist}}</summary>
+      <ul>
+        {% for album, tracks in albums.items %}
+        <li>
+          <details>
+            <summary>{{album}}</summary>
+            <ul>
+              {% for track in tracks %}
+              <li>
+                <a href="{{track.link}}" target="_blank">{{track.name}}</a>
+              </li>
+              {% endfor %}
+            </ul>
+          </details>
+        </li>
+        {% endfor %}
+      </ul>
+    </details>
+  </li>
+  {% endfor %}
+</ul>
+{% endblock %}