groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-12-06 20:09:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added progress to upload

Browse source
This commit is contained in:
Vito0912 2025-09-27 17:00:57 +02:00
parent e040396b20
commit 9ce6de3100
No known key found for this signature in database
GPG key ID: A0F767011D6093A2
3 changed files with 83 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/components/ui/LoadingIndicator.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="w-40">
<div :class="hasSlotContent ? 'w-auto' : 'w-40'">
<div class="bg-bg border border-gray-500 py-2 px-5 rounded-lg flex items-center flex-col box-shadow-md">
<div class="loader-dots block relative w-20 h-5 mt-2">
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
@ -7,7 +7,9 @@
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
<div class="absolute top-0 mt-1 w-3 h-3 rounded-full bg-green-500"></div>
</div>
<div class="text-gray-200 text-xs font-light mt-2 text-center">{{ message }}</div>
<slot>
<div class="text-gray-200 text-xs font-light mt-2 text-center">{{ message }}</div>
</slot>
</div>
</div>
</template>
@ -23,6 +25,9 @@ export default {
computed: {
message() {
return this.text || this.$strings.MessagePleaseWait
},
hasSlotContent() {
return this.$slots.default && this.$slots.default.length > 0
}
}
}