Skip to content

Commit 717de73

Browse files
AchoArnoldAchoArnold
committed
add primary to loading annimation
1 parent 5550f7e commit 717de73

5 files changed

Lines changed: 25 additions & 16 deletions

File tree

‎web/app/pages/billing/index.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -201,6 +201,7 @@ onMounted(async () => {
201201
</VBtn>
202202
<VToolbarTitle>Account Usage</VToolbarTitle>
203203
<VProgressLinear
204+
color="primary"
204205
:active="loading"
205206
:indeterminate="loading"
206207
absolute

‎web/app/pages/bulk-messages/index.vue‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,7 @@ onMounted(async () => {
114114
</VToolbarTitle>
115115
<VProgressLinear
116116
:active="loading"
117+
color="primary"
117118
:indeterminate="loading"
118119
location="bottom"
119120
absolute
@@ -204,7 +205,7 @@ onMounted(async () => {
204205
delivery status breakdown for each batch. Click on a row to see
205206
individual messages on the search page.
206207
</p>
207-
<VProgressLinear v-if="loadingHistory" indeterminate class="mb-4" />
208+
<VProgressLinear color="primary" v-if="loadingHistory" indeterminate class="mb-4" />
208209
<VTable density="comfortable" v-else>
209210
<thead>
210211
<tr class="text-uppercase text-medium-emphasis">

‎web/app/pages/heartbeats/[id].vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ onMounted(async () => {
5757
Monitor the connectivity status of your Android phones. Heartbeats
5858
are sent every 15 minutes when the phone is online.
5959
</p>
60-
<VProgressLinear v-if="loading" indeterminate class="mb-4" />
60+
<VProgressLinear color="primary" v-if="loading" indeterminate class="mb-4" />
6161
<VTable v-else-if="heartbeats.length">
6262
<thead>
6363
<tr class="text-uppercase text-title-medium">

‎web/app/pages/phone-api-keys/index.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,7 @@ onBeforeUnmount(() => {
235235
Phone API Keys
236236
</VToolbarTitle>
237237
<VProgressLinear
238+
color="primary"
238239
:active="loading"
239240
:indeterminate="loading"
240241
absolute

‎web/app/pages/search-messages/index.vue‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ function getCaptcha(): Promise<string> {
133133
turnstile.ready(() => {
134134
turnstile.render("#cloudflare-turnstile", {
135135
sitekey: (config.public as Record<string, string>)
136-
.cloudflareTurnstileSiteKey,
136+
.cloudflareTurnstileSiteKey!,
137137
action: "search_messages",
138138
callback: (token) => resolve(token),
139139
"error-callback": (error: string) => reject(error),
@@ -343,6 +343,7 @@ onMounted(async () => {
343343
</VToolbarTitle>
344344
<VProgressLinear
345345
:active="loading"
346+
color="primary"
346347
:indeterminate="loading"
347348
location="bottom"
348349
absolute
@@ -371,6 +372,7 @@ onMounted(async () => {
371372
<VCol cols="12" md="4">
372373
<VSelect
373374
v-model="formOwners"
375+
color="primary"
374376
:error="errorMessages.has('owners')"
375377
:error-messages="errorMessages.get('owners')"
376378
:items="phoneNumberSelectItems"
@@ -383,6 +385,7 @@ onMounted(async () => {
383385
<VCol cols="12" md="4">
384386
<VSelect
385387
v-model="formTypes"
388+
color="primary"
386389
:error="errorMessages.has('types')"
387390
:error-messages="errorMessages.get('types')"
388391
:items="messageTypeSelectItems"
@@ -395,6 +398,7 @@ onMounted(async () => {
395398
<VCol cols="12" md="4">
396399
<VSelect
397400
v-model="formStatuses"
401+
color="primary"
398402
:error="errorMessages.has('statuses')"
399403
:error-messages="errorMessages.get('statuses')"
400404
:items="messageStatusSelectItems"
@@ -409,6 +413,7 @@ onMounted(async () => {
409413
<VCol cols="12" md="8">
410414
<VTextField
411415
v-model="formQuery"
416+
color="primary"
412417
:error="errorMessages.has('query')"
413418
:error-messages="errorMessages.get('query')"
414419
label="Search Query"
@@ -436,15 +441,15 @@ onMounted(async () => {
436441
</VCardText>
437442
</VCard>
438443
<VRow>
439-
<VCol cols="12" class="mt-16 mb-n2 d-flex">
440-
<h2 class="text-headline-large">Search Results</h2>
444+
<VCol cols="12" class="mt-16 mb-n2 d-flex align-baseline">
445+
<h2 class="text-headline-large mb-0">Search Results</h2>
441446
<VDialog v-model="showDeleteDialog" opacity="0.9" max-width="550">
442447
<template #activator="{ props }">
443448
<VBtn
444449
:loading="loading"
445450
:disabled="loading || selectedMessages.length < 1"
446451
size="small"
447-
class="ml-2 mt-2"
452+
class="ml-2"
448453
color="error"
449454
v-bind="props"
450455
>
@@ -454,21 +459,21 @@ onMounted(async () => {
454459
</VBtn>
455460
</template>
456461
<VCard>
457-
<VCardTitle class="text-headline-medium text-break">
458-
Are you sure you want to delete the
459-
{{ selectedMessages.length }} selected messages?
462+
<VCardTitle>
463+
Delete <v-code>{{ selectedMessages.length }}</v-code> selected messages?
460464
</VCardTitle>
461-
<VCardText>
465+
<VCardText class="text-medium-emphasis">
462466
The messages will be deleted permanently from the httpSMS
463467
server and cannot be recovered.
464468
</VCardText>
465469
<VCardActions class="pb-4">
466470
<VBtn
467-
color="primary"
471+
color="error"
468472
:loading="loading"
473+
variant="flat"
469474
@click="deleteMessages"
470475
>
471-
Yes Delete Messages
476+
Delete Messages
472477
</VBtn>
473478
<VSpacer />
474479
<VBtn color="warning" @click="showDeleteDialog = false">
@@ -492,20 +497,20 @@ onMounted(async () => {
492497
</template>
493498
<VCard>
494499
<VCardTitle class="text-headline-medium text-break">
495-
Are you sure you want to resend the
496-
{{ selectedMessages.length }} selected messages?
500+
Resend <v-code>{{ selectedMessages.length }}</v-code> selected messages?
497501
</VCardTitle>
498-
<VCardText>
502+
<VCardText class="text-medium-emphasis">
499503
The selected messages will be queued for sending again using
500504
the original sender, recipient, and content.
501505
</VCardText>
502506
<VCardActions class="pb-4">
503507
<VBtn
504508
color="primary"
509+
variant="flat"
505510
:loading="loading"
506511
@click="resendMessages"
507512
>
508-
Yes Resend Messages
513+
Resend Messages
509514
</VBtn>
510515
<VSpacer />
511516
<VBtn color="warning" @click="showResendDialog = false">
@@ -534,6 +539,7 @@ onMounted(async () => {
534539
v-model:items-per-page="itemsPerPage"
535540
v-model:page="page"
536541
v-model:sort-by="sortBy"
542+
color="primary"
537543
item-value="id"
538544
:headers="headers"
539545
:items="messages"

0 commit comments

Comments
 (0)