show loading screen
This commit is contained in:
parent
1b0eb9a82a
commit
7c2fa68383
@ -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
|
||||
})
|
||||
|
Loading…
Reference in New Issue
Block a user