add button to play jingles

diff --git a/panikdb/templates/emissions/episode_detail.html b/panikdb/templates/emissions/episode_detail.html
index 182119088d028bdec1ad28f7e2250c7b623788a4..243f6ba955f56750cf32fe7f42c23d88c0cf99e3 100644 (file)
--- a/panikdb/templates/emissions/episode_detail.html
+++ b/panikdb/templates/emissions/episode_detail.html
@@ -156,6 +156,19 @@ $(function() {
     }
   });
 
     }
   });
 

+  $(document).on('gadjo:dialog-loaded', function(e, form) {
+    var $select = $('select#id_jingle');
+    var audio = null;
+    $select.css('width', '80%').css('margin-right', '1em').after('<button id="play-jingle">⏵</button>');
+    $('#play-jingle').on('click', function() {
+      var val = $select.val();
+      if (audio) { audio.pause(); }
+      audio = new Audio('/nonstop/api/jingle/' + val + '/');
+      audio.play();
+      return false;
+    });
+  });
+

 });
 </script>
 {% endblock %}
 });
 </script>
 {% endblock %}