|
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> |