From 00d16dff1f750839a45cc25203dc6546b3e273ee Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Mon, 21 Aug 2023 14:54:37 -0700
Subject: [PATCH] Add data-jump-time attribute to chapters component

Allows automatically jumping to specified time instead of reloading the
page.
---
 .../views/components/description_chapters_widget.ecr | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/invidious/views/components/description_chapters_widget.ecr b/src/invidious/views/components/description_chapters_widget.ecr
index ff2dbcc0..e02f29cf 100644
--- a/src/invidious/views/components/description_chapters_widget.ecr
+++ b/src/invidious/views/components/description_chapters_widget.ecr
@@ -6,20 +6,20 @@
             <% chapters.each do | chapter | %>
                 <%- start_in_seconds = chapter.start_ms.milliseconds.total_seconds.to_i %>
                 <a href="/watch?v=<%-= video.id %>&t=<%=start_in_seconds %>">
-                    <div class="chapter">
+                    <div class="chapter" data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>">
                         <div class="thumbnail">
                             <%- if !env.get("preferences").as(Preferences).thin_mode -%>
-                                <img loading="lazy" class="thumbnail" src="<%-=URI.parse(chapter.thumbnails[-1]["url"].to_s).request_target %>" alt="" />
+                                <img loading="lazy" class="thumbnail" src="<%-=URI.parse(chapter.thumbnails[-1]["url"].to_s).request_target %>" alt="" data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>"/>
                             <%- else -%>
-                                <div class="thumbnail-placeholder"></div>
+                                <div class="thumbnail-placeholder" data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>"></div>
                             <%- end -%>
                         </div>
                         <%- if start_in_seconds > 0 -%>
-                            <p><%-= recode_length_seconds(start_in_seconds) -%></p>
+                            <p data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>"><%-= recode_length_seconds(start_in_seconds) -%></p>
                         <%- else -%>
-                            <p>0:00</p>
+                            <p data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>">0:00</p>
                         <%- end -%>
-                        <p><%-=chapter.title-%></p>
+                        <p data-onclick="jump_to_time" data-jump-time="<%=start_in_seconds%>"><%-=chapter.title-%></p>
                     </div>
                 </a>
             <% end %>