FeedView: Added tooltip to show pair names

bitcredit-currency · Apr 7, 2015 · 4274b5c · 4274b5c
1 parent a1087b0
commit 4274b5c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/main/resources/index.html b/src/main/resources/index.html
@@ -54,9 +54,11 @@
     <li class="item">
       <span class="alt time"><%= moment(time).format('hh:mm:ss') %></span>
       <br>
-      <img class="logo" src="images/<%= currencies[0].toLowerCase() %>.png">
-      <span>/</span>
-      <img class="logo" src="images/<%= currencies[1].toLowerCase() %>.png">
+      <span class="pair" data-toggle="tooltip" data-placement="top" title="<%= currencies.join('/').toUpperCase() %>">
+        <img class="logo" src="images/<%= currencies[0].toLowerCase() %>.png">
+        <span>/</span>
+        <img class="logo" src="images/<%= currencies[1].toLowerCase() %>.png">
+      </span>
       <span class="alt"> - </span>
       <span class="amount"><span class="symbol"><%= symbols[0] %></span><%= amount %></span>
       <span class="alt">@</span>

diff --git a/src/main/resources/js/views/FeedView.js b/src/main/resources/js/views/FeedView.js
@@ -36,6 +36,11 @@ coinswap.FeedView = Backbone.View.extend({
       var children = this.$el.find('.list').children();
       children.eq(-1).remove();
     }
+
+    row.find('[data-toggle="tooltip"]').tooltip({
+      animation: false,
+      container: this.$el
+    });
   }
 });