ahasani/psp_panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Refactor select components to use IPaginatedResponse and streamline data fetching

Browse Source 
- Updated select components for bank accounts, bank branches, customers, inventories, product brands, product categories, products, and suppliers to extend AbstractSelectComponent with IPaginatedResponse.
- Replaced getData() method with getDataService() to return observables directly from service calls.
- Enhanced filters component to set default inventory and product selections.
- Modified inventory component to conditionally render columns based on variant type.
- Introduced InventoryStore for managing inventory state and fetching single inventory details.
- Added empty state messages in cardex and other components for better user experience.
- Updated inner pages header to use h4 for titles and improved layout in empty state component.
This commit is contained in:
ahasani194
2025-12-28 17:51:54 +03:30
parent 879e29f54f
commit 2583bc7ad5
26 changed files with 308 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modules/bankAccounts/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -13,22 +14,16 @@ import { BankAccountFormComponent } from '../form.component';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, Button, BankAccountFormComponent],
})
export class BankAccountsSelectComponent extends AbstractSelectComponent<IBankAccountsResponse> {
export class BankAccountsSelectComponent extends AbstractSelectComponent<
IBankAccountsResponse,
IPaginatedResponse<IBankAccountsResponse>
> {
constructor(private service: BankAccountsService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/bankBranches/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -13,22 +14,16 @@ import { BankBranchFormComponent } from '../form.component';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, Button, BankBranchFormComponent],
})
export class BankBranchesSelectComponent extends AbstractSelectComponent<IBankBranchResponse> {
export class BankBranchesSelectComponent extends AbstractSelectComponent<
IBankBranchResponse,
IPaginatedResponse<IBankBranchResponse>
> {
constructor(private service: BankBranchesService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/cardex/components/filters/filters.component.html
+12 -4
View File
@@ -1,9 +1,17 @@
<form [formGroup]="form" class="flex items-end gap-4">
<div class="grow grid grid-cols-4 gap-2">
<inventories-select-field [control]="form.controls.inventoryId" (onChange)="onChangeInventory($event)" />
<products-select-field [control]="form.controls.productId" (onChange)="onChangeProduct($event)" />
<uikit-datepicker [control]="form.controls.startDate" />
<uikit-datepicker [control]="form.controls.endDate" />
<inventories-select-field
[control]="form.controls.inventoryId"
(onChange)="onChangeInventory($event)"
(onSetDefaultDataItem)="setDefaultInventory($event)"
/>
<products-select-field
[control]="form.controls.productId"
(onChange)="onChangeProduct($event)"
(onSetDefaultDataItem)="setDefaultProduct($event)"
/>
<uikit-datepicker [control]="form.controls.startDate" label="از تاریخ" />
<uikit-datepicker [control]="form.controls.endDate" label="تا تاریخ" />
</div>
<div class="shrink-0">
<button pButton (click)="search()">جستجو</button>
src/app/modules/cardex/components/filters/filters.component.ts
+12
View File
@@ -1,6 +1,8 @@
import { Maybe } from '@/core';
import { InventoriesSelectComponent } from '@/modules/inventories/components';
import { IInventorySummaryResponse } from '@/modules/inventories/models';
import { ProductsSelectComponent } from '@/modules/products/components/select/select.component';
import { IProductResponse } from '@/modules/products/models';
import { UikitFlatpickrJalaliComponent } from '@/uikit';
import { Component, EventEmitter, inject, Output } from '@angular/core';
import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
@@ -34,6 +36,7 @@ export class CardexFiltersComponent {
constructor(private router: Router) {
this.filters = this.store.filters();
this.form.patchValue(this.filters);
}
form = this.fb.group({
@@ -55,4 +58,13 @@ export class CardexFiltersComponent {
this.store.getCardex();
}
setDefaultInventory(inventory: IInventorySummaryResponse) {
this.store.setDefaultInventory(inventory);
}
setDefaultProduct(product: IProductResponse) {
console.log('setDefaultProduct');
this.store.setDefaultProduct(product);
}
}
src/app/modules/cardex/components/templates/inventory.component.html
+10 -2
View File
@@ -13,7 +13,11 @@
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">شرح</th>
<th rowspan="2" [style]="{ textAlign: 'center', width: '6rem' }">شماره</th>
<th rowspan="2" [style]="{ textAlign: 'center', minWidth: '14rem', width: '14rem' }">طرف حساب</th>
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">کالا</th>
@if (variant === "inventory") {
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">کالا</th>
} @else if (variant === "product") {
<th rowspan="2" [style]="{ textAlign: 'center', width: '12rem' }">انبار</th>
}
<th colspan="2" class="text-center!" [style]="{ width: '15rem' }">ورودی</th>
<th colspan="2" class="text-center!" [style]="{ width: '15rem' }">خروجی</th>
<th colspan="1" class="text-center!" [style]="{ width: '5rem' }">مانده</th>
@@ -44,7 +48,11 @@
<td class="text-center!">
{{ (item.referenceType === "SALES" ? item.customer?.name : item.supplier?.name) || "-" }}
</td>
<td class="text-center!">{{ item.product.name || "-" }}</td>
@if (variant === "inventory") {
<td class="text-center!">{{ item.product.name || "-" }}</td>
} @else if (variant === "product") {
<td class="text-center!">{{ item.inventory.name || "-" }}</td>
}
<td class="text-center!">
{{ item.type === "IN" ? item.quantity : 0 }}
</td>
src/app/modules/cardex/components/templates/inventory.component.ts
+1
View File
@@ -18,5 +18,6 @@ import { IInventoryCardex } from './types';
export class CardexComponent {
@Input() items: IInventoryCardex[] = [];
@Input() loading: boolean = false;
@Input() variant: 'inventory' | 'product' | 'general' = 'inventory';
constructor() {}
}
src/app/modules/cardex/store/main.store.ts
+37 -16
View File
@@ -15,7 +15,7 @@ export interface CardexState extends PaginatedState<ICardexResponse> {
filters: ICardexRequestPayload;
selectedInventory: Maybe<ICardexInventorySummary>;
selectedProduct: Maybe<ICardexProductSummary>;
variant: 'inventory' | 'product' | 'both';
variant: 'inventory' | 'product' | 'general';
canChangeVariant: boolean;
}
@@ -28,17 +28,17 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
filters: {},
selectedInventory: null,
selectedProduct: null,
variant: 'both',
variant: 'general',
canChangeVariant: true,
};
constructor(
private router: Router,
private activeRoute: ActivatedRoute,
private route: ActivatedRoute,
private service: CardexService,
private toastService: ToastService,
) {
const queryParams = activeRoute.snapshot.queryParams;
const queryParams = route.snapshot.queryParams;
super({
loading: false,
@@ -52,14 +52,16 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
totalPages: 0,
hasMore: false,
filters: {
inventoryId: queryParams['inventoryId'],
productId: queryParams['productId'],
inventoryId: queryParams['inventoryId']
? parseInt(queryParams['inventoryId'], 10)
: undefined,
productId: queryParams['productId'] ? parseInt(queryParams['productId'], 10) : undefined,
startDate: queryParams['startDate'],
endDate: queryParams['endDate'],
},
selectedInventory: null,
selectedProduct: null,
variant: 'both',
variant: 'general',
canChangeVariant: true,
});
this.initial();
@@ -75,7 +77,9 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
case 'inventory':
return `کاردکس انبار ${this._state().selectedInventory?.name}`;
default:
return 'کاردکس';
return `کاردکس ${this._state().selectedProduct ? 'کالای ' + this._state().selectedProduct?.name : ''} ${
this._state().selectedInventory ? 'در انبار ' + this._state().selectedInventory?.name : ''
}`;
}
});
@@ -83,7 +87,7 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
* Reset state to initial values
*/
reset(): void {
const queryParams = this.activeRoute.snapshot.queryParams;
const queryParams = this.route.snapshot.queryParams;
this.setState({
loading: false,
initialized: false,
@@ -103,7 +107,7 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
},
selectedInventory: null,
selectedProduct: null,
variant: 'both',
variant: 'general',
canChangeVariant: this.state().canChangeVariant,
});
}
@@ -132,7 +136,7 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
const { productId, inventoryId, startDate, endDate } = this.filters();
const filters = {} as Partial<ICardexRequestPayload>;
Object.entries(this.filters()).forEach(([key, value]) => {
if (value) {
if (value && value !== '0') {
filters[key as keyof ICardexRequestPayload] = value;
}
});
@@ -151,10 +155,19 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
updateFilter(filters: ICardexRequestPayload) {
this.updateVariant();
this.router.navigate([], {
queryParams: filters,
skipLocationChange: true,
});
console.log('filters');
console.log(filters);
const cleanedFilters = this.validateFilters() || {};
this.router
.navigate([], {
relativeTo: this.route,
queryParams: cleanedFilters,
})
.then((res) => console.log(res))
.catch((err) => {
console.log(err);
});
this.patchState({ filters });
}
@@ -169,10 +182,18 @@ export class CardexStore extends PaginatedStore<ICardexResponse, CardexState> {
this.patchState({ canChangeVariant: status });
}
setDefaultInventory(inventory: ICardexInventorySummary) {
this.patchState({ selectedInventory: inventory });
}
setDefaultProduct(product: ICardexProductSummary) {
this.patchState({ selectedProduct: product });
}
private updateVariant() {
const inventoryIsSelected = Boolean(this._state().selectedInventory);
const productIsSelected = Boolean(this._state().selectedProduct);
let variant = 'both' as 'product' | 'inventory' | 'both';
let variant = 'general' as 'product' | 'inventory' | 'general';
if (inventoryIsSelected) {
if (!productIsSelected) {
variant = 'inventory';
src/app/modules/cardex/views/cardex.component.html
+2 -3
View File
@@ -7,9 +7,8 @@
<uikit-empty-state title="برای مشاهده‌ی کاردکس اطلاعات بالا را تکمیل کنید"> </uikit-empty-state>
} @else {
<h3 class="mb-4">{{ cardexTitle }}</h3>
@if (variant === "inventory") {
<cardex-templates-inventory [items]="items" [loading]="loading" />
}
<cardex-templates-inventory [items]="items" [loading]="loading" [variant]="variant" />
}
</p-card>
</div>
src/app/modules/customers/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -13,22 +14,16 @@ import { CustomerFormComponent } from '../form.component';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, Button, CustomerFormComponent],
})
export class CustomersSelectComponent extends AbstractSelectComponent<ICustomerResponse> {
export class CustomersSelectComponent extends AbstractSelectComponent<
ICustomerResponse,
IPaginatedResponse<ICustomerResponse>
> {
constructor(private service: CustomersService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/inventories/components/bankAccounts/select.component.ts
+8 -15
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component, Input } from '@angular/core';
@@ -19,27 +20,19 @@ import { InventoryBankAccountFormComponent } from './form.component';
ReactiveFormsModule,
],
})
export class InventoryBankAccountSelectComponent extends AbstractSelectComponent<IInventoryBankAccountResponse> {
export class InventoryBankAccountSelectComponent extends AbstractSelectComponent<
IInventoryBankAccountResponse,
IPaginatedResponse<IInventoryBankAccountResponse>
> {
@Input() inventoryId!: string;
@Input() override showClear: boolean = false;
constructor(private service: InventoryBankAccountsService) {
super();
}
ngOnInit() {
this.getData();
}
getData(): void {
this.loading.set(true);
this.service.getBankAccounts(Number(this.inventoryId)).subscribe({
next: (res) => {
this.loading.set(false);
this.items.set(res.data);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getBankAccounts(Number(this.inventoryId));
}
}
src/app/modules/inventories/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -11,22 +12,16 @@ import { InventoriesService } from '../../services/main.service';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent],
})
export class InventoriesSelectComponent extends AbstractSelectComponent<IInventorySummaryResponse> {
export class InventoriesSelectComponent extends AbstractSelectComponent<
IInventorySummaryResponse,
IPaginatedResponse<IInventorySummaryResponse>
> {
constructor(private service: InventoriesService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/inventories/models/posAccounts.io.ts
+2 -1
View File
@@ -1,3 +1,4 @@
import ISummary from '@/core/models/summary';
import { IInventoryBankAccountSummary } from './types';
export interface IInventoryPosAccountRawResponse {
@@ -6,7 +7,7 @@ export interface IInventoryPosAccountRawResponse {
code: string;
description: string;
bankAccountId: number;
inventoryId: number;
inventory: ISummary;
createdAt: string;
updatedAt: string;
deletedAt: null;
src/app/modules/inventories/store/inventory.store.ts
+80
View File
@@ -0,0 +1,80 @@
import { ToastService } from '@/core/services/toast.service';
import { EntityState, EntityStore } from '@/core/state';
import { Injectable } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { IInventoryDetailResponse } from '../models';
import { InventoriesService } from '../services';
export interface InventoryState extends EntityState<IInventoryDetailResponse> {}
@Injectable({
providedIn: 'root',
})
export class InventoryStore extends EntityStore<IInventoryDetailResponse, InventoryState> {
private readonly _inventoryState = {
isRefreshing: false,
};
constructor(
private activeRoute: ActivatedRoute,
private service: InventoriesService,
private toastService: ToastService,
) {
super({
loading: false,
initialized: false,
error: null,
isRefreshing: false,
entities: {},
selectedId: null,
ids: [],
});
this.initial();
}
supplierId!: string;
initial() {}
getSingle(inventoryId: string) {
if (this.entities()[inventoryId]) {
return;
}
this.patchState({ loading: true });
this.service.getSingle(inventoryId).subscribe({
next: (res) => {
this.patchState({
entities: { [res.id]: res },
loading: false,
});
},
error: (err) => {
this.patchState({ loading: false, error: err });
this.toastService.error({
text: 'خطا در دریافت اطلاعات انبار',
});
},
});
}
refresh(inventoryId: string) {
const { inventoryId: _, ...entities } = this.entities();
this.patchState({
entities,
});
this.getSingle(inventoryId);
}
reset(): void {
const queryParams = this.activeRoute.snapshot.queryParams;
this.setState({
loading: false,
initialized: false,
error: null,
isRefreshing: false,
entities: {},
selectedId: null,
ids: [],
});
}
}
src/app/modules/inventories/views/posAccounts/list.component.html
+6 -5
View File
@@ -1,21 +1,22 @@
<p-card class="">
<ng-template #header>
<div class="p-4 flex items-center justify-between">
<span class="text-xl font-bold">نقاط فروش متصل به انبار</span>
<div class="flex gap-2">
<app-inner-pages-header [pageTitle]="pageTitle()" [backRoute]="['/inventories', inventoryId]" class="p-4! block">
<ng-template #actions>
<button pButton outlined (click)="openAddForm()">ایجاد نقطه فروش جدید</button>
<button pButton outlined icon="pi pi-refresh" [loading]="loading()" (click)="getItems()"></button>
</div>
</div>
</ng-template>
</app-inner-pages-header>
</ng-template>
<app-page-data-list
[columns]="columns"
emptyPlaceholderTitle="نقطه فروش برای این انبار تعریف نشده است"
emptyPlaceholderDescription="برای تعریف نقطه‌ی فروش، روی دکمهٔ بالا کلیک کنید."
[showDetails]="true"
[items]="items()"
[loading]="loading()"
(onAdd)="openAddForm()"
(onDetails)="toPos($event)"
/>
@if (inventoryId) {
<app-inventory-pos-account-form [(visible)]="visibleForm" [inventoryId]="inventoryId" />
src/app/modules/inventories/views/posAccounts/list.component.ts
+19 -3
View File
@@ -1,32 +1,44 @@
import { InnerPagesHeaderComponent } from '@/shared/components/innerPagesHeader/inner-pages-header.component';
import {
IColumn,
PageDataListComponent,
} from '@/shared/components/pageDataList/page-data-list.component';
import { Component, inject, signal } from '@angular/core';
import { Component, computed, inject, signal } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ButtonDirective } from 'primeng/button';
import { Card } from 'primeng/card';
import { InventoryPosAccountFormComponent } from '../../components/posAccounts/form.component';
import { IInventoryPosAccountResponse } from '../../models';
import { InventoryPosAccountsService } from '../../services/posAccounts.service';
import { InventoryStore } from '../../store/inventory.store';
@Component({
selector: 'app-inventory-pos-account-list',
templateUrl: './list.component.html',
imports: [PageDataListComponent, Card, ButtonDirective, InventoryPosAccountFormComponent],
imports: [
PageDataListComponent,
Card,
ButtonDirective,
InventoryPosAccountFormComponent,
InnerPagesHeaderComponent,
],
})
export class InventoryPosAccountListComponent {
private readonly route = inject(ActivatedRoute);
private readonly service = inject(InventoryPosAccountsService);
private readonly inventoryStore = inject(InventoryStore);
inventoryId = this.route.snapshot.params['inventoryId'];
items = signal<IInventoryPosAccountResponse[]>([]);
loading = signal<boolean>(false);
visibleForm = signal<boolean>(false);
inventoryId = this.route.snapshot.params['inventoryId'];
inventory = computed(() => this.inventoryStore.entities()[this.inventoryId]);
columns = [] as IColumn<IInventoryPosAccountResponse>[];
pageTitle = computed(() => `نقاط فروش متصل به انبار ${this.inventory()?.name || ''}`);
ngOnInit() {
this.inventoryStore.getSingle(this.inventoryId);
this.getItems();
this.columns = [
{
@@ -73,4 +85,8 @@ export class InventoryPosAccountListComponent {
openAddForm() {
this.visibleForm.set(true);
}
toPos(item: IInventoryPosAccountResponse) {
window.open(`/pos/${item.id}`, '_blank');
}
}
src/app/modules/productBrands/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -13,22 +14,16 @@ import { ProductBrandFormComponent } from '../form.component';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, Button, ProductBrandFormComponent],
})
export class ProductBrandsSelectComponent extends AbstractSelectComponent<IProductBrandResponse> {
export class ProductBrandsSelectComponent extends AbstractSelectComponent<
IProductBrandResponse,
IPaginatedResponse<IProductBrandResponse>
> {
constructor(private service: ProductBrandsService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/productCategories/components/select/select.component.ts
+7 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -13,22 +14,16 @@ import { ProductCategoryFormComponent } from '../form.component';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, Button, ProductCategoryFormComponent],
})
export class ProductCategoriesSelectComponent extends AbstractSelectComponent<IProductCategoryResponse> {
export class ProductCategoriesSelectComponent extends AbstractSelectComponent<
IProductCategoryResponse,
IPaginatedResponse<IProductCategoryResponse>
> {
constructor(private service: ProductCategoriesService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/products/components/select/select.component.ts
+7 -16
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { CommonModule } from '@angular/common';
@@ -12,26 +13,16 @@ import { ProductsService } from '../../services/main.service';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, Select, UikitFieldComponent, CommonModule],
})
export class ProductsSelectComponent extends AbstractSelectComponent<IProductResponse> {
export class ProductsSelectComponent extends AbstractSelectComponent<
IProductResponse,
IPaginatedResponse<IProductResponse>
> {
constructor(private service: ProductsService) {
super();
this.getData();
}
getLabel(): string {
return 'کالا';
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}
src/app/modules/suppliers/components/ledger/ledger.component.html
+3 -3
View File
@@ -1,7 +1,7 @@
<p-card>
<ng-template pTemplate="header">
<div class="p-4 flex items-center justify-between">
<span class="text-xl font-bold">تراکنش‌های تامین‌کننده</span>
<span class="text-xl font-bold">دفتر کل تامین‌کننده</span>
<div class="flex items-center gap-2">
@if (showViewAllCTA) {
<button pButton outlined [routerLink]="['/suppliers', supplierId, 'ledger']">مشاهده‌ی تمامی تراکنش‌ها</button>
@@ -24,8 +24,8 @@
<ng-template pTemplate="body" let-item let-i="rowIndex">
<tr>
<td>{{ i + 1 }}</td>
<td><span [appPriceMask]="item.debit"></span></td>
<td><span [appPriceMask]="item.credit"></span></td>
<td><span [appPriceMask]="item.debit" [class]="item.debit ? 'text-red-500' : ''"></span></td>
<td><span [appPriceMask]="item.credit" [class]="item.credit ? 'text-green-500' : ''"></span></td>
<td><span [appPriceMask]="item.balance"></span></td>
<td><span [jalaliDate]="item.createdAt"></span></td>
</tr>
src/app/modules/suppliers/components/select/select.component.ts
+8 -12
View File
@@ -1,3 +1,4 @@
import { IPaginatedResponse } from '@/core/models/service.model';
import { AbstractSelectComponent } from '@/shared/components';
import { UikitFieldComponent } from '@/uikit';
import { Component } from '@angular/core';
@@ -11,21 +12,16 @@ import { SuppliersService } from '../../services/main.service';
templateUrl: './select.component.html',
imports: [ReactiveFormsModule, SelectModule, UikitFieldComponent],
})
export class SuppliersSelectComponent extends AbstractSelectComponent<ISupplierResponse> {
export class SuppliersSelectComponent extends AbstractSelectComponent<
ISupplierResponse,
IPaginatedResponse<ISupplierResponse>
> {
constructor(private service: SuppliersService) {
super();
this.getData();
}
getData() {
this.loading.set(true);
this.service.getAll().subscribe({
next: (res) => {
this.items.set(res.data);
this.loading.set(false);
},
error: () => {
this.loading.set(false);
},
});
getDataService() {
return this.service.getAll();
}
}