Chris Chen
51 lines
2.0 KiB
TypeScript
51 lines
2.0 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
import { LayoutModule } from '@progress/kendo-angular-layout';
|
|
import { DisbursementApiService } from '../../services/disbursement-api.service';
|
|
import { ChurchProfileDto } from '../../models/disbursement.model';
|
|
import { HasPermissionDirective } from '../../../../core/directives/has-permission.directive';
|
|
import { PermissionModules } from '../../../../core/models/permission.model';
|
|
import { SiteSettingsTabComponent } from '../../../settings/components/site-settings-tab/site-settings-tab.component';
|
|
import { NotificationSettingsTabComponent } from '../../../settings/components/notification-settings-tab/notification-settings-tab.component';
|
|
|
|
@Component({
|
|
selector: 'app-church-profile-page',
|
|
standalone: true,
|
|
imports: [
|
|
CommonModule, FormsModule, ButtonsModule, InputsModule, LayoutModule,
|
|
HasPermissionDirective, SiteSettingsTabComponent, NotificationSettingsTabComponent,
|
|
],
|
|
templateUrl: './church-profile-page.component.html',
|
|
})
|
|
export class ChurchProfilePageComponent implements OnInit {
|
|
model: ChurchProfileDto | null = null;
|
|
saving = false;
|
|
savedMsg = '';
|
|
|
|
/** Settings module gates the Site / Notification tabs. */
|
|
readonly settingsPermission = { module: PermissionModules.Settings, action: 'read' as const };
|
|
|
|
constructor(private api: DisbursementApiService) {}
|
|
|
|
ngOnInit(): void {
|
|
this.api.getChurchProfile().subscribe(p => (this.model = p));
|
|
}
|
|
|
|
save(): void {
|
|
if (!this.model || this.saving) return;
|
|
this.saving = true;
|
|
this.savedMsg = '';
|
|
const { id, ...req } = this.model;
|
|
this.api.updateChurchProfile(req).subscribe({
|
|
next: () => { this.saving = false; this.savedMsg = 'Saved / 已儲存'; },
|
|
error: () => {
|
|
// Error message is shown globally by httpErrorInterceptor.
|
|
this.saving = false;
|
|
},
|
|
});
|
|
}
|
|
}
|