Show Dojo tags as tooltip of '...' for ones more than 5th

Author: yasulab

app/views/shared/_dojo.html.erb

@@ -5,21 +5,34 @@
     <span class="dojo-name">
       <%= link_to "#{dojo.name} (#{dojo.prefecture.name})", dojo.url, target: "_blank", rel: "external noopener" %>
       <% if not dojo.counter == 1 %>
-        <span class="dojo-counter" data-original-title="道場数"
+        <span class="dojo-counter"
+	      data-original-title="道場数"
               data-placement="bottom"
               data-toggle="tooltip"><%= dojo.counter %></span>
       <% end %>
     </span>
   </header>
+
   <ul class="tags">
-    <% dojo.tags.each do |tag| %>
+    <% dojo.tags.first(5).each do |tag| %>
       <li><%= tag %></li>
     <% end %>
+
+    <% if dojo.tags.drop(5).any? %>
+      <li class="tags-more"
+          data-toggle="tooltip" 
+          data-placement="bottom" 
+          data-html="true"
+          title="<%= dojo.tags[5..].join(', ') %>">
+	...
+      </li>
+    <% end %>
   </ul>
+
   <p class="dojo-description">
     <%= dojo.description %>
     <% if dojo.is_private %>
       <%= link_to 'Private', doc_path('private-dojo'), class: 'dojo-private' %>
     <% end %>
   </p>
-</li> 
+</li>