36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
<div class="flex flex-col">
|
|
<div class="sticky top-0 bg-surface-ground z-10 pb-4">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 text-muted-color">
|
|
<i class="pi pi-list"></i>
|
|
<span class="text-base font-bold">لیست کالاها</span>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<app-search-input (search)="onSearch($event)"></app-search-input>
|
|
|
|
<div class="card p-2! flex justify-center">
|
|
<p-selectbutton [options]="viewOptions" [(ngModel)]="viewType" optionValue="value">
|
|
<ng-template #item let-item>
|
|
<i [class]="item.icon"></i>
|
|
</ng-template>
|
|
</p-selectbutton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<pos-good-categories (categoryChange)="onCategoryChange($event)" />
|
|
</div>
|
|
@if (viewType === "grid") {
|
|
<pos-good-grid-view (onAdd)="addGood($event)" />
|
|
} @else {
|
|
<pos-goods-list-view (onAdd)="addGood($event)" />
|
|
}
|
|
|
|
@if (selectedGoodToAdd()) {
|
|
<pos-payload-form-dialog
|
|
[(visible)]="showPayloadForm"
|
|
[good]="selectedGoodToAdd()!"
|
|
(onClose)="onClosePayloadForm()"
|
|
/>
|
|
}
|
|
</div>
|