Chris Chen
84 lines
2.8 KiB
TypeScript
84 lines
2.8 KiB
TypeScript
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
import { CommonModule } from '@angular/common';
|
|
import { FormsModule } from '@angular/forms';
|
|
import { DialogsModule } from '@progress/kendo-angular-dialog';
|
|
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
|
|
import { GridModule } from '@progress/kendo-angular-grid';
|
|
import { PayeeGroupDto, IssueChecksRequest, PayeeCheckInstruction } from '../../models/disbursement.model';
|
|
|
|
interface PayeeForm {
|
|
group: PayeeGroupDto;
|
|
payeeName: string;
|
|
address: string;
|
|
city: string;
|
|
state: string;
|
|
zip: string;
|
|
checkNumber: string;
|
|
defaultCheckNumber: string;
|
|
memo: string;
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-issue-check-dialog',
|
|
standalone: true,
|
|
imports: [CommonModule, FormsModule, DialogsModule, ButtonsModule, InputsModule, DateInputsModule, GridModule],
|
|
templateUrl: './issue-check-dialog.component.html',
|
|
})
|
|
export class IssueCheckDialogComponent implements OnInit {
|
|
/** The payee groups the user selected to pay. */
|
|
@Input() groups: PayeeGroupDto[] = [];
|
|
/** Next sequential check number from the church profile, used to prefill. */
|
|
@Input() nextCheckNumber = 1001;
|
|
|
|
@Output() save = new EventEmitter<IssueChecksRequest>();
|
|
@Output() cancel = new EventEmitter<void>();
|
|
|
|
checkDate = new Date();
|
|
forms: PayeeForm[] = [];
|
|
|
|
ngOnInit(): void {
|
|
let n = this.nextCheckNumber;
|
|
this.forms = this.groups.map(g => {
|
|
const cn = String(n++);
|
|
return {
|
|
group: g,
|
|
payeeName: g.payeeName,
|
|
address: g.address ?? '',
|
|
city: g.city ?? '',
|
|
state: g.state ?? '',
|
|
zip: g.zip ?? '',
|
|
checkNumber: cn,
|
|
defaultCheckNumber: cn,
|
|
memo: '',
|
|
};
|
|
});
|
|
}
|
|
|
|
confirm(): void {
|
|
const d = this.checkDate;
|
|
const checkDate = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
|
|
const payees: PayeeCheckInstruction[] = this.forms.map(f => ({
|
|
payeeType: f.group.payeeType,
|
|
memberId: f.group.memberId,
|
|
vendorKey: f.group.vendorKey,
|
|
payeeName: f.payeeName.trim(),
|
|
address: f.address.trim() || null,
|
|
city: f.city.trim() || null,
|
|
state: f.state.trim() || null,
|
|
zip: f.zip.trim() || null,
|
|
// Only send an override when the user changed the prefilled sequential number,
|
|
// so the server's auto-allocation (and counter consumption) stays in sync.
|
|
checkNumberOverride: f.checkNumber.trim() !== f.defaultCheckNumber ? f.checkNumber.trim() : null,
|
|
memo: f.memo.trim() || null,
|
|
expenseIds: f.group.lines.map(l => l.expenseId),
|
|
}));
|
|
|
|
this.save.emit({ checkDate, payees });
|
|
}
|
|
|
|
onClose(): void { this.cancel.emit(); }
|
|
}
|