go/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2025-03-21 21:47:19 +02:00
Code Issues Releases Activity

UI: Display "Loading messages" instead of "No results" while loading results

Browse Source
This commit is contained in:
Ralph Slooten 2023-09-26 16:51:30 +13:00
parent 628b7e7881
commit 42a1fe1510
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
server/ui-src/components/ListMessages.vue
View File

@ -8,6 +8,10 @@ export default {
CommonMixins CommonMixins
], ],
props: {
loadingMessages: Number, // use different name to `loading` as that is already in use in CommonMixins
},
data() { data() {
return { return {
mailbox, mailbox,
@ -153,13 +157,15 @@ export default {
<div class="d-none d-lg-block col-2 col-xxl-1 small text-end text-muted"> <div class="d-none d-lg-block col-2 col-xxl-1 small text-end text-muted">
{{ getRelativeCreated(message) }} {{ getRelativeCreated(message) }}
</div> </div>
<!-- </a> -->
</RouterLink> </RouterLink>
</div> </div>
</template> </template>
<template v-else> <template v-else>
<p class="text-center mt-5"> <p class="text-center mt-5">
<template v-if="getSearch()">No results for <code>{{ getSearch() }}</code></template> <span v-if="loadingMessages > 0" class="text-secondary">
Loading messages...
</span>
<template v-else-if="getSearch()">No results for <code>{{ getSearch() }}</code></template>
<template v-else>No messages in your mailbox</template> <template v-else>No messages in your mailbox</template>
</p> </p>
</template> </template>

2
server/ui-src/views/MailboxView.vue
View File

@ -83,7 +83,7 @@ export default {
<div class="col-xl-10 col-md-9 mh-100 ps-0 ps-md-2 pe-0"> <div class="col-xl-10 col-md-9 mh-100 ps-0 ps-md-2 pe-0">
<div class="mh-100" style="overflow-y: auto;" id="message-page"> <div class="mh-100" style="overflow-y: auto;" id="message-page">
<ListMessages /> <ListMessages :loading-messages="loading" />
</div> </div>
</div> </div>
</div> </div>

2
server/ui-src/views/SearchView.vue
View File

@ -111,7 +111,7 @@ export default {
<div class="col-lg-10 col-md-9 mh-100 ps-0 ps-md-2 pe-0"> <div class="col-lg-10 col-md-9 mh-100 ps-0 ps-md-2 pe-0">
<div class="mh-100" style="overflow-y: auto;" id="message-page"> <div class="mh-100" style="overflow-y: auto;" id="message-page">
<ListMessages /> <ListMessages :loading-messages="loading" />
</div> </div>
</div> </div>
</div> </div>