Chris Chen
81 lines
2.5 KiB
TypeScript
81 lines
2.5 KiB
TypeScript
import { Component, EventEmitter, Output } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
import { DialogsModule } from '@progress/kendo-angular-dialog';
|
|
import { MemberApiService } from '../../../members/services/member-api.service';
|
|
import { CreateMemberRequest, MemberListItemDto } from '../../../members/models/member.model';
|
|
|
|
@Component({
|
|
selector: 'app-member-quick-add-dialog',
|
|
standalone: true,
|
|
imports: [CommonModule, FormsModule, InputsModule, ButtonsModule, DialogsModule],
|
|
templateUrl: './member-quick-add-dialog.component.html',
|
|
})
|
|
export class MemberQuickAddDialogComponent {
|
|
@Output() created = new EventEmitter<MemberListItemDto>();
|
|
@Output() cancelled = new EventEmitter<void>();
|
|
|
|
firstName_en = '';
|
|
lastName_en = '';
|
|
nickName: string | null = null;
|
|
firstName_zh: string | null = null;
|
|
lastName_zh: string | null = null;
|
|
entity: string | null = null;
|
|
phoneCell: string | null = null;
|
|
saving = false;
|
|
|
|
constructor(private memberApi: MemberApiService) {}
|
|
|
|
save(): void {
|
|
if (!this.firstName_en || !this.lastName_en) return;
|
|
this.saving = true;
|
|
const req: CreateMemberRequest = {
|
|
firstName_en: this.firstName_en,
|
|
lastName_en: this.lastName_en,
|
|
nickName: this.nickName,
|
|
firstName_zh: this.firstName_zh,
|
|
lastName_zh: this.lastName_zh,
|
|
entity: this.entity,
|
|
gender: null,
|
|
dateOfBirth: null,
|
|
baptismDate: null,
|
|
baptismChurch: null,
|
|
email: null,
|
|
phoneCell: this.phoneCell,
|
|
phoneHome: null,
|
|
address: null,
|
|
city: null,
|
|
state: null,
|
|
zipCode: null,
|
|
country: 'USA',
|
|
status: 'Visitor',
|
|
languagePreference: 'en',
|
|
joinDate: null,
|
|
notes: null,
|
|
familyUnitId: null,
|
|
};
|
|
this.memberApi.create(req).subscribe({
|
|
next: ({ id }) => {
|
|
this.saving = false;
|
|
this.created.emit({
|
|
id,
|
|
firstName_en: this.firstName_en,
|
|
lastName_en: this.lastName_en,
|
|
nickName: this.nickName,
|
|
firstName_zh: this.firstName_zh,
|
|
lastName_zh: this.lastName_zh,
|
|
entity: this.entity,
|
|
status: 'Visitor',
|
|
email: null,
|
|
phoneCell: this.phoneCell,
|
|
joinDate: null,
|
|
linkedUserId: null,
|
|
});
|
|
},
|
|
error: () => { this.saving = false; },
|
|
});
|
|
}
|
|
}
|