From a7f81c6337939ad01c4a0c7e935c67ac2ecf8dc0 Mon Sep 17 00:00:00 2001
From: Bnyro <yannick.fehler@web.de>
Date: Sat, 17 Sep 2022 19:57:47 +0200
Subject: [PATCH] add chapters toggle

---
 src/components/WatchVideo.vue | 15 ++++++++++++++-
 src/locales/en.json           |  3 ++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 9db70e3f..e0c0bcbc 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -29,7 +29,7 @@
                 />
                 <ChaptersBar
                     :mobileLayout="isMobile"
-                    v-if="video?.chapters?.length > 0"
+                    v-if="video?.chapters?.length > 0 && showChapters"
                     :chapters="video.chapters"
                     :player-position="currentTime"
                     @seek="navigate"
@@ -137,6 +137,18 @@
                 @click="showDesc = !showDesc"
                 v-t="`actions.${showDesc ? 'minimize_description' : 'show_description'}`"
             />
+
+            <span class="btn">
+                <input
+                    v-show="video?.chapters?.length > 0"
+                    id="showChapters"
+                    type="checkbox"
+                    checked
+                    v-model="showChapters"
+                />
+                <label class="ml-2" for="showChapters" v-t="'actions.show_chapters'" />
+            </span>
+
             <!-- eslint-disable-next-line vue/no-v-html -->
             <div v-show="showDesc" class="break-words" v-html="purifyHTML(video.description)" />
             <div
@@ -239,6 +251,7 @@ export default {
             selectedAutoPlay: null,
             showDesc: true,
             showRecs: true,
+            showChapters: true,
             comments: null,
             subscribed: false,
             channelId: null,
diff --git a/src/locales/en.json b/src/locales/en.json
index 814328a6..6474b63f 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -105,7 +105,8 @@
         "piped_link": "Piped link",
         "follow_link": "Follow link",
         "copy_link": "Copy link",
-        "time_code": "Time code (in seconds)"
+        "time_code": "Time code (in seconds)",
+        "show_chapters": "Chapters"
     },
     "comment": {
         "pinned_by": "Pinned by",