From c7f669541635eaaecf7be5f454bc91c29667cd45 Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Tue, 26 Sep 2023 14:57:37 +0200
Subject: [PATCH] show radio title in the palyer bar. fix #23

---
 src/components/Player.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index e9d2d48..f21e7a6 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="player" class="flex-column" v-show="selectedTrack._id || selectedRadio._id">
-    <input type="range" id="slider" min="0" max="100" step="0.1" v-model="selectedTrack.percent" @change="slideChanged" />
+    <input type="range" id="slider" min="0" max="100" step="0.1" v-model="selectedTrack.percent" @change="slideChanged"/>
     <div id="playerBar" class="flex-row">
       <div class="flex-row grow">
         <img class="cover pointer" :src="cover" :title="selectedTrack.parent.title" @click="gotoContainer" />
@@ -9,6 +9,9 @@
           from
           <b>{{ selectedTrack.parent.title }}</b>
         </div>
+        <div v-if="selectedRadio._id" class="flex-column">
+          <b>{{ selectedRadio.name }}</b>
+        </div>
       </div>
       <div id="playerControls" class="flex-row center">
         <button @click="switchShuffle" title="Shuffle mode" v-if="selectedTrack._id">
@@ -31,8 +34,8 @@
           <img src="static/icons/media-no-repeat-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'none'" />
         </button>
       </div>
-      <div class="flex-row ma-right hideOnMobilePortrait grow right" v-show="selectedTrack.title">
-        {{ formatedP }}&nbsp;|&nbsp;{{ formatedD }}
+      <div class="flex-row ma-right hideOnMobilePortrait grow right">
+        <span v-show="selectedTrack.title">{{ formatedP }}&nbsp;|&nbsp;{{ formatedD }}</span>
       </div>
     </div>
     <audio preload="auto" ref="audioControl" type="audio/mpeg" @ended="nextTrack" @canplay="play" @playing="playing" @durationchange="durationChanged" @timeupdate="timeUpdate" src></audio>