93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
import ISummary from '@/core/models/summary';
|
|
import { greaterThanValidator } from '@/core/validators';
|
|
import { AbstractForm } from '@/shared/abstractClasses';
|
|
import {
|
|
AmountPercentageInputComponent,
|
|
CalculatedAmountCardComponent,
|
|
InputComponent,
|
|
} from '@/shared/components';
|
|
import { IStandardPayload } from '@/shared/models';
|
|
import { Component, computed, EventEmitter, Input, Output, signal } from '@angular/core';
|
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
import { ReactiveFormsModule, Validators } from '@angular/forms';
|
|
import { ButtonDirective } from 'primeng/button';
|
|
import { IPosOrderItem } from '../../../domains/pos/modules/shop/models';
|
|
import { PriceInputComponent } from '../input/price-input.component';
|
|
|
|
@Component({
|
|
selector: 'shared-standard-payload-form',
|
|
templateUrl: './standard-form.component.html',
|
|
imports: [
|
|
ReactiveFormsModule,
|
|
InputComponent,
|
|
AmountPercentageInputComponent,
|
|
ButtonDirective,
|
|
CalculatedAmountCardComponent,
|
|
PriceInputComponent,
|
|
],
|
|
})
|
|
export class SharedStandardPayloadFormComponent extends AbstractForm<
|
|
IPosOrderItem<IStandardPayload>,
|
|
IPosOrderItem<IStandardPayload>
|
|
> {
|
|
@Input({ required: true }) measureUnit!: ISummary;
|
|
@Input({ required: true }) vatPercentage!: number;
|
|
@Input() isRapidInvoice: boolean = false;
|
|
@Input() ctaText: string = '';
|
|
@Output() onChangeTotalAmount = new EventEmitter<number>();
|
|
|
|
private readonly initialForm = () => {
|
|
const form = this.fb.group({
|
|
unit_price: [
|
|
this.initialValues?.unit_price || 0,
|
|
[Validators.required, greaterThanValidator(0)],
|
|
],
|
|
quantity: [this.initialValues?.quantity || 0, [Validators.required, greaterThanValidator(0)]],
|
|
discount_amount: [this.initialValues?.discount_amount || 0, [Validators.min(0)]],
|
|
discount_percentage: [0, [Validators.min(0), Validators.max(100)]],
|
|
});
|
|
|
|
form.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => {
|
|
this.updateCalculateAmount(value as Partial<IPosOrderItem<IStandardPayload>>);
|
|
});
|
|
|
|
return form;
|
|
};
|
|
|
|
form = this.initialForm();
|
|
override submitForm(payload: IPosOrderItem<IStandardPayload>) {
|
|
this.onSubmit.emit({
|
|
...payload,
|
|
total_amount: this.totalAmount(),
|
|
discount_amount: this.discountAmount(),
|
|
tax_amount: this.taxAmount(),
|
|
base_total_amount: this.baseTotalAmount(),
|
|
});
|
|
}
|
|
|
|
baseTotalAmount = signal<number>(0);
|
|
totalAmount = signal<number>(0);
|
|
discountAmount = signal<number>(0);
|
|
taxAmount = signal<number>(0);
|
|
|
|
preparedCTAText = computed(() =>
|
|
this.ctaText || this.editMode
|
|
? 'اعمال ویرایش'
|
|
: this.isRapidInvoice
|
|
? 'ثبت و پرداخت'
|
|
: 'افزودن به لیست خرید'
|
|
);
|
|
|
|
updateCalculateAmount(value: Partial<IPosOrderItem<IStandardPayload>>) {
|
|
const baseTotalAmount = (value.unit_price ?? 0) * (value.quantity ?? 0);
|
|
const discountAmount = Number(value.discount_amount ?? '0');
|
|
const baseTotalAmountWithoutTax = baseTotalAmount - discountAmount;
|
|
const taxAmount = baseTotalAmountWithoutTax * this.vatPercentage;
|
|
|
|
this.baseTotalAmount.set(baseTotalAmount);
|
|
this.discountAmount.set(discountAmount);
|
|
this.taxAmount.set(taxAmount);
|
|
this.totalAmount.set(baseTotalAmountWithoutTax + taxAmount);
|
|
}
|
|
}
|