From: Thomas Fillon <thomas@parisson.com>
Date: Tue, 8 Sep 2015 09:53:33 +0000 (+0200)
Subject: Add bootstrap popover for cover/vinyl condition
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=04fb141c77f7bd5cc7c51be41fa091596ee36ea9;p=diggersdigest.git

Add bootstrap popover for cover/vinyl condition
---

diff --git a/diggersdigest/templates/shop/product.html b/diggersdigest/templates/shop/product.html
index 4f2e883..4d40002 100644
--- a/diggersdigest/templates/shop/product.html
+++ b/diggersdigest/templates/shop/product.html
@@ -34,6 +34,12 @@ $(document).ready(function() {
     });
 });
 </script>
+<script>
+$(function () {
+  $('[data-toggle="popover"]').popover()
+})
+</script>
+
 {% endblock %}
 
 {% block extra_head %}
@@ -104,11 +110,20 @@ $(document).ready(function() {
   {% endif %}
   <li>
     {% trans "Cover:" %}
-    {{ product.records.first.cover_condition }} </li>
+    <a class="badge" tabindex="0" role="button" data-toggle="popover" data-trigger="hover focus"
+      title="{{ product.records.first.cover_condition.name }}"
+    data-content="{{ product.records.first.cover_condition.description }}">
+    {{ product.records.first.cover_condition.abbr }}
+  </a>
+  </li>
   <li>
     {% trans " Vinyl:" %}
-    {{ product.records.first.vinyl_condition }} </li>
-
+    <a class="badge" tabindex="0" role="button" data-toggle="popover" data-trigger="hover focus"
+      title="{{ product.records.first.vinyl_condition.name }}"
+    data-content="{{ product.records.first.cover_condition.description }}">
+    {{ product.records.first.vinyl_condition.abbr }}
+  </a>
+  </li>
 </ul>