added native volume slider

src/components/Main.vue

@@ -125,7 +125,9 @@ export default {
 		loadStations() {
 			// FIXME https://de1.api.radio-browser.info/json/stations/lastchange?limit=10
 			const vm = this
+			if (vm.offset === 0) {
 				vm.loading = true
+			}
 			this.$jquery.getJSON('https://de1.api.radio-browser.info/json/stations',
 				{
 					limit: 20,

src/components/Player.vue

@@ -2,7 +2,12 @@
 	<div id="app-settings">
 		<button id="playbutton" class="play" :style="playerIcon" />
 		<div id="volumeicon" class="full" />
-		<div id="volumeslider" />
+		<input
+			class="volume"
+			type="range"
+			name="volume"
+			min="0"
+			max="50">
 		<span id="stationMetadata" />
 	</div>
 </template>
@@ -77,7 +82,7 @@ export default {
 		/* background-image: url('../img/sound_silent.png'); */
 	}
 
-#volumeslider{
+	.volume{
 		width: 170px;
 		display: inline-block;
 		position: relative;