From bb43de465f3b5c0d2efa8d57ae4a6036550e69c2 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 28 Jan 2024 20:27:56 +0100
Subject: [PATCH] [web] Replace component with plain HTML component

---
 web-src/src/components/ListTracks.vue  | 14 +++++++++-----
 web-src/src/components/ProgressBar.vue | 21 ---------------------
 2 files changed, 9 insertions(+), 26 deletions(-)
 delete mode 100644 web-src/src/components/ProgressBar.vue

diff --git a/web-src/src/components/ListTracks.vue b/web-src/src/components/ListTracks.vue
index 76bc6a11..dcb8989d 100644
--- a/web-src/src/components/ListTracks.vue
+++ b/web-src/src/components/ListTracks.vue
@@ -30,8 +30,9 @@
           v-text="track.item.artist"
         />
         <h2 class="subtitle is-7 has-text-grey" v-text="track.item.album" />
-        <progress-bar
-          v-if="show_progress"
+        <progress
+          v-if="show_progress && track.item.seek_ms > 0"
+          class="progress is-info"
           :max="track.item.length_ms"
           :value="track.item.seek_ms"
         />
@@ -55,12 +56,11 @@
 
 <script>
 import ModalDialogTrack from '@/components/ModalDialogTrack.vue'
-import ProgressBar from '@/components/ProgressBar.vue'
 import webapi from '@/webapi'
 
 export default {
   name: 'ListTracks',
-  components: { ModalDialogTrack, ProgressBar },
+  components: { ModalDialogTrack },
 
   props: ['tracks', 'uris', 'expression', 'show_progress', 'show_icon'],
   emits: ['play-count-changed'],
@@ -99,4 +99,8 @@ export default {
 }
 </script>
 
-<style></style>
+<style scoped>
+.progress {
+  height: 0.25rem;
+}
+</style>
diff --git a/web-src/src/components/ProgressBar.vue b/web-src/src/components/ProgressBar.vue
deleted file mode 100644
index 93e45083..00000000
--- a/web-src/src/components/ProgressBar.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <progress
-    v-if="value > 0"
-    class="progress is-info"
-    :value="value"
-    :max="max"
-  />
-</template>
-
-<script>
-export default {
-  name: 'ProgressBar',
-  props: ['max', 'value']
-}
-</script>
-
-<style scoped>
-.progress {
-  height: 0.25rem;
-}
-</style>