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

show loading screen

Browse Source
This commit is contained in:
Jonas Heinrich 2020-10-21 10:19:03 +02:00
parent 1b0eb9a82a
commit 7c2fa68383
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Main.vue
View File

@ -9,9 +9,13 @@
href="/Top" />
</Breadcrumbs>
<Table
v-if="!loading"
:station-data="tableData"
@doPlay="doPlay"
@doFavor="doFavor" />
<EmptyContent
v-if="loading"
icon="icon-loading" />
</AppContent>
</Content>
</template>
@ -21,6 +25,7 @@ import Content from '@nextcloud/vue/dist/Components/Content'
import AppContent from '@nextcloud/vue/dist/Components/AppContent'
import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
import Navigation from './Navigation'
import Table from './Table'
import { Howl } from 'howler'
@ -40,10 +45,12 @@ export default {
Breadcrumbs,
Breadcrumb,
Table,
EmptyContent,
},
data: () => ({
tableData: [],
offset: 0,
loading: false,
}),
watch: {
$route: 'onRoute',
@ -117,6 +124,7 @@ export default {
loadStations() {
// FIXME https://de1.api.radio-browser.info/json/stations/lastchange?limit=10
const vm = this
vm.loading = true
this.$jquery.getJSON('https://de1.api.radio-browser.info/json/stations',
{
limit: 20,
@ -126,6 +134,8 @@ export default {
'User-Agent': 'Nextcloud Radio/1.0.0', // FIXME global version, doesnt seem to work
})
.done(function(data) {
vm.loading = false
console.log(vm.loading)
vm.tableData = vm.tableData.concat(data)
vm.offset += 20
})