From f06c406d867eaa8b457a7afb68e12b29731654ee Mon Sep 17 00:00:00 2001
From: LiviaMedeiros <livia@cirno.name>
Date: Mon, 16 Oct 2023 02:59:50 +0800
Subject: [PATCH] add `title` showing stream start time on watch page

---
 src/components/watch/WatchInfo.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/watch/WatchInfo.vue b/src/components/watch/WatchInfo.vue
index 82c4fa298..bed11b64d 100644
--- a/src/components/watch/WatchInfo.vue
+++ b/src/components/watch/WatchInfo.vue
@@ -22,7 +22,9 @@
       </router-link>
     </v-card-title>
     <v-card-subtitle>
-      {{ formattedTime }}
+      <span :class="'text-' + video.status" :title="absoluteTimeString">
+        {{ formattedTime }}
+      </span>
       <span
         v-if="video.status === 'live' && liveViewers"
         class="live-viewers"
@@ -199,6 +201,17 @@ export default {
         lang() {
             return this.$store.state.settings.lang;
         },
+        absoluteTimeString() {
+            const ts = localizedDayjs(this.video.available_at, this.lang);
+            const ts1 = ts.format(`${ts.isTomorrow() ? "ddd " : ""}LT zzz`);
+            const ts2 = ts
+                .tz("Asia/Tokyo")
+                .format(`${ts.isTomorrow() ? "ddd " : ""}LT zzz`);
+            if (ts1 === ts2) {
+                return ts1;
+            }
+            return `${ts1}\n${ts2}`;
+        },
         formattedTime() {
             switch (this.video.status) {
                 case "upcoming":