average stars voted

playlist/static/style.css

@@ -456,6 +456,26 @@ input[type="range"]#volume::-webkit-slider-thumb {
 	background-image: url(img/star-inactive.png) !important;
 }
 
+#average-stars {
+	width: 200px;
+}
+
+#average-stars .stars {
+	background-image: url(img/star-inactive.png);
+	background-repeat: repeat-x;
+	height: 32px;
+	width: 160px;
+	position: relative;
+}
+
+#average-stars .stars-overlay {
+	background-image: url(img/star.png);
+	background-repeat: repeat-x;
+	height: 32px;
+	width: 160px;
+	position: absolute;
+}
+
 .undo-wrapper {
 	display: flex;
 	flex-flow: row nowrap;

playlist/templates/Settings.html

@@ -61,4 +61,14 @@ Instellingen
     <label>Nominatie quota:</label>
     <span>{{user.profile.quota|floatformat:3}}</span>
   </div>
+  <div id="average-stars" style="margin-top:10px;">
+    <fieldset>
+      <legend>Hoeveel sterren geef jij gemiddeld?</legend>
+      <div class="stars">
+        <div class="stars-overlay" style="width: calc({{average}} * 32px)">
+        </div>
+      </div>
+    </fieldset>
+    </div>
+  </div>
 {% endblock %}

playlist/views.py

@@ -126,9 +126,11 @@ class SettingsView(LoginRequiredMixin, View):
     def get(self, request):
         backgrounds = Background.objects.all()
         (profile,created) = Profile.objects.get_or_create(user=request.user)
+        average_vote = Vote.objects.filter(user=request.user).aggregate(Avg("points", default=0))['points__avg']
         context = {
             "backgrounds": backgrounds,
-            "currentBackground": (profile.background.id if profile.background else 1)
+            "currentBackground": (profile.background.id if profile.background else 1),
+            "average": average_vote
         }
         spt_token = profile.get_or_update_spt()
         if spt_token: