beginning to implement category browser

src/components/Main.vue

@@ -236,10 +236,6 @@ export default {
 					vm.$store.dispatch('isPlaying', false)
 					vm.$store.dispatch('isBuffering', true)
 				},
-				onloaderror() {
-					showError(t('radio', 'Unable to reach and play radio station'))
-					vm.$store.dispatch('isBuffering', false)
-				},
 			})
 			audioPlayer.play()
 			audioPlayer.fade(0, vm.player.volume, 500)

src/components/Table.vue

@@ -10,6 +10,7 @@
 			</tr>
 		</thead>
 		<tbody>
+			<template v-if="stationData[0].type!=='folder'">
 				<tr
 					v-for="(station, idx) in stationData"
 					:key="idx"
@@ -53,6 +54,23 @@
 						</Actions>
 					</td>
 				</tr>
+			</template>
+			<template v-if="stationData[0].type==='folder'">
+				<tr
+					v-for="(station, idx) in stationData"
+					:key="idx"
+					@click="doPlay(idx, station)">
+					<td>
+						<span class="icon-folder" />
+					</td>
+					<td class="nameColumn">
+						<span class="innernametext">
+							{{ station.name }}
+						</span>
+					</td>
+					<td class="actionColumn" />
+				</tr>
+			</template>
 		</tbody>
 	</table>
 </template>
@@ -151,6 +169,13 @@ table {
 			background-repeat: no-repeat;
 			border-bottom: 1px solid var(--color-border);
 			cursor: pointer;
+
+			span.icon-folder {
+				display: block;
+				background-size: cover;
+				width: 30px;
+				height: 30px;
+			}
 		}
 
 		tr {