Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

beginning to implement category browser

Browse Source
This commit is contained in:
Jonas Heinrich 2020-11-21 19:23:26 +01:00
parent 322150821e
commit 290d3581dc
2 changed files with 68 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Main.vue
View File

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

25
src/components/Table.vue
View File

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