|
|
@ -2,7 +2,6 @@ import { ABP } from '@abp/ng.core'; |
|
|
import { ConfirmationService, Toaster } from '@abp/ng.theme.shared'; |
|
|
import { ConfirmationService, Toaster } from '@abp/ng.theme.shared'; |
|
|
import { Component, TemplateRef, ViewChild } from '@angular/core'; |
|
|
import { Component, TemplateRef, ViewChild } from '@angular/core'; |
|
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
|
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; |
|
|
import { NgbModal } from '@ng-bootstrap/ng-bootstrap'; |
|
|
|
|
|
import { Select, Store } from '@ngxs/store'; |
|
|
import { Select, Store } from '@ngxs/store'; |
|
|
import { Observable } from 'rxjs'; |
|
|
import { Observable } from 'rxjs'; |
|
|
import { pluck, switchMap, take } from 'rxjs/operators'; |
|
|
import { pluck, switchMap, take } from 'rxjs/operators'; |
|
|
@ -15,6 +14,12 @@ import { |
|
|
import { TenantManagementService } from '../../services/tenant-management.service'; |
|
|
import { TenantManagementService } from '../../services/tenant-management.service'; |
|
|
import { TenantManagementState } from '../../states/tenant-management.state'; |
|
|
import { TenantManagementState } from '../../states/tenant-management.state'; |
|
|
|
|
|
|
|
|
|
|
|
type SelectedModalContent = { |
|
|
|
|
|
type: string; |
|
|
|
|
|
title: string; |
|
|
|
|
|
template: TemplateRef<any>; |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
selector: 'abp-tenants', |
|
|
selector: 'abp-tenants', |
|
|
templateUrl: './tenants.component.html', |
|
|
templateUrl: './tenants.component.html', |
|
|
@ -31,46 +36,36 @@ export class TenantsComponent { |
|
|
|
|
|
|
|
|
defaultConnectionString: string; |
|
|
defaultConnectionString: string; |
|
|
|
|
|
|
|
|
useSharedDatabase: boolean; |
|
|
isModalVisible: boolean; |
|
|
|
|
|
|
|
|
|
|
|
selectedModalContent = {} as SelectedModalContent; |
|
|
|
|
|
|
|
|
selectedModalContent: { |
|
|
_useSharedDatabase: boolean; |
|
|
title: string; |
|
|
|
|
|
template: TemplateRef<any>; |
|
|
|
|
|
onSave: () => void; |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
get showInput(): boolean { |
|
|
get useSharedDatabase(): boolean { |
|
|
return !this.defaultConnectionStringForm.get('useSharedDatabase').value; |
|
|
return this.defaultConnectionStringForm.get('useSharedDatabase').value; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
get connectionString(): string { |
|
|
get connectionString(): string { |
|
|
return this.defaultConnectionStringForm.get('defaultConnectionString').value; |
|
|
return this.defaultConnectionStringForm.get('defaultConnectionString').value; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ViewChild('modalWrapper', { static: false }) |
|
|
@ViewChild('tenantModalTemplate', { static: false }) |
|
|
modalWrapper: TemplateRef<any>; |
|
|
tenantModalTemplate: TemplateRef<any>; |
|
|
|
|
|
|
|
|
@ViewChild('mTemplateConnStr', { static: false }) |
|
|
|
|
|
mTemplateConnStr: TemplateRef<any>; |
|
|
|
|
|
|
|
|
|
|
|
@ViewChild('mTemplateFeatures', { static: false }) |
|
|
@ViewChild('connectionStringModalTemplate', { static: false }) |
|
|
mTemplateFeatures: TemplateRef<any>; |
|
|
connectionStringModalTemplate: TemplateRef<any>; |
|
|
|
|
|
|
|
|
@ViewChild('mTemplateTenant', { static: false }) |
|
|
@ViewChild('featuresModalTemplate', { static: false }) |
|
|
mTemplateTenant: TemplateRef<any>; |
|
|
featuresModalTemplate: TemplateRef<any>; |
|
|
|
|
|
|
|
|
constructor( |
|
|
constructor( |
|
|
private confirmationService: ConfirmationService, |
|
|
private confirmationService: ConfirmationService, |
|
|
private tenantService: TenantManagementService, |
|
|
private tenantService: TenantManagementService, |
|
|
private modalService: NgbModal, |
|
|
|
|
|
private fb: FormBuilder, |
|
|
private fb: FormBuilder, |
|
|
private store: Store, |
|
|
private store: Store, |
|
|
) {} |
|
|
) {} |
|
|
|
|
|
|
|
|
openModal() { |
|
|
|
|
|
this.modalService.open(this.modalWrapper); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
private createTenantForm() { |
|
|
private createTenantForm() { |
|
|
this.tenantForm = this.fb.group({ |
|
|
this.tenantForm = this.fb.group({ |
|
|
name: [this.selected.name || '', [Validators.required, Validators.maxLength(256)]], |
|
|
name: [this.selected.name || '', [Validators.required, Validators.maxLength(256)]], |
|
|
@ -79,17 +74,22 @@ export class TenantsComponent { |
|
|
|
|
|
|
|
|
private createDefaultConnectionStringForm() { |
|
|
private createDefaultConnectionStringForm() { |
|
|
this.defaultConnectionStringForm = this.fb.group({ |
|
|
this.defaultConnectionStringForm = this.fb.group({ |
|
|
useSharedDatabase: this.useSharedDatabase, |
|
|
useSharedDatabase: this._useSharedDatabase, |
|
|
defaultConnectionString: this.defaultConnectionString || '', |
|
|
defaultConnectionString: this.defaultConnectionString || '', |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
onEditConnStr(id: string) { |
|
|
openModal(title: string, template: TemplateRef<any>, type: string) { |
|
|
this.selectedModalContent = { |
|
|
this.selectedModalContent = { |
|
|
title: this.selected && this.selected.id ? 'AbpTenantManagement::Edit' : 'AbpTenantManagement::NewTenant', |
|
|
title, |
|
|
template: this.mTemplateConnStr, |
|
|
template, |
|
|
onSave: () => this.saveConnStr, |
|
|
type, |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
this.isModalVisible = true; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onEditConnectionString(id: string) { |
|
|
this.store |
|
|
this.store |
|
|
.dispatch(new TenantManagementGetById(id)) |
|
|
.dispatch(new TenantManagementGetById(id)) |
|
|
.pipe( |
|
|
.pipe( |
|
|
@ -100,56 +100,59 @@ export class TenantsComponent { |
|
|
}), |
|
|
}), |
|
|
) |
|
|
) |
|
|
.subscribe(fetchedConnectionString => { |
|
|
.subscribe(fetchedConnectionString => { |
|
|
this.useSharedDatabase = fetchedConnectionString ? false : true; |
|
|
this._useSharedDatabase = fetchedConnectionString ? false : true; |
|
|
this.defaultConnectionString = fetchedConnectionString ? fetchedConnectionString : ''; |
|
|
this.defaultConnectionString = fetchedConnectionString ? fetchedConnectionString : ''; |
|
|
this.createDefaultConnectionStringForm(); |
|
|
this.createDefaultConnectionStringForm(); |
|
|
this.openModal(); |
|
|
this.openModal('AbpTenantManagement::ConnectionStrings', this.connectionStringModalTemplate, 'saveConnStr'); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
saveConnStr() { |
|
|
|
|
|
this.tenantService |
|
|
|
|
|
.updateDefaultConnectionString({ id: this.selected.id, defaultConnectionString: this.connectionString }) |
|
|
|
|
|
.pipe(take(1)) |
|
|
|
|
|
.subscribe(() => this.modalService.dismissAll()); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
onManageFeatures(id: string) { |
|
|
onManageFeatures(id: string) { |
|
|
this.selectedModalContent = { |
|
|
this.openModal('AbpTenantManagement::Features', this.featuresModalTemplate, 'saveFeatures'); |
|
|
title: this.selected && this.selected.id ? 'AbpTenantManagement::Edit' : 'AbpTenantManagement::NewTenant', |
|
|
|
|
|
template: this.mTemplateFeatures, |
|
|
|
|
|
onSave: () => {}, |
|
|
|
|
|
}; |
|
|
|
|
|
this.openModal(); |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
onAdd() { |
|
|
onAddTenant() { |
|
|
this.selected = {} as ABP.BasicItem; |
|
|
this.selected = {} as ABP.BasicItem; |
|
|
this.createTenantForm(); |
|
|
this.createTenantForm(); |
|
|
this.openModal(); |
|
|
this.openModal('AbpTenantManagement::NewTenant', this.tenantModalTemplate, 'saveTenant'); |
|
|
this.selectedModalContent = { |
|
|
|
|
|
title: 'AbpTenantManagement::NewTenant', |
|
|
|
|
|
template: this.mTemplateTenant, |
|
|
|
|
|
onSave: () => this.saveTenant, |
|
|
|
|
|
}; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
onEdit(id: string) { |
|
|
onEditTenant(id: string) { |
|
|
this.store |
|
|
this.store |
|
|
.dispatch(new TenantManagementGetById(id)) |
|
|
.dispatch(new TenantManagementGetById(id)) |
|
|
.pipe(pluck('TenantManagementState', 'selectedItem')) |
|
|
.pipe(pluck('TenantManagementState', 'selectedItem')) |
|
|
.subscribe(selected => { |
|
|
.subscribe(selected => { |
|
|
this.selected = selected; |
|
|
this.selected = selected; |
|
|
this.selectedModalContent = { |
|
|
|
|
|
title: 'AbpTenantManagement::Edit', |
|
|
|
|
|
template: this.mTemplateTenant, |
|
|
|
|
|
onSave: () => this.saveTenant, |
|
|
|
|
|
}; |
|
|
|
|
|
this.createTenantForm(); |
|
|
this.createTenantForm(); |
|
|
this.openModal(); |
|
|
this.openModal('AbpTenantManagement::Edit', this.tenantModalTemplate, 'saveTenant'); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
save() { |
|
|
|
|
|
const { type } = this.selectedModalContent; |
|
|
|
|
|
if (!type) return; |
|
|
|
|
|
if (type === 'saveTenant') this.saveTenant(); |
|
|
|
|
|
else if (type === 'saveConnStr') this.saveConnectionString(); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
saveConnectionString() { |
|
|
|
|
|
if (this.useSharedDatabase) { |
|
|
|
|
|
this.tenantService |
|
|
|
|
|
.deleteDefaultConnectionString(this.selected.id) |
|
|
|
|
|
.pipe(take(1)) |
|
|
|
|
|
.subscribe(() => { |
|
|
|
|
|
this.isModalVisible = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} else { |
|
|
|
|
|
this.tenantService |
|
|
|
|
|
.updateDefaultConnectionString({ id: this.selected.id, defaultConnectionString: this.connectionString }) |
|
|
|
|
|
.pipe(take(1)) |
|
|
|
|
|
.subscribe(() => { |
|
|
|
|
|
this.isModalVisible = false; |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
saveTenant() { |
|
|
saveTenant() { |
|
|
if (!this.tenantForm.valid) return; |
|
|
if (!this.tenantForm.valid) return; |
|
|
|
|
|
|
|
|
@ -159,7 +162,9 @@ export class TenantsComponent { |
|
|
? new TenantManagementUpdate({ ...this.tenantForm.value, id: this.selected.id }) |
|
|
? new TenantManagementUpdate({ ...this.tenantForm.value, id: this.selected.id }) |
|
|
: new TenantManagementAdd(this.tenantForm.value), |
|
|
: new TenantManagementAdd(this.tenantForm.value), |
|
|
) |
|
|
) |
|
|
.subscribe(() => this.modalService.dismissAll()); |
|
|
.subscribe(() => { |
|
|
|
|
|
this.isModalVisible = false; |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
delete(id: string, name: string) { |
|
|
delete(id: string, name: string) { |
|
|
|
Yasin Aydın
7 years ago
GitHub