Feature: search for radio stream title from full screen player (#462)

* Feature: search for radio stream title from full screen player

* Show stream title containing no dash

Author: sprocket-9

src/layouts/default/PlayerOSD/PlayerFullscreen.vue

@@ -121,7 +121,20 @@
                 store.curQueueItem?.streamdetails?.stream_title
               "
             >
-              <h4 class="fullscreen-track-info-subtitle">
+              <!-- radio live metadata -->
+              <h4
+                v-if="
+                  store.curQueueItem.streamdetails.stream_title.includes(' - ')
+                "
+                class="fullscreen-track-info-subtitle"
+                style="cursor: pointer"
+                @click="
+                  radioTitleClick(store.curQueueItem.streamdetails.stream_title)
+                "
+              >
+                {{ store.curQueueItem.streamdetails.stream_title }}
+              </h4>
+              <h4 v-else class="fullscreen-track-info-subtitle">
                 {{ store.curQueueItem.streamdetails.stream_title }}
               </h4>
             </div>
@@ -489,6 +502,13 @@ const radioNameClick = function (item: Radio | ItemMapping) {
   store.showFullscreenPlayer = false;
 };
 
+const radioTitleClick = function (streamTitle: string) {
+  // radio station title clicked
+  store.globalSearchTerm = streamTitle;
+  router.push({ name: 'search' });
+  store.showFullscreenPlayer = false;
+};
+
 // watchers
 watch(
   () => store.curQueueItem,