Consistently show loading state on compliance flow button
This commit is contained in:
parent
89eca2ddf9
commit
9229725300
7 changed files with 71 additions and 23 deletions
|
|
@ -150,9 +150,13 @@
|
|||
<RouterLink class="btn btn-outline-secondary" :to="toBack()">
|
||||
Back
|
||||
</RouterLink>
|
||||
<button class="btn btn-primary flex-grow-1" @click="doContinue">
|
||||
Continue
|
||||
</button>
|
||||
<ButtonLoading
|
||||
class="flex-grow-1"
|
||||
@click="doContinue"
|
||||
icon="bi-caret-right-fill"
|
||||
:loading="isUploading"
|
||||
text="Continue"
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
|
@ -160,12 +164,13 @@
|
|||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
|
||||
import ButtonLoading from "@/components/common/ButtonLoading.vue";
|
||||
import { router } from "@/rmo/route/config";
|
||||
import type { District, PublicReportCompliance } from "@/type/api";
|
||||
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
|
||||
import ImageUpload, { Image } from "@/components/ImageUpload.vue";
|
||||
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";
|
||||
import { useRoutes } from "@/rmo/route/use";
|
||||
import type { District, PublicReportCompliance } from "@/type/api";
|
||||
|
||||
interface Emits {
|
||||
(e: "update:modelValue", value: PublicReportCompliance): void;
|
||||
|
|
@ -173,6 +178,7 @@ interface Emits {
|
|||
}
|
||||
interface Props {
|
||||
district: District;
|
||||
isUploading: boolean;
|
||||
modelValue: PublicReportCompliance;
|
||||
publicID: string;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue