From 94ece08a1e04d9ba1f62000b04c7b7ca707c6ab6 Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Fri, 11 Sep 2020 21:21:56 +0200
Subject: hotkeys.js: add 'c' for transcript

---
 youtube/templates/watch.html | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 74b9887..b3847d5 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -608,6 +608,8 @@ Reload without invidious (for usage of new identity button).</a>
             </details>
         {% endif %}
     {% endif %}
+
+    <script src="/youtube.com/static/js/common.js"></script>
     {% if settings.use_video_hotkeys %}
         <script src="/youtube.com/static/js/hotkeys.js"></script>
     {% endif %}
-- 
cgit v1.2.3


From 05a7907be4648a7ddaf6c036ad401cac6e10da9f Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Fri, 11 Sep 2020 21:27:11 +0200
Subject: add transcript-table.js

---
 youtube/templates/watch.html | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index b3847d5..13e0620 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -305,6 +305,14 @@
                 .format-codecs{
                     width: 120px;
                 }
+
+    table#transcript-table {
+        border-collapse: collapse;
+        width: 100%;
+    }
+    table#transcript-table td, th {
+        border: 1px solid #dddddd;
+    }
 {% endblock style %}
 
 {% block main %}
@@ -613,4 +621,5 @@ Reload without invidious (for usage of new identity button).</a>
     {% if settings.use_video_hotkeys %}
         <script src="/youtube.com/static/js/hotkeys.js"></script>
     {% endif %}
+    <script src="/youtube.com/static/js/transcript-table.js"></script>
 {% endblock main %}
-- 
cgit v1.2.3


From 57978485ee80e13c6ac1a9f6377934be32c4c67a Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Sat, 12 Sep 2020 10:51:01 +0200
Subject: let jinja create the transcript <details> element

---
 youtube/templates/watch.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 13e0620..2bfed73 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -590,6 +590,20 @@ Reload without invidious (for usage of new identity button).</a>
             </div>
         {% endif %}
 
+        {% if subtitle_sources %}
+            <details id="transcript-box">
+                <summary>Transcript</summary>
+                <div>
+                    <select id="select-tt">
+                        {% for source in subtitle_sources %}
+                            <option>{{ source['label'] }}</option>
+                        {% endfor %}
+                    </select>
+                    <table id="transcript-table"></table>
+                </div>
+            </details>
+        {% endif %}
+
         {% if settings.related_videos_mode != 0 %}
             <details class="related-videos-outer" {{'open' if settings.related_videos_mode == 1 else ''}}>
                 <summary>Related Videos</summary>
-- 
cgit v1.2.3


From 0be0a59a2a3eef8da75f2bae57df72526598b2bf Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Sat, 12 Sep 2020 13:22:46 +0200
Subject: transcript-table: show transcript as contiguous text by default

---
 youtube/templates/watch.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 2bfed73..0e12d21 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -599,6 +599,7 @@ Reload without invidious (for usage of new identity button).</a>
                             <option>{{ source['label'] }}</option>
                         {% endfor %}
                     </select>
+                    <input type="checkbox" id="transcript-use-table">
                     <table id="transcript-table"></table>
                 </div>
             </details>
-- 
cgit v1.2.3


From 0830468bd13b59323f244978ae3e915bb715a949 Mon Sep 17 00:00:00 2001
From: zrose584 <57181548+zrose584@users.noreply.github.com>
Date: Tue, 15 Sep 2020 20:57:11 +0200
Subject: style transcript div

---
 youtube/templates/watch.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'youtube/templates')

diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html
index 0e12d21..8264eb8 100644
--- a/youtube/templates/watch.html
+++ b/youtube/templates/watch.html
@@ -313,6 +313,10 @@
     table#transcript-table td, th {
         border: 1px solid #dddddd;
     }
+    div#transcript-div {
+        background-color: var(--interface-color);
+        padding: 5px;
+    }
 {% endblock style %}
 
 {% block main %}
@@ -591,9 +595,9 @@ Reload without invidious (for usage of new identity button).</a>
         {% endif %}
 
         {% if subtitle_sources %}
-            <details id="transcript-box">
+            <details id="transcript-details">
                 <summary>Transcript</summary>
-                <div>
+                <div id="transcript-div">
                     <select id="select-tt">
                         {% for source in subtitle_sources %}
                             <option>{{ source['label'] }}</option>
-- 
cgit v1.2.3