feat: Enhance customer and inventory components with new features and improvements

src/app/shared/catalog/movementReferenceTypes/tag.component.ts

@@ -1,5 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { Tag } from 'primeng/tag';
+import { MovementType } from '../movementTypes';
 import { MovementReferenceType } from './types';
 import { getMovementReferenceTypeColor, getMovementReferenceTypeText } from './utils';
 
@@ -10,10 +11,11 @@ import { getMovementReferenceTypeColor, getMovementReferenceTypeText } from './u
 })
 export class CatalogMovementReferenceTagComponent {
   @Input() type!: MovementReferenceType;
+  @Input() movementType?: MovementType;
   constructor() {}
 
   get text() {
-    return getMovementReferenceTypeText(this.type);
+    return getMovementReferenceTypeText(this.type, this.movementType);
   }
   get color() {
     return getMovementReferenceTypeColor(this.type);

src/app/shared/catalog/movementReferenceTypes/utils.ts

@@ -1,7 +1,11 @@
 import { TagSeverity } from '@/core/models/tag';
+import { MovementType } from '../movementTypes';
 import { MovementReferenceType } from './types';
 
-export const getMovementReferenceTypeText = (movementType: MovementReferenceType): string => {
+export const getMovementReferenceTypeText = (
+  movementType: MovementReferenceType,
+  type?: MovementType,
+): string => {
   switch (movementType) {
     case MovementReferenceType.PURCHASE:
       return 'خرید';
@@ -10,6 +14,12 @@ export const getMovementReferenceTypeText = (movementType: MovementReferenceType
     case MovementReferenceType.ADJUSTMENT:
       return 'تعدیل';
     case MovementReferenceType.INVENTORY_TRANSFER:
+      if (type === MovementType.IN) {
+        return 'دریافت از انبار دیگر';
+      } else {
+        return 'ارسال به انبار دیگر';
+      }
+    default:
       return 'انتقال بین انبارها';
   }
 };

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

@@ -1,5 +1,5 @@
 import { Maybe } from '@/core';
-import { Component, Input, signal } from '@angular/core';
+import { Component, Input, model, signal } from '@angular/core';
 import { FormControl } from '@angular/forms';
 
 export interface ISelectItem {
@@ -12,7 +12,7 @@ export interface ISelectItem {
   template: '',
 })
 export abstract class AbstractSelectComponent<T = ISelectItem> {
-  @Input() control!: FormControl<Maybe<number | T>>;
+  @Input() control = new FormControl<Maybe<number | T>>(null);
   @Input() canInsert: boolean = false;
   @Input() showLabel: boolean = true;
   @Input() showErrors: boolean = true;
@@ -22,20 +22,29 @@ export abstract class AbstractSelectComponent<T = ISelectItem> {
   loading = signal(false);
   items = signal<Maybe<T[]>>(null);
   isOpenFormDialog = signal(false);
+  value = model<Maybe<T>>(null);
+
+  constructor() {
+    if (this.value()) {
+      this.control.setValue(this.value());
+    }
+
+    this.control.valueChanges.subscribe((val) => {
+      this.value.set(val as Maybe<T>);
+    });
+  }
 
   abstract getData(): void;
-  // abstract getLabel(): string;
 
   refresh() {
     this.getData();
   }
 
   onOpenForm() {
-    // Override in subclass if needed
+    this.isOpenFormDialog.set(true);
   }
 
   get selectOptionValue() {
-    if (!this.control) return undefined;
     if (this.isFullDataOptionValue) {
       return undefined;
     }

src/app/shared/components/cardex/cardex.component.html

@@ -33,7 +33,9 @@
     <tr>
       <td class="text-center!">{{ i + 1 }}</td>
       <td class="text-center!" [jalaliDate]="item.createdAt"></td>
-      <td class="text-center!"><catalog-movement-reference-tag [type]="item.referenceType" /></td>
+      <td class="text-center!">
+        <catalog-movement-reference-tag [type]="item.referenceType" [movementType]="item.type" />
+      </td>
       <td class="text-center!">{{ item.referenceId || "-" }}</td>
       <td class="text-center!">{{ item.supplier?.name || "-" }}</td>
       <td class="text-center!">{{ item.inventory.name || "-" }}</td>