From a88d7f93fba387195e5a93de282d279dea5dbbaa Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Wed, 8 Dec 2021 22:41:49 +0700
Subject: [PATCH] some lyrics fixes: disable click on unsynced & fix waiting
 dot

---
 resources/cider-ui-tests/index.js       | 5 ++++-
 resources/cider-ui-tests/views/main.ejs | 6 +++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index b3bf3b15..7fb1141f 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -1047,7 +1047,10 @@ const app = new Vue({
                                 })
                             }
                         }
-                    }
+                    } else if (app.currentLyricsLine == 0) {
+                        if (!document.querySelector(`.lyric-line[line-index="0"]`).classList.contains("active"))
+                        document.querySelector(`.lyric-line[line-index="0"]`).classList.add("active");
+                    } 
                     break;
                 }
             }
diff --git a/resources/cider-ui-tests/views/main.ejs b/resources/cider-ui-tests/views/main.ejs
index 4a1c522e..0d7ed2eb 100644
--- a/resources/cider-ui-tests/views/main.ejs
+++ b/resources/cider-ui-tests/views/main.ejs
@@ -430,9 +430,9 @@
     <!-- Lyrics View -->
     <script type="text/x-template" id="lyrics-view">
         <div class="md-body lyric-body">
-        <template v-if="lyrics">
+        <template v-if="lyrics && lyrics != []">
             <template v-for="(lyric, index) in lyrics" v-if="lyric.line != 'lrcInstrumental'">
-                <h3 class="lyric-line" @click="app.seekTo(lyric.startTime, false)"
+                <h3 class="lyric-line" @click="if(lyric.startTime != 9999999) app.seekTo(lyric.startTime, false)"
                 v-bind:line-index="index.toString()">
                     {{ lyric.line }}
                     <div class="lyrics-translation" v-if="lyric.translation && lyric.translation != ''">
@@ -441,7 +441,7 @@
                 </h3>
             </template>
             <template v-else>
-                <h3 class="lyric-line" @click="app.seekTo(lyric.startTime, false)" :start="lyric.startTime"
+                <h3 class="lyric-line" @click="if(lyric.startTime != 9999999) app.seekTo(lyric.startTime, false)" :start="lyric.startTime"
                     :end="lyric.endTime" v-bind:line-index="index.toString()">
                     <div class="lyricWaiting">
                         <div class='WaitingDot1'></div>