feat: store current track object to enable clear queue to work correctly

2026-06-04 20:43:04 +00:00 · 2022-08-05 20:20:34 +03:00
parent b9f0368f5b
commit aa4db95547
5 changed files with 26 additions and 21 deletions
@@ -0,0 +1,54 @@
+<template>
+  <div class="info">
+    <div class="desc">
+      <div>
+        <router-link
+          :to="{
+            name: 'AlbumView',
+            params: {
+              hash: track.albumhash,
+            },
+          }"
+        >
+          <div class="art">
+            <img
+              :src="imguri + track.image"
+              alt=""
+              class="l-image rounded force-lm"
+            />
+          </div>
+        </router-link>
+
+        <div id="bitrate" v-if="track.bitrate">
+          <span v-if="track.bitrate > 1500">MASTER</span>
+          <span v-else-if="track.bitrate > 330">FLAC</span>
+          <span v-else>MP3</span>
+          • {{ track.bitrate }}
+        </div>
+        <div class="title ellip">{{ props.track.title }}</div>
+        <div class="separator no-border"></div>
+        <div class="artists ellip" v-if="props.track.artists[0] !== ''">
+          <span
+            v-for="artist in putCommas(props.track.artists)"
+            :key="artist"
+            >{{ artist }}</span
+          >
+        </div>
+        <div class="artists" v-else>
+          <span>{{ props.track.albumartist }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { putCommas } from "@/utils";
+import { paths } from "../../../config";
+import { Track } from "../../../interfaces";
+const imguri = paths.images.thumb;
+
+const props = defineProps<{
+  track: Track;
+}>();
+</script>