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,68 @@
+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 { IInventoryRequest, IInventoryResponse } from '../models';
+import { InventoriesService } from '../services/main.service';
+
+@Component({
+  selector: 'inventory-form',
+  templateUrl: './form.component.html',
+  imports: [ReactiveFormsModule, Dialog, InputComponent, FormFooterActionsComponent],
+})
+export class InventoryFormComponent {
+  @Input() initialValues?: IInventoryResponse;
+
+  @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<IInventoryResponse>();
+
+  private fb = inject(FormBuilder);
+  constructor(private service: InventoriesService) {
+    effect(() => {
+      const v = this.visibleSignal();
+      if (!v) this.form.reset();
+    });
+  }
+
+  form = this.fb.group({
+    name: [this.initialValues?.name || null, [Validators.required]],
+    location: [this.initialValues?.location || 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 IInventoryRequest).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);
+  }
+}