adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 20:52:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

add loading indicator to import (ST-149), change card divider color

Browse Source
This commit is contained in:
Gregor Vostrak
2024-06-07 14:18:27 +02:00
parent f40ae91444
commit 8857befc6c
5 changed files with 69 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
resources/js/Pages/Teams/Partials/ImportData.vue
View File

@@ -11,10 +11,13 @@ import type { ImportReport, ImportType } from '@/utils/api';
import DialogModal from '@/Components/DialogModal.vue';
import SecondaryButton from '@/Components/SecondaryButton.vue';
import { initializeStores } from '@/utils/init';
const importTypeOptions = ref<ImportType[]>([]);
const { addNotification } = useNotificationsStore();
const loading = ref(false);
onMounted(async () => {
const organizationId = getCurrentOrganizationId();
if (organizationId) {
@@ -50,28 +53,32 @@ async function importData() {
const organizationId = getCurrentOrganizationId();
if (organizationId !== null) {
const { handleApiRequestNotifications } = useNotificationsStore();
reportResult.value = await handleApiRequestNotifications(() => {
if (importType.value) {
return api.importData(
{
type: importType.value.key,
data: base64String,
},
{
params: {
organization: organizationId,
loading.value = true;
try {
reportResult.value = await handleApiRequestNotifications(() => {
if (importType.value) {
return api.importData(
{
type: importType.value.key,
data: base64String,
},
}
);
}
return new Promise((resolve, reject) => {
reject('Import type is null');
{
params: {
organization: organizationId,
},
}
);
}
return new Promise((resolve, reject) => {
reject('Import type is null');
});
});
});
initializeStores();
if (reportResult.value) {
showResultModal.value = true;
initializeStores();
if (reportResult.value) {
showResultModal.value = true;
}
} finally {
loading.value = false;
}
}
}
@@ -225,7 +232,9 @@ const showResultModal = ref(false);
</div>
</template>
<template #actions>
<PrimaryButton @click="importData">Import Data</PrimaryButton>
<PrimaryButton :loading @click="importData"
>Import Data</PrimaryButton
>
</template>
</FormSection>
</template>