feat: add licenses management module with filtering and listing functionality

- Introduced new constants and routes for licenses management. - Created components for licenses filter form and list display. - Implemented services for fetching licenses data from the API. - Added dialog components for creating and editing licenses. - Updated partner menu to include a link to licenses. - Refactored existing components to improve code structure and maintainability.
2026-04-25 23:59:23 +03:30
parent 095ae31249
commit baa9409e9e
36 changed files with 454 additions and 127 deletions
@@ -0,0 +1,17 @@
+<p-dialog
+  [header]="preparedTitle"
+  [(visible)]="visible"
+  [modal]="true"
+  [style]="{ width: '500px' }"
+  [closable]="true"
+  (onHide)="close()"
+>
+  <partner-consumer-businessActivities-form-content
+    [consumerId]="consumerId"
+    [businessActivityId]="businessActivityId"
+    [initialValues]="initialValues"
+    [editMode]="editMode"
+    (onSubmit)="onFormSubmit($event)"
+    (onClose)="close()"
+  />
+</p-dialog>
@@ -0,0 +1,28 @@
+import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Dialog } from 'primeng/dialog';
+import { IBusinessActivityResponse } from '../../models';
+import { ConsumerBusinessActivitiesFormComponent } from './form.component';
+
+@Component({
+  selector: 'partner-consumer-businessActivities-form',
+  templateUrl: './form-dialog.component.html',
+  imports: [Dialog, ConsumerBusinessActivitiesFormComponent],
+})
+export class ConsumerBusinessActivitiesFormDialogComponent extends AbstractDialog {
+  @Output() onSubmit = new EventEmitter<IBusinessActivityResponse>();
+  @Input() initialValues?: IBusinessActivityResponse;
+  @Input() editMode?: boolean;
+
+  @Input({ required: true }) consumerId!: string;
+  @Input() businessActivityId!: string;
+
+  get preparedTitle() {
+    return `${this.editMode ? 'ویرایش' : 'ایجاد'} فعالیت اقتصادی`;
+  }
+
+  onFormSubmit(response: IBusinessActivityResponse) {
+    this.onSubmit.emit(response);
+    this.close();
+  }
+}
@@ -1,26 +1,17 @@
-<p-dialog
-  [header]="preparedTitle"
-  [(visible)]="visible"
-  [modal]="true"
-  [style]="{ width: '500px' }"
-  [closable]="true"
-  (onHide)="close()"
->
-  <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
-    <app-input label="عنوان" [control]="form.controls.name" name="name" />
-    <app-input label="کد اقتصادی" [control]="form.controls.economic_code" name="economic_code" />
-    <catalog-guild-select label="صنف" [control]="form.controls.guild_id" name="guild_id" />
+<form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
+  <app-input label="عنوان" [control]="$any(form).controls.name" name="name" />
+  <app-input label="کد اقتصادی" [control]="$any(form).controls.economic_code" name="economic_code" />
+  <catalog-guild-select label="صنف" [control]="$any(form).controls.guild_id" name="guild_id" />

-    @if (!editMode) {
-      <p-divider align="center"> اطلاعات لایسنس </p-divider>
-      <uikit-datepicker
-        label="تاریخ شروع لایسنس"
-        [control]="form.controls.license_starts_at"
-        name="license_starts_at"
-        hint="مدت زمان لایسنس‌ها ۱ ساله هستند."
-      />
-    }
+  @if (!editMode) {
+    <p-divider align="center"> اطلاعات لایسنس </p-divider>
+    <uikit-datepicker
+      label="تاریخ شروع لایسنس"
+      [control]="$any(form).controls.license_starts_at"
+      name="license_starts_at"
+      hint="مدت زمان لایسنس‌ها ۱ ساله هستند."
+    />
+  }

-    <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
-  </form>
-</p-dialog>
+  <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
+</form>
@@ -1,23 +1,19 @@
-// import { CatalogRolesComponent } from '@/shared/catalog/roles';
-import { MustMatch } from '@/core/validators';
-import { AbstractFormDialog } from '@/shared/abstractClasses';
+import { AbstractForm } from '@/shared/abstractClasses';
 import { CatalogGuildSelectComponent } from '@/shared/catalog/guild/components/select.component';
 import { InputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
 import { UikitFlatpickrJalaliComponent } from '@/uikit';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
-import { Dialog } from 'primeng/dialog';
 import { Divider } from 'primeng/divider';
 import { IBusinessActivityRequest, IBusinessActivityResponse } from '../../models';
 import { PartnerConsumerBusinessActivitiesService } from '../../services/businessActivities.service';

@Component({
-  selector: 'partner-consumer-businessActivities-form',
+  selector: 'partner-consumer-businessActivities-form-content',
  templateUrl: './form.component.html',
  imports: [
    ReactiveFormsModule,
-    Dialog,
    InputComponent,
    FormFooterActionsComponent,
    CatalogGuildSelectComponent,
@@ -25,7 +21,7 @@ import { PartnerConsumerBusinessActivitiesService } from '../../services/busines
    UikitFlatpickrJalaliComponent,
  ],
 })
-export class ConsumerBusinessActivitiesFormComponent extends AbstractFormDialog<
+export class ConsumerBusinessActivitiesFormComponent extends AbstractForm<
  IBusinessActivityRequest,
  IBusinessActivityResponse
 > {
@@ -53,7 +49,6 @@ export class ConsumerBusinessActivitiesFormComponent extends AbstractFormDialog<
          validators: [Validators.required],
        }),
      );
-      form.addValidators([MustMatch('password', 'confirmPassword')]);
    }

    return form;
@@ -61,20 +56,15 @@ export class ConsumerBusinessActivitiesFormComponent extends AbstractFormDialog<

  form = this.initForm();

-  get preparedTitle() {
-    return `${this.editMode ? 'ویرایش' : 'ایجاد'} فعالیت اقتصادی`;
-  }
-
  override ngOnChanges(): void {
    this.form = this.initForm();
  }

  submitForm() {
-    const formValue = this.form.value as IBusinessActivityRequest & { confirmPassword?: string };
-    const { confirmPassword, ...rest } = formValue;
+    const formValue = this.form.value as IBusinessActivityRequest;
    if (this.editMode) {
-      return this.service.update(this.consumerId, this.businessActivityId, rest);
+      return this.service.update(this.consumerId, this.businessActivityId, formValue);
    }
-    return this.service.create(this.consumerId, rest);
+    return this.service.create(this.consumerId, formValue);
  }
 }
@@ -9,12 +9,12 @@ import { Router } from '@angular/router';
 import { partnerConsumerBusinessActivitiesNamedRoutes } from '../../constants/routes/businessActivities';
 import { IBusinessActivityResponse } from '../../models';
 import { PartnerConsumerBusinessActivitiesService } from '../../services/businessActivities.service';
-import { ConsumerBusinessActivitiesFormComponent } from './form.component';
+import { ConsumerBusinessActivitiesFormDialogComponent } from './form-dialog.component';

@Component({
  selector: 'partner-consumer-businessActivities-list',
  templateUrl: './list.component.html',
-  imports: [PageDataListComponent, ConsumerBusinessActivitiesFormComponent],
+  imports: [PageDataListComponent, ConsumerBusinessActivitiesFormDialogComponent],
 })
 export class ConsumerBusinessActivitiesComponent extends AbstractList<IBusinessActivityResponse> {
  @Input({ required: true }) consumerId!: string;
@@ -23,6 +23,7 @@ export class ConsumerBusinessActivitiesComponent extends AbstractList<IBusinessA
    { field: 'id', header: 'شناسه', type: 'id' },
    { field: 'name', header: 'عنوان' },
    { field: 'guild', header: 'صنف', type: 'nested', nestedOption: { path: 'guild.name' } },
+    { field: 'economic_code', header: 'کد اقتصادی' },
    {
      field: 'license_info',
      header: 'محدودیت کاربر',
@@ -0,0 +1,18 @@
+<p-dialog
+  [header]="preparedTitle"
+  [(visible)]="visible"
+  [modal]="true"
+  [style]="{ width: '500px' }"
+  [closable]="true"
+  (onHide)="close()"
+>
+  <partner-consumer-complex-form-content
+    [consumerId]="consumerId"
+    [businessActivityId]="businessActivityId"
+    [complexId]="complexId"
+    [initialValues]="initialValues"
+    [editMode]="editMode"
+    (onSubmit)="onFormSubmit($event)"
+    (onClose)="close()"
+  />
+</p-dialog>
@@ -0,0 +1,29 @@
+import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Dialog } from 'primeng/dialog';
+import { IComplexResponse } from '../../models';
+import { ConsumerComplexFormContentComponent } from './form.component';
+
+@Component({
+  selector: 'partner-consumer-complex-form',
+  templateUrl: './form-dialog.component.html',
+  imports: [Dialog, ConsumerComplexFormContentComponent],
+})
+export class ConsumerComplexFormDialogComponent extends AbstractDialog {
+  @Output() onSubmit = new EventEmitter<IComplexResponse>();
+  @Input() initialValues?: IComplexResponse;
+  @Input() editMode?: boolean;
+
+  @Input({ required: true }) consumerId!: string;
+  @Input() businessActivityId!: string;
+  @Input() complexId!: string;
+
+  get preparedTitle() {
+    return `${this.editMode ? 'ویرایش' : 'ایجاد'} شعبه`;
+  }
+
+  onFormSubmit(response: IComplexResponse) {
+    this.onSubmit.emit(response);
+    this.close();
+  }
+}
@@ -1,15 +1,6 @@
-<p-dialog
-  [header]="preparedTitle"
-  [(visible)]="visible"
-  [modal]="true"
-  [style]="{ width: '500px' }"
-  [closable]="true"
-  (onHide)="close()"
->
-  <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
-    <app-input label="عنوان" [control]="form.controls.name" name="name" />
-    <app-input label="کد شعبه" [control]="form.controls.branch_code" name="branch_code" />
-    <app-input label="آدرس" [control]="form.controls.address" name="address" />
-    <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
-  </form>
-</p-dialog>
+<form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
+  <app-input label="عنوان" [control]="form.controls.name" name="name" />
+  <app-input label="کد شعبه" [control]="form.controls.branch_code" name="branch_code" />
+  <app-input label="آدرس" [control]="form.controls.address" name="address" />
+  <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
+</form>
@@ -1,19 +1,18 @@
 // import { CatalogRolesComponent } from '@/shared/catalog/roles';
-import { AbstractFormDialog } from '@/shared/abstractClasses';
+import { AbstractForm } from '@/shared/abstractClasses';
 import { InputComponent } from '@/shared/components';
 import { FormFooterActionsComponent } from '@/shared/components/formFooterActions/form-footer-actions.component';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
-import { Dialog } from 'primeng/dialog';
 import { IComplexRequest, IComplexResponse } from '../../models';
 import { PartnerComplexesService } from '../../services/complexes.service';

@Component({
-  selector: 'partner-consumer-complex-form',
+  selector: 'partner-consumer-complex-form-content',
  templateUrl: './form.component.html',
-  imports: [ReactiveFormsModule, Dialog, InputComponent, FormFooterActionsComponent],
+  imports: [ReactiveFormsModule, InputComponent, FormFooterActionsComponent],
 })
-export class ConsumerComplexFormComponent extends AbstractFormDialog<
+export class ConsumerComplexFormContentComponent extends AbstractForm<
  IComplexRequest,
  IComplexResponse
 > {
@@ -9,12 +9,12 @@ import { Router } from '@angular/router';
 import { partnerConsumerComplexesNamedRoutes } from '../../constants/routes/complexes';
 import { IComplexResponse } from '../../models';
 import { PartnerComplexesService } from '../../services/complexes.service';
-import { ConsumerComplexFormComponent } from './form.component';
+import { ConsumerComplexFormDialogComponent } from './form-dialog.component';

@Component({
  selector: 'partner-consumer-complexes-list',
  templateUrl: './list.component.html',
-  imports: [PageDataListComponent, ConsumerComplexFormComponent],
+  imports: [PageDataListComponent, ConsumerComplexFormDialogComponent],
 })
 export class ConsumerComplexesComponent extends AbstractList<IComplexResponse> {
  @Input() consumerId!: string;
@@ -0,0 +1,19 @@
+<p-dialog
+  [header]="preparedTitle"
+  [(visible)]="visible"
+  [modal]="true"
+  [style]="{ width: '500px' }"
+  [closable]="true"
+  (onHide)="close()"
+>
+  <partner-consumer-pos-form-content
+    [consumerId]="consumerId"
+    [businessActivityId]="businessActivityId"
+    [complexId]="complexId"
+    [posId]="posId"
+    [initialValues]="initialValues"
+    [editMode]="editMode"
+    (onSubmit)="onFormSubmit($event)"
+    (onClose)="close()"
+  />
+</p-dialog>
@@ -0,0 +1,30 @@
+import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Dialog } from 'primeng/dialog';
+import { IPosResponse } from '../../models';
+import { ConsumerPosFormContentComponent } from './form.component';
+
+@Component({
+  selector: 'partner-consumer-pos-form',
+  templateUrl: './form-dialog.component.html',
+  imports: [Dialog, ConsumerPosFormContentComponent],
+})
+export class ConsumerPosFormDialogComponent extends AbstractDialog {
+  @Output() onSubmit = new EventEmitter<IPosResponse>();
+  @Input() initialValues?: IPosResponse;
+  @Input() editMode?: boolean;
+
+  @Input({ required: true }) consumerId!: string;
+  @Input({ required: true }) businessActivityId!: string;
+  @Input({ required: true }) complexId!: string;
+  @Input() posId!: string;
+
+  get preparedTitle() {
+    return `${this.editMode ? 'ویرایش' : 'ایجاد'} پایانه فروش`;
+  }
+
+  onFormSubmit(response: IPosResponse) {
+    this.onSubmit.emit(response);
+    this.close();
+  }
+}
@@ -1,51 +1,42 @@
-<p-dialog
-  [header]="preparedTitle"
-  [(visible)]="visible"
-  [modal]="true"
-  [style]="{ width: '500px' }"
-  [closable]="true"
-  (onHide)="close()"
->
-  <form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
-    <app-input label="عنوان" [control]="form.controls.name" name="name" />
-    <app-enum-select [control]="form.controls.pos_type" type="posType" name="pos_type" />
+<form [formGroup]="form" (submit)="submit()" class="flex flex-col gap-4">
+  <app-input label="عنوان" [control]="form.controls.name" name="name" />
+  <app-enum-select [control]="form.controls.pos_type" type="posType" name="pos_type" />

-    @if (form.controls.pos_type.value === "PSP") {
-      <app-input label="سریال دستگاه" [control]="form.controls.serial_number" name="serial_number" />
-      <catalog-device-select [control]="form.controls.device_id" />
-      <catalog-provider-select [control]="form.controls.provider_id" />
-    }
+  @if (form.controls.pos_type.value === "PSP") {
+    <app-input label="سریال دستگاه" [control]="form.controls.serial_number" name="serial_number" />
+    <catalog-device-select [control]="form.controls.device_id" />
+    <catalog-provider-select [control]="form.controls.provider_id" />
+  }

-    @if (!editMode) {
-      <p-divider align="center"> اطلاعات ورود </p-divider>
-      <app-input label="نام کاربری" [control]="form.controls.username" name="username" [isLtrInput]="true" />
-      <uikit-field label="رمز عبور" [control]="form.controls.password">
-        <p-password
-          id="password"
-          name="password"
-          formControlName="password"
-          autocomplete="new-password"
-          inputStyleClass="w-full"
-          [toggleMask]="true"
-          [feedback]="false"
-          [invalid]="form.controls.password.touched && form.controls.password.invalid"
-        />
-      </uikit-field>
+  @if (!editMode) {
+    <p-divider align="center"> اطلاعات ورود </p-divider>
+    <app-input label="نام کاربری" [control]="form.controls.username" name="username" [isLtrInput]="true" />
+    <uikit-field label="رمز عبور" [control]="form.controls.password">
+      <p-password
+        id="password"
+        name="password"
+        formControlName="password"
+        autocomplete="new-password"
+        inputStyleClass="w-full"
+        [toggleMask]="true"
+        [feedback]="false"
+        [invalid]="form.controls.password.touched && form.controls.password.invalid"
+      />
+    </uikit-field>

-      <uikit-field label="تکرار رمز عبور" [control]="form.controls.confirmPassword">
-        <p-password
-          id="confirmPassword"
-          name="confirmPassword"
-          formControlName="confirmPassword"
-          autocomplete="new-password"
-          inputStyleClass="w-full"
-          [toggleMask]="true"
-          [feedback]="false"
-          [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
-        />
-      </uikit-field>
-    }
+    <uikit-field label="تکرار رمز عبور" [control]="form.controls.confirmPassword">
+      <p-password
+        id="confirmPassword"
+        name="confirmPassword"
+        formControlName="confirmPassword"
+        autocomplete="new-password"
+        inputStyleClass="w-full"
+        [toggleMask]="true"
+        [feedback]="false"
+        [invalid]="form.controls.confirmPassword.touched && form.controls.confirmPassword.invalid"
+      />
+    </uikit-field>
+  }

-    <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
-  </form>
-</p-dialog>
+  <app-form-footer-actions [submitLabel]="'ذخیره'" [loading]="submitLoading()" (onCancel)="close()" />
+</form>
@@ -1,6 +1,6 @@
 // import { CatalogRolesComponent } from '@/shared/catalog/roles';
 import { MustMatch } from '@/core/validators';
-import { AbstractFormDialog } from '@/shared/abstractClasses';
+import { AbstractForm } from '@/shared/abstractClasses';
 import { EnumSelectComponent } from '@/shared/apiEnum/select.component';
 import { CatalogProviderSelectComponent } from '@/shared/catalog';
 import { CatalogDeviceSelectComponent } from '@/shared/catalog/devices';
@@ -9,18 +9,16 @@ import { FormFooterActionsComponent } from '@/shared/components/formFooterAction
 import { UikitFieldComponent } from '@/uikit';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
-import { Dialog } from 'primeng/dialog';
 import { Divider } from 'primeng/divider';
 import { Password } from 'primeng/password';
 import { IPosRequest, IPosResponse } from '../../models';
 import { PartnerPosesService } from '../../services/poses.service';

@Component({
-  selector: 'partner-consumer-pos-form',
+  selector: 'partner-consumer-pos-form-content',
  templateUrl: './form.component.html',
  imports: [
    ReactiveFormsModule,
-    Dialog,
    InputComponent,
    FormFooterActionsComponent,
    CatalogDeviceSelectComponent,
@@ -31,7 +29,7 @@ import { PartnerPosesService } from '../../services/poses.service';
    Divider,
  ],
 })
-export class ConsumerPosFormComponent extends AbstractFormDialog<IPosRequest, IPosResponse> {
+export class ConsumerPosFormContentComponent extends AbstractForm<IPosRequest, IPosResponse> {
  private readonly service = inject(PartnerPosesService);

  @Input({ required: true }) consumerId!: string;
@@ -9,12 +9,12 @@ import { Router } from '@angular/router';
 import { partnerConsumerPosesNamedRoutes } from '../../constants/routes/poses';
 import { IPosResponse } from '../../models';
 import { PartnerPosesService } from '../../services/poses.service';
-import { ConsumerPosFormComponent } from './form.component';
+import { ConsumerPosFormDialogComponent } from './form-dialog.component';

@Component({
  selector: 'partner-consumer-poses-list',
  templateUrl: './list.component.html',
-  imports: [PageDataListComponent, ConsumerPosFormComponent],
+  imports: [PageDataListComponent, ConsumerPosFormDialogComponent],
 })
 export class ConsumerPosesComponent extends AbstractList<IPosResponse> {
  @Input({ required: true }) consumerId!: string;
@@ -5,7 +5,7 @@ import { Component, computed, effect, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';

 import { ButtonDirective } from 'primeng/button';
-import { ConsumerBusinessActivitiesFormComponent } from '../../components/businessActivities/form.component';
+import { ConsumerBusinessActivitiesFormDialogComponent } from '../../components/businessActivities/form-dialog.component';
 import { PartnerChargeAccountFormDialogComponent } from '../../components/chargeAccount/charge-account-form-dialog.component';
 import { ConsumerComplexesComponent } from '../../components/complexes/list.component';
 import { BusinessActivityStore } from '../../store/businessActivity.store';
@@ -17,7 +17,7 @@ import { ConsumerStore } from '../../store/consumer.store';
  imports: [
    AppCardComponent,
    KeyValueComponent,
-    ConsumerBusinessActivitiesFormComponent,
+    ConsumerBusinessActivitiesFormDialogComponent,
    ConsumerComplexesComponent,
    ButtonDirective,
    PartnerChargeAccountFormDialogComponent,
@@ -3,7 +3,7 @@ import { AppCardComponent, KeyValueComponent } from '@/shared/components';
 import pageParamsUtils from '@/utils/page-params.utils';
 import { Component, computed, effect, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { ConsumerComplexFormComponent } from '../../components/complexes/form.component';
+import { ConsumerComplexFormDialogComponent } from '../../components/complexes/form-dialog.component';
 import { ConsumerPosesComponent } from '../../components/poses/list.component';
 import { BusinessActivityStore } from '../../store/businessActivity.store';
 import { ComplexStore } from '../../store/complex.store';
@@ -15,7 +15,7 @@ import { ConsumerStore } from '../../store/consumer.store';
  imports: [
    AppCardComponent,
    KeyValueComponent,
-    ConsumerComplexFormComponent,
+    ConsumerComplexFormDialogComponent,
    ConsumerPosesComponent,
  ],
 })
@@ -3,7 +3,7 @@ import { AppCardComponent, KeyValueComponent } from '@/shared/components';
 import pageParamsUtils from '@/utils/page-params.utils';
 import { Component, computed, effect, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { ConsumerPosFormComponent } from '../../components/poses/form.component';
+import { ConsumerPosFormDialogComponent } from '../../components/poses/form-dialog.component';
 import { BusinessActivityStore } from '../../store/businessActivity.store';
 import { ComplexStore } from '../../store/complex.store';
 import { ConsumerStore } from '../../store/consumer.store';
@@ -12,7 +12,7 @@ import { PosStore } from '../../store/pos.store';
@Component({
  selector: 'partner-user-pos',
  templateUrl: './single.component.html',
-  imports: [AppCardComponent, KeyValueComponent, ConsumerPosFormComponent],
+  imports: [AppCardComponent, KeyValueComponent, ConsumerPosFormDialogComponent],
 })
 export class PartnerUserPosComponent {
  private readonly consumerStore = inject(ConsumerStore);