From: Frédéric Péters <fpeters@0d.be>
Date: Thu, 10 Oct 2019 15:25:59 +0000 (+0200)
Subject: add support for timestamps in description text
X-Git-Url: https://git.0d.be/?p=panikweb.git;a=commitdiff_plain;h=d397a4181be3e24cabdc3804b73fff8249314451

add support for timestamps in description text
---

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index d2c2135..564ec4a 100644
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1453,6 +1453,11 @@ h3.episode-subtitle {
 	font-weight: bold;
 }
 
+span.timestamp {
+	cursor: pointer;
+	border-bottom: 1px dotted #666;
+}
+
 div.fragment-sound {
 	position: relative;
 }
diff --git a/panikweb_templates/static/js/specifics.js b/panikweb_templates/static/js/specifics.js
index c4c0dab..8768ea9 100644
--- a/panikweb_templates/static/js/specifics.js
+++ b/panikweb_templates/static/js/specifics.js
@@ -502,6 +502,24 @@ $(function() {
 			return false;
 		});
 
+		if ($('.sound + .content .text	').length) {
+			var text_content = $('.sound + .content .text')[0];
+			text_content.innerHTML = text_content.innerHTML.replace(
+				/[0-9][0-9]+:[0-9][0-9]/g,
+				function(x) { return '<span class="timestamp">' + x + "</span>"; });
+			$(text_content).find('span.timestamp').on('click', function() {
+				var $waveform = $('div.waveform');
+				var total_duration = parseFloat($waveform.data('duration'));
+				var nb_ticks = $waveform.find('span').length;
+				var timestamp = $(this).text().split(':');
+				var timestamp_position = timestamp[0] * 60 + timestamp[1] * 1;
+				var tick_idx = parseInt(nb_ticks * timestamp_position / total_duration);
+				// twice to get play then set position
+				$('span[data-tick-index=' + tick_idx + ']').trigger('click');
+				$('span[data-tick-index=' + tick_idx + ']').trigger('click');
+			});
+		}
+
 		if (document.cookie.indexOf('panikdb=on') != -1) {
 			panikdb_path = null;
 			if (window.location.pathname.indexOf('/emissions/') == 0) {