create bankAccount, posAccount and update inventories

src/app/shared/components/abstract-form-dialog.component.ts

@@ -0,0 +1,67 @@
+import { ToastService } from '@/core/services/toast.service';
+import { Component, effect, EventEmitter, inject, Input, Output, signal } from '@angular/core';
+import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { Subscribable } from 'rxjs';
+
+@Component({
+  selector: 'abstract-form-dialog',
+  template: '',
+  imports: [ReactiveFormsModule],
+})
+export abstract class AbstractFormDialog<T, U> {
+  @Input() initialValues?: T;
+
+  @Input()
+  set visible(v: boolean) {
+    this.visibleSignal.set(!!v);
+  }
+  get visible() {
+    return this.visibleSignal();
+  }
+  private visibleSignal = signal(false);
+
+  @Output() visibleChange = new EventEmitter<boolean>();
+  @Output() onSubmit = new EventEmitter<T>();
+
+  protected readonly fb = inject(FormBuilder);
+  constructor(private toastService: ToastService) {
+    effect(() => {
+      const v = this.visibleSignal();
+      if (!v) this.form.reset();
+    });
+  }
+
+  abstract form: ReturnType<FormBuilder['group']>;
+
+  abstract submitForm(payload: U): Subscribable<T> | void;
+
+  submitLoading = signal(false);
+
+  submit() {
+    this.form.markAllAsTouched();
+    if (this.form.valid) {
+      this.form.disable();
+      this.submitLoading.set(true);
+      this.submitForm(this.form.value as U)?.subscribe({
+        next: (res) => {
+          this.toastService.success({
+            text: `با موفقیت ایجاد شد`,
+          });
+          this.close();
+          this.submitLoading.set(false);
+          this.form.enable();
+          this.form.reset();
+          this.onSubmit.emit(res);
+        },
+        error: () => {
+          this.submitLoading.set(false);
+          this.form.enable();
+        },
+      });
+    }
+  }
+
+  close() {
+    this.visibleChange.emit(false);
+  }
+}

src/app/shared/components/abstract-select.component.ts

@@ -16,6 +16,7 @@ export abstract class AbstractSelectComponent<T = ISelectItem> {
   @Input() canInsert: boolean = false;
   @Input() showLabel: boolean = true;
   @Input() showErrors: boolean = true;
+  @Input() showClear: boolean = true;
   @Input() isFullDataOptionValue: boolean = false;
   @Input() optionValue = 'id';
   @Output() onChange = new EventEmitter<Maybe<T>>();

src/app/shared/components/pageDataList/page-data-list.component.ts

@@ -119,6 +119,7 @@ export class PageDataListComponent<I> {
     if (!item || !column) return '';
     try {
       const { field } = column;
+
       if (column.customDataModel) {
         return this.renderCustom(column, item);
       }