feat: Implement product categories, stores, suppliers, and users management features

- Added ProductCategoriesService for handling product category API interactions. - Created components for listing and viewing product categories. - Implemented UI for managing product categories with a data list component. - Developed StoresService for managing store-related API calls. - Created components for listing and viewing stores with appropriate UI. - Added SuppliersService for handling supplier API interactions. - Implemented components for managing suppliers with a data list component. - Developed UsersService for managing user-related API calls. - Created components for listing and viewing users with appropriate UI. - Enhanced not found page with improved layout and navigation options.
2025-12-04 23:34:00 +03:30
parent 07fec02ea1
commit 3bc1202c77
154 changed files with 3149 additions and 1820 deletions
@@ -0,0 +1,14 @@
+<p-dialog header="فرم تامین‌کننده" [(visible)]="visible" [modal]="true" [style]="{ width: '600px' }" [closable]="true">
+  <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
+    <app-input label="نام" [control]="form.controls.firstName" name="firstName" />
+    <app-input label="نام خانوادگی" [control]="form.controls.lastName" name="lastName" />
+    <app-input label="ایمیل" [control]="form.controls.email" name="email" type="email" />
+    <app-input label="شماره موبایل" [control]="form.controls.mobileNumber" name="mobileNumber" type="mobile" />
+    <app-input label="آدرس" [control]="form.controls.address" name="address" />
+    <app-input label="شهر" [control]="form.controls.city" name="city" />
+    <app-input label="استان" [control]="form.controls.state" name="state" />
+    <app-input label="کشور" [control]="form.controls.country" name="country" />
+    <app-input label="فعال" [control]="form.controls.isActive" name="isActive" type="switch" />
+    <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="form.disabled" (onCancel)="close()" />
+  </form>
+</p-dialog>
@@ -0,0 +1,74 @@
+import { InputComponent } from '@/shared/components';
+import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
+import { Component, effect, EventEmitter, inject, Input, Output, signal } from '@angular/core';
+import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Dialog } from 'primeng/dialog';
+import { ISupplierRequest, ISupplierResponse } from '../models';
+import { SuppliersService } from '../services/main.service';
+
+@Component({
+  selector: 'supplier-form',
+  templateUrl: './form.component.html',
+  imports: [ReactiveFormsModule, Dialog, InputComponent, FormFooterActionsComponent],
+})
+export class SupplierFormComponent {
+  @Input() initialValues?: ISupplierResponse;
+
+  @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<ISupplierResponse>();
+
+  private fb = inject(FormBuilder);
+  constructor(private service: SuppliersService) {
+    effect(() => {
+      const v = this.visibleSignal();
+      if (!v) this.form.reset();
+    });
+  }
+
+  form = this.fb.group({
+    firstName: [this.initialValues?.firstName || null, [Validators.required]],
+    lastName: [this.initialValues?.lastName || null, [Validators.required]],
+    email: [this.initialValues?.email || null, [Validators.required, Validators.email]],
+    mobileNumber: [this.initialValues?.mobileNumber || null, [Validators.required]],
+    address: [this.initialValues?.address || null, [Validators.required]],
+    city: [this.initialValues?.city || null, [Validators.required]],
+    state: [this.initialValues?.state || null, [Validators.required]],
+    country: [this.initialValues?.country || null, [Validators.required]],
+    isActive: [this.initialValues?.isActive || false, [Validators.required]],
+  });
+
+  submitLoading = signal(false);
+
+  submit() {
+    this.form.markAllAsTouched();
+    if (this.form.valid) {
+      this.form.disable();
+      this.submitLoading.set(true);
+      this.service.create(this.form.value as ISupplierRequest).subscribe({
+        next: (res) => {
+          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);
+  }
+}