From 7778e1027683b97d2cbb766a9fa241196976534d Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Thu, 28 Oct 2021 15:37:46 +0700
Subject: [PATCH] Add buttons for Youtube Lyrics

---
 resources/html/oobe.html | 14 ++++++++++++--
 resources/js/tests.js    |  6 ++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/resources/html/oobe.html b/resources/html/oobe.html
index 95c986a..3136ee4 100644
--- a/resources/html/oobe.html
+++ b/resources/html/oobe.html
@@ -364,9 +364,19 @@ <h1 class="md-h1">Other Settings</h1>
                                 <input type="checkbox" v-model="prefs.visual.mxmon" switch/>
                             </div>
                         </div>
-                        <div class="md-option-line" v-if="prefs.visual.mxmon">
+                        <div class="md-option-line">
+                            <div class="md-option-segment">
+                                Enable Youtube Lyrics (for MV)
+                                <br>
+                                <small>(NOT RECOMMENDED!) Better timings and lyrics availability on some Music Videos, however can be inconsistent.</small>
+                            </div>
+                            <div class="md-option-segment md-option-segment_auto">
+                                <input type="checkbox" v-model="prefs.visual.yton" switch/>
+                            </div>
+                        </div>
+                        <div class="md-option-line" v-if="prefs.visual.mxmlanguage">
                             <div class="md-option-segment">
-                                Musixmatch Lyrics Translation Language
+                                Musixmatch Lyrics / Youtube Lyrics Translation Language
                             </div>
                             <div class="md-option-segment md-option-segment_auto">
                                 <select v-model="prefs.visual.mxmlanguage" class="md-select" style="width:180px;">
diff --git a/resources/js/tests.js b/resources/js/tests.js
index 80dc4a0..bc80e4b 100644
--- a/resources/js/tests.js
+++ b/resources/js/tests.js
@@ -133,6 +133,7 @@ var _tests = {
                             useOperatingSystemAccent: false,
                             scaling: 1,
                             mxmon: false,
+                            yton: false,
                             mxmlanguage: "en",
                             removeScrollbars: true
                         },
@@ -192,6 +193,10 @@ var _tests = {
                             self.prefs.visual.mxmon = result
                         })
 
+                        ipcRenderer.invoke("getStoreValue", "visual.yton").then((result) => {
+                            self.prefs.visual.yton = result
+                        })
+
                         ipcRenderer.invoke("getStoreValue", "visual.mxmlanguage").then((result) => {
                             self.prefs.visual.mxmlanguage = result
                         })
@@ -212,6 +217,7 @@ var _tests = {
                         ipcRenderer.invoke("setStoreValue", "visual.transparencyEffect", self.prefs.visual.transparencyEffect)
                         ipcRenderer.invoke("setStoreValue", "visual.useOperatingSystemAccent", self.prefs.visual.useOperatingSystemAccent)
                         ipcRenderer.invoke("setStoreValue", "visual.mxmon", self.prefs.visual.mxmon)
+                        ipcRenderer.invoke("setStoreValue", "visual.yton", self.prefs.visual.yton)
                         ipcRenderer.invoke("setStoreValue", "visual.mxmlanguage", self.prefs.visual.mxmlanguage)
                         ipcRenderer.invoke("setStoreValue", "visual.removeScrollbars", self.prefs.visual.removeScrollbars)
                     },