diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html index 3f6ece30c3..9972e10220 100644 --- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html +++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.html @@ -90,7 +90,7 @@ - +

{{ selectedModalContent.title | abpLocalization }}

@@ -103,13 +103,7 @@ - {{ 'AbpIdentity::Save' | abpLocalization }} + {{ 'AbpIdentity::Save' | abpLocalization }}
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts index d2f9e271d6..64df09bc75 100644 --- a/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts +++ b/npm/ng-packs/packages/tenant-management/src/lib/components/tenants/tenants.component.ts @@ -52,6 +52,8 @@ export class TenantsComponent { loading: boolean = false; + modalBusy: boolean = false; + get useSharedDatabase(): boolean { return this.defaultConnectionStringForm.get('useSharedDatabase').value; } @@ -144,11 +146,13 @@ export class TenantsComponent { } saveConnectionString() { + this.modalBusy = true; if (this.useSharedDatabase) { this.tenantService .deleteDefaultConnectionString(this.selected.id) .pipe(take(1)) .subscribe(() => { + this.modalBusy = false; this.isModalVisible = false; }); } else { @@ -156,6 +160,7 @@ export class TenantsComponent { .updateDefaultConnectionString({ id: this.selected.id, defaultConnectionString: this.connectionString }) .pipe(take(1)) .subscribe(() => { + this.modalBusy = false; this.isModalVisible = false; }); } @@ -163,6 +168,7 @@ export class TenantsComponent { saveTenant() { if (!this.tenantForm.valid) return; + this.modalBusy = true; this.store .dispatch( @@ -171,6 +177,7 @@ export class TenantsComponent { : new CreateTenant(this.tenantForm.value), ) .subscribe(() => { + this.modalBusy = false; this.isModalVisible = false; }); } @@ -183,6 +190,7 @@ export class TenantsComponent { .subscribe((status: Toaster.Status) => { if (status === Toaster.Status.confirm) { this.store.dispatch(new DeleteTenant(id)); + this.modalBusy = false; } }); }