From 468b90e681bbca2c7e2095c0b6df48bbb4cf7041 Mon Sep 17 00:00:00 2001
From: Sacha Chua <sacha@sachachua.com>
Date: Wed, 27 Jan 2021 01:13:11 -0500
Subject: Fiddle with page JS

---
 templates/page.tmpl | 36 +++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

(limited to 'templates')

diff --git a/templates/page.tmpl b/templates/page.tmpl
index 44b6a957..a764202d 100644
--- a/templates/page.tmpl
+++ b/templates/page.tmpl
@@ -73,21 +73,35 @@
   function parseSeconds(timeString) {
     return timeString.split(":").reduce(function(prev, o) {
       return prev * 60 + parseFloat(o);
-    });
+    }, 0);
   }
 
   window.onload = function initScript() {
-      mainVideo = document.getElementById("mainVideo");
-      qnaVideo = document.getElementById("qnaVideo");
-      timestamps = document.getElementsByClassName("time-link");
-      let len = timestamps.length;
-      for (let i = 0; i < len; i++) {
-          timestamps[i].onclick = function () {
-              const videoType = this.href.split("/").pop();
-              const video = (videoType == "#mainVideo") ? mainVideo : qnaVideo;
-              video.currentTime = parseSeconds(this.innerText)
-          };
+    mainVideo = document.getElementById("mainVideo");
+    qnaVideo = document.getElementById("qnaVideo");
+    timestamps = document.getElementsByClassName("time-link");
+    let len = timestamps.length;
+    for (let i = 0; i < len; i++) {
+      timestamps[i].onclick = function () {
+        const videoType = this.href.split("/").pop();
+        const video = (videoType == "#mainVideo") ? mainVideo : qnaVideo;
+        video.currentTime = parseSeconds(this.innerText)
+      };
+    }
+    let handleSubtitleClick = function(event) {
+      let video = event.target.attributes['data-video'].value;
+      let start = event.target.attributes['data-start'].value
+      let videoElem = document.getElementById(video);
+      if (videoElem) {
+        videoElem.currentTime = parseSeconds(start);
       }
+    }
+
+    let subtitles = document.getElementsByClassName('subtitle');
+    for (let i = 0; i < subtitles.length; i++) {
+      subtitles[i].onclick = handleSubtitleClick;
+    }
+
   }
   // @license-end
 </script>
-- 
cgit v1.2.3