radio-browser.info api: count click api

src/components/Main.vue

@@ -50,12 +50,19 @@ export default {
 				audioPlayer.fade(100, 0, 500) // FIXME persistent volume state
 				audioPlayer.unload() // FIXME do unload after fadeout
 			}
+			this.$jquery.get('http://de1.api.radio-browser.info/json/url/' + station.stationuuid,
+				{
+					'User-Agent': 'Nextcloud Radio/1.0.0', // FIXME global version, doesnt seem to work
+				})
 			audioPlayer = new Howl({
 				src: [station.url_resolved],
 				volume: 0,
 			})
 			audioPlayer.play()
 			audioPlayer.fade(0, 100, 500) // FIXME persistent volume state
+
+			const stationMetadata = document.getElementById('stationMetadata')
+			stationMetadata.textContent = station.name
 		},
 		loadStations() {
 			const vm = this
@@ -65,7 +72,7 @@ export default {
 					order: 'clickcount',
 					reverse: true,
 					offset: vm.offset,
-					'User-Agent': 'Nextcloud Radio/1.0.0', // FIXME global version
+					'User-Agent': 'Nextcloud Radio/1.0.0', // FIXME global version, doesnt seem to work
 				})
 				.done(function(data) {
 					vm.tableData = vm.tableData.concat(data)

src/components/Player.vue

@@ -3,7 +3,7 @@
 		<button id="playbutton" class="play" :style="playerIcon" />
 		<div id="volumeicon" class="full" />
 		<div id="volumeslider" />
-		<span id="station_metadata" />
+		<span id="stationMetadata" />
 	</div>
 </template>