HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2025-07-16 17:48:49 +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 requestIsPending = ref(false);
async function finalStep() {
requestIsPending.value = true;
const createFeed: Promise<string> = createIndividualFeed(
store.getAllModules(),
);
@ -44,6 +46,7 @@ async function finalStep() {
// Check if createFeed Promise is resolved
createFeed.then(async (token: string) => {
tokenStore().setToken(token);
requestIsPending.value = false;
await router.push("/calendar-link");
});
@ -157,9 +160,9 @@ async function finalStep() {
</div>
<Button
:disabled="store.isEmpty()"
:disabled="store.isEmpty() || requestIsPending"
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')"
@click="finalStep()"
/>