Lines 12-17
Link Here
|
12 |
> |
12 |
> |
13 |
</div> |
13 |
</div> |
14 |
<!-- Must be styled differently --> |
14 |
<!-- Must be styled differently --> |
|
|
15 |
|
16 |
<div class="modal_centered" v-if="is_submitting"> |
17 |
<div class="spinner dialog alert">{{ $__("Submitting...") }}</div> |
18 |
</div> |
15 |
</template> |
19 |
</template> |
16 |
|
20 |
|
17 |
<script> |
21 |
<script> |
Lines 20-28
import { storeToRefs } from "pinia"
Link Here
|
20 |
export default { |
24 |
export default { |
21 |
setup() { |
25 |
setup() { |
22 |
const mainStore = inject("mainStore") |
26 |
const mainStore = inject("mainStore") |
23 |
const { message, error, warning } = storeToRefs(mainStore) |
27 |
const { message, error, warning, is_submitting } = |
|
|
28 |
storeToRefs(mainStore) |
24 |
const { removeMessages } = mainStore |
29 |
const { removeMessages } = mainStore |
25 |
return { message, error, warning, removeMessages } |
30 |
return { message, error, warning, is_submitting, removeMessages } |
26 |
}, |
31 |
}, |
27 |
} |
32 |
} |
28 |
</script> |
33 |
</script> |
Lines 42-45
export default {
Link Here
|
42 |
float: right; |
47 |
float: right; |
43 |
cursor: pointer; |
48 |
cursor: pointer; |
44 |
} |
49 |
} |
|
|
50 |
|
51 |
.modal_centered { |
52 |
position: fixed; |
53 |
z-index: 9998; |
54 |
display: table; |
55 |
transition: opacity 0.3s ease; |
56 |
left: 0px; |
57 |
top: 0px; |
58 |
width: 100%; |
59 |
height: 100%; |
60 |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33); |
61 |
} |
62 |
.spinner { |
63 |
position: absolute; |
64 |
top: 50%; |
65 |
left: 40%; |
66 |
width: 10%; |
67 |
} |
45 |
</style> |
68 |
</style> |