Show song count on video card

HolodexNet · Sep 29, 2023 · 6846b3c · 6846b3c
1 parent a1c3deb
commit 6846b3c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/video/VideoCard.vue b/src/components/video/VideoCard.vue
@@ -56,7 +56,12 @@
         <!-- Video duration/music indicator (👻❌) -->
         <div v-if="!isPlaceholder" class="d-flex flex-column align-end">
           <!-- Show music icon if songs exist -->
-          <div v-if="data.songcount" class="video-duration">
+          <div 
+            v-if="data.songcount" 
+            class="video-duration"
+            :title="songIconTitle"
+          >
+            {{ songCount }}
             <v-icon small color="white">{{ icons.mdiMusic }}</v-icon>
           </div>
           <!-- Show TL chat icon if recently active or has archive tl exist -->
@@ -536,6 +541,12 @@ export default {
                 ? this.$t("component.videoCard.totalTLs")
                 : this.$t("component.videoCard.tlPresence");
         },
+        songIconTitle() {
+            return this.$t("component.videoCard.totalSongs");
+        },
+        songCount() {
+            return this.data.songcount > 1 ? this.data.songcount : "";
+        },
         href() {
             if (this.isPlaceholder) return undefined;
             return this.redirectMode

diff --git a/src/locales/en/ui.yml b/src/locales/en/ui.yml
@@ -48,6 +48,7 @@ component:
     premiere: PREMIERE
     googleCalendar: Add to Google Calendar
     totalTLs: Total live chat TLs
+    totalSongs: Total timestamped songs
     tlPresence: Active translator in last 30 mins
     uncertainPlaceholder: Start time is not officially confirmed, actual start time may vary.
     typeScheduledYT: Scheduled Stream