nomination quota

playlist/templates/Base.html

@@ -38,6 +38,7 @@
           </div>
         </div>
       </div>
+      {% block status-bar %}{% endblock%}
     </div>
     {% block clippy %}{% endblock %}
     <script>

playlist/templates/Nominate.html

@@ -8,9 +8,8 @@ Nomineren
 <form method="post">
     {% csrf_token %}
     <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">
+    <input type="submit" value="Insturen" {% if user.profile.quota < 1%}disabled{%endif%}>
 </form>
 {% if nominated or error or warning %}
     <script>
@@ -49,3 +48,15 @@ Nomineren
     </div>
 {% endif %}
 {% endblock %}
+
+{% block status-bar%}
+<div class="status-bar">
+    <div
+        class="status-bar-field progress-indicator segmented"
+        title="{{user.profile.quota | floatformat:2}} nominaties over."
+        >
+        <span class="progress-indicator-bar" style="width: calc({{user.profile.quota | floatformat:0}} * 18px);" />
+    </div>
+    <p class="status-bar-field">{{user.profile.quota|floatformat:0}} nominaties over.</p>
+</div>
+{% endblock %}