Display likers in tooltip

counter/templates/homeTemplate.html

@@ -12,12 +12,9 @@
 							<b>{{ myCounter.trigramme }}</b> <small>{{ myCounter.name }}</small>
 						</a>
 						{% if not myCounter.lastReset.noSeum %}
-							<span class="pull-right badge">
+							<span class="pull-right badge" data-toggle="tooltip" data-placement="top" title="{{ myCounter.likersString }}">
 								<span class="glyphicon glyphicon-fire"></span>&emsp;{{ myCounter.likeCount }}
 							</span>
-                            {% for liker in myCounter.likers %}
-                                <span>{{ liker.trigramme }}</span>
-                            {% endfor %}
 						{% endif %}
 						</h2>
 				</div>
@@ -215,4 +212,10 @@
 		{% endif %}
 	</a>
 </div>
+
+<script>
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})
+</script>
 {% endblock %}

counter/views.py

@@ -16,6 +16,7 @@ from graphos.sources.model import ModelDataSource
 import random
 import math
 import copy
+import functools
 from django.utils import timezone
 
 # JSS above this limit will not be displayed on the home page col graph
@@ -54,7 +55,9 @@ def home(request):
             likesMe = Like.objects.filter(
                 reset=myCounter.lastReset)
             myCounter.likeCount = likesMe.count()
-            myCounter.likers = [like.liker for like in likesMe]
+            myCounter.likersString = functools.reduce(
+                        lambda a,b: a + ", " +  b,
+                        [like.liker.trigramme for like in likesMe])
         myCounter.lastReset.formatted_delta = format_timedelta(
             myCounter.lastReset.delta, locale='fr', threshold=1)
     except Counter.DoesNotExist: