HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-08-07 04:09:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#48 added loading indicator and disabled state

Browse Source
This commit is contained in:
Elmar Kresse
2024-03-29 21:52:33 +01:00
parent a74aa2ad0d
commit 5d40f65997
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/RenameModules.vue
View File

@@ -35,8 +35,10 @@ const columns = computed(() => [
]); ]);
const toast = useToast(); const toast = useToast();
const requestIsPending = ref(false);
async function finalStep() { async function finalStep() {
requestIsPending.value = true;
const createFeed: Promise<string> = createIndividualFeed( const createFeed: Promise<string> = createIndividualFeed(
store.getAllModules(), store.getAllModules(),
); );
@@ -44,6 +46,7 @@ async function finalStep() {
// Check if createFeed Promise is resolved // Check if createFeed Promise is resolved
createFeed.then(async (token: string) => { createFeed.then(async (token: string) => {
tokenStore().setToken(token); tokenStore().setToken(token);
requestIsPending.value = false;
await router.push("/calendar-link"); await router.push("/calendar-link");
}); });
@@ -157,9 +160,9 @@ async function finalStep() {
</div> </div>
<Button <Button
:disabled="store.isEmpty()" :disabled="store.isEmpty() || requestIsPending"
class="col-12 md:col-4 mb-3 align-self-end" class="col-12 md:col-4 mb-3 align-self-end"
icon="pi pi-save" :icon="requestIsPending ? 'pi pi-spin pi-spinner' : 'pi pi-save'"
:label="$t('renameModules.nextStep')" :label="$t('renameModules.nextStep')"
@click="finalStep()" @click="finalStep()"
/> />