104 lines
3.3 KiB
TypeScript
104 lines
3.3 KiB
TypeScript
import { CdkScrollableModule } from '@angular/cdk/scrolling';
|
|
import { CurrencyPipe } from '@angular/common';
|
|
import { Component, computed, inject, linkedSignal } from '@angular/core';
|
|
import { form, FormField, FormRoot } from '@angular/forms/signals';
|
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
import { MatButtonModule } from '@angular/material/button';
|
|
import { MatOptionModule } from '@angular/material/core';
|
|
import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
|
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
import { MatInputModule } from '@angular/material/input';
|
|
import { MatSelectModule } from '@angular/material/select';
|
|
|
|
import { Account } from '../core/account';
|
|
import { AccountService } from '../core/account.service';
|
|
import { Journal } from '../core/journal';
|
|
import { AccountingPipe } from '../shared/accounting.pipe';
|
|
import { MathService } from '../shared/math.service';
|
|
|
|
export interface JournalDialogFormData {
|
|
debit: number;
|
|
account: Account | string | null;
|
|
amount: string;
|
|
}
|
|
|
|
@Component({
|
|
selector: 'app-journal-dialog',
|
|
templateUrl: './journal-dialog.component.html',
|
|
styleUrls: ['./journal-dialog.component.css'],
|
|
imports: [
|
|
MatDialogModule,
|
|
CdkScrollableModule,
|
|
FormField,
|
|
FormRoot,
|
|
MatFormFieldModule,
|
|
MatSelectModule,
|
|
MatOptionModule,
|
|
MatInputModule,
|
|
MatAutocompleteModule,
|
|
MatButtonModule,
|
|
CurrencyPipe,
|
|
AccountingPipe,
|
|
],
|
|
})
|
|
export class JournalDialogComponent {
|
|
private math = inject(MathService);
|
|
private accountSer = inject(AccountService);
|
|
readonly dialogRef = inject<MatDialogRef<JournalDialogComponent, Journal>>(MatDialogRef);
|
|
data = inject<{
|
|
journal: Journal;
|
|
date: string;
|
|
}>(MAT_DIALOG_DATA);
|
|
|
|
formModel = linkedSignal<
|
|
{
|
|
journal: Journal;
|
|
date: string;
|
|
},
|
|
JournalDialogFormData
|
|
>({
|
|
source: () => this.data,
|
|
computation: (data: { journal: Journal; date: string }) => ({
|
|
debit: data.journal.debit,
|
|
account: data.journal.account,
|
|
amount: `${data.journal.amount}`,
|
|
}),
|
|
});
|
|
|
|
form = form(this.formModel);
|
|
|
|
accountSearch = computed(() => {
|
|
const v = this.form.account().value();
|
|
return typeof v === 'string' ? v : null;
|
|
});
|
|
|
|
accountsResource = this.accountSer.autocomplete(this.accountSearch);
|
|
accounts = computed(() => this.accountsResource.value() ?? []);
|
|
|
|
balanceDate = computed(() => this.data.date);
|
|
accountId = computed((): string | null => {
|
|
const account = this.form.account().value();
|
|
return typeof account === 'string' ? null : (account?.id ?? null);
|
|
});
|
|
|
|
accBalResource = this.accountSer.balance(this.accountId, this.balanceDate);
|
|
accBal = computed(() => this.accBalResource.value() ?? null);
|
|
|
|
displayFn(account?: Account): string {
|
|
return account ? account.name : '';
|
|
}
|
|
|
|
accept(): void {
|
|
const formValue = this.form().value();
|
|
const account = typeof formValue.account === 'string' ? null : formValue.account;
|
|
if (!account || !account.id) {
|
|
return;
|
|
}
|
|
const amount = this.math.journalAmount(formValue.amount ?? '', Number(formValue.debit) || 1);
|
|
this.data.journal.debit = amount.debit;
|
|
this.data.journal.account = account;
|
|
this.data.journal.amount = amount.amount;
|
|
this.dialogRef.close(this.data.journal);
|
|
}
|
|
}
|