From 04fb141c77f7bd5cc7c51be41fa091596ee36ea9 Mon Sep 17 00:00:00 2001
From: Thomas Fillon <thomas@parisson.com>
Date: Tue, 8 Sep 2015 11:53:33 +0200
Subject: [PATCH] Add bootstrap popover for cover/vinyl condition

---
 diggersdigest/templates/shop/product.html | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

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>
 
 
-- 
2.39.5