mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-07-08 21:14:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update initial server connection to not block the home page

Browse source
This commit is contained in:
advplyr 2023-09-10 08:38:11 -05:00
parent cbdc3513c7
commit 03225957aa
3 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/widgets/ConnectionIndicator.vue
View file

@ -34,7 +34,7 @@ export default {
return this.$store.state.attemptingConnection
},
icon() {
if (!this.user) return null // hide when not connected to server
if (!this.user && !this.attemptingConnection) return null // hide when not connected to server
if (this.attemptingConnection) {
return 'cloud_sync'

4
layouts/default.vue
View file

@ -3,10 +3,6 @@
<app-appbar />
<div id="content" class="overflow-hidden relative" :class="isPlayerOpen ? 'playerOpen' : ''">
<Nuxt />
<div v-if="attemptingConnection" class="absolute top-0 left-0 z-50 w-full h-full flex items-center justify-center">
<ui-loading-indicator text="Connecting to server..." class="mt-9" />
</div>
</div>
<app-audio-player-container ref="streamContainer" />
<modals-libraries-modal />

4
pages/bookshelf/index.vue
View file

@ -1,5 +1,9 @@
<template>
<div class="w-full h-full min-h-full relative">
<div v-if="attemptingConnection" class="w-full pt-4 flex items-center justify-center">
<widgets-loading-spinner />
<p class="pl-4">Attempting server connection...</p>
</div>
<div v-if="shelves.length && isLoading" class="w-full pt-4 flex items-center justify-center">
<widgets-loading-spinner />
<p class="pl-4">Loading server data...</p>