+
+
+
diff --git a/src/app/domains/consumer/components/invoices/single.component.ts b/src/app/domains/consumer/components/invoices/single.component.ts
new file mode 100644
index 0000000..1b545cb
--- /dev/null
+++ b/src/app/domains/consumer/components/invoices/single.component.ts
@@ -0,0 +1,20 @@
+import { AppCardComponent, KeyValueComponent } from '@/shared/components';
+import { Component, Input, signal } from '@angular/core';
+import { Badge } from 'primeng/badge';
+import { Divider } from 'primeng/divider';
+
+export type TConsumerSaleInvoice = 'full' | 'customer' | 'pos';
+
+@Component({
+ selector: 'consumer-saleInvoice-shared',
+ templateUrl: './single.component.html',
+ imports: [AppCardComponent, KeyValueComponent, Badge, Divider],
+})
+export class ConsumerSaleInvoiceSharedComponent {
+ @Input({ required: true }) loading!: boolean;
+ @Input({ required: true }) invoice!: any;
+ @Input() editable = false;
+ @Input() variant: TConsumerSaleInvoice = 'full';
+
+ editMode = signal
+ اطلاعات پرداخت
+ اطلاعات صادر کننده
+ اطلاعات مشتری
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @if (variant !== "customer") {
+
+ @if (invoice()?.customer) {}
+
+
+ }
+
- به پنل کسب و کار خوش آمدید
+(this.route.snapshot.paramMap.get('invoiceId')!);
+
+ readonly loading = computed(() => this.store.loading());
+
+ getData() {
+ this.store.getData(this.invoiceId());
+ }
+
+ ngOnInit() {
+ this.getData();
+ }
+}
diff --git a/src/app/domains/consumer/modules/saleInvoices/components/list.component.html b/src/app/domains/consumer/modules/saleInvoices/components/list.component.html
new file mode 100644
index 0000000..a264dff
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/components/list.component.html
@@ -0,0 +1,9 @@
+ {
+ @Input() fullHeight?: boolean;
+ @Input() header: IColumn[] = [
+ { field: 'code', header: 'کد رهگیری' },
+ {
+ field: 'total_amount',
+ header: 'قیمت نهایی',
+ type: 'price',
+ },
+ {
+ field: 'pos',
+ header: 'فروشگاه',
+ customDataModel(item: IConsumerSaleInvoicesResponse) {
+ return `${item.pos.complex.business_activity.name}، فروشگاه ${item.pos.complex.name}، پایانهی فروش ${item.pos.name}`;
+ },
+ },
+ {
+ field: 'account',
+ header: 'ایجاد شده توسط',
+ type: 'nested',
+ nestedPath: 'account.account.username',
+ },
+ {
+ field: 'invoice_date',
+ header: 'تاریخ فاکتور',
+ type: 'date',
+ },
+ {
+ field: 'created_at',
+ header: 'تاریخ ایجاد',
+ type: 'date',
+ },
+ ];
+
+ private readonly service = inject(ConsumerSaleInvoicesService);
+ private readonly router = inject(Router);
+
+ override setColumns(): void {
+ this.columns = this.header;
+ }
+
+ override getDataRequest() {
+ return this.service.getAll();
+ }
+
+ toSinglePage(item: IConsumerSaleInvoicesResponse) {
+ this.router.navigateByUrl(consumerSaleInvoicesNamedRoutes.saleInvoice.meta.pagePath!(item.id));
+ }
+}
diff --git a/src/app/domains/consumer/modules/saleInvoices/constants/apiRoutes/index.ts b/src/app/domains/consumer/modules/saleInvoices/constants/apiRoutes/index.ts
new file mode 100644
index 0000000..14d4af5
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/constants/apiRoutes/index.ts
@@ -0,0 +1,6 @@
+const baseUrl = () => `/api/v1/consumer/sale-invoices`;
+
+export const CONSUMER_SALE_INVOICES_API_ROUTES = {
+ list: () => baseUrl(),
+ single: (id: string) => `${baseUrl()}/${id}`,
+};
diff --git a/src/app/domains/consumer/modules/saleInvoices/constants/index.ts b/src/app/domains/consumer/modules/saleInvoices/constants/index.ts
new file mode 100644
index 0000000..ee61bd7
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/constants/index.ts
@@ -0,0 +1,2 @@
+export * from './apiRoutes';
+export * from './routes';
diff --git a/src/app/domains/consumer/modules/saleInvoices/constants/routes/index.ts b/src/app/domains/consumer/modules/saleInvoices/constants/routes/index.ts
new file mode 100644
index 0000000..4aa73aa
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/constants/routes/index.ts
@@ -0,0 +1,30 @@
+import { NamedRoutes } from '@/core';
+import { Routes } from '@angular/router';
+
+export type TConsumerSaleInvoicesRouteNames = 'saleInvoices' | 'saleInvoice';
+
+export const consumerSaleInvoicesNamedRoutes: NamedRoutes = {
+ saleInvoices: {
+ path: 'saleInvoices',
+ loadComponent: () =>
+ import('../../views/list.component').then((m) => m.ConsumerSaleInvoicesComponent),
+ meta: {
+ title: 'فاکتورهای صادر شده',
+ pagePath: () => `/consumer/saleInvoices`,
+ },
+ },
+ saleInvoice: {
+ path: 'saleInvoices/:invoiceId',
+ loadComponent: () =>
+ import('../../views/single.component').then((m) => m.ConsumerSaleInvoiceComponent),
+ meta: {
+ title: 'فاکتور صادر شده',
+ pagePath: (saleInvoiceId: string) => `/consumer/saleInvoices/${saleInvoiceId}`,
+ },
+ },
+};
+
+export const CONSUMER_SALE_INVOICES_ROUTES: Routes = [
+ consumerSaleInvoicesNamedRoutes.saleInvoices,
+ consumerSaleInvoicesNamedRoutes.saleInvoice,
+];
diff --git a/src/app/domains/consumer/modules/saleInvoices/models/index.ts b/src/app/domains/consumer/modules/saleInvoices/models/index.ts
new file mode 100644
index 0000000..61a518a
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/models/index.ts
@@ -0,0 +1 @@
+export * from './io';
diff --git a/src/app/domains/consumer/modules/saleInvoices/models/io.d.ts b/src/app/domains/consumer/modules/saleInvoices/models/io.d.ts
new file mode 100644
index 0000000..2221860
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/models/io.d.ts
@@ -0,0 +1,44 @@
+import ISummary from '@/core/models/summary';
+
+export interface IConsumerSaleInvoicesRawResponse {
+ id: string;
+ code: string;
+ invoice_date: string;
+ notes?: string;
+ total_amount: string;
+ pos: Pos;
+ account: ConsumerAccount;
+ created_at: string;
+ items_count: number;
+ payments: Payments[];
+}
+export interface IConsumerSaleInvoicesResponse extends IConsumerSaleInvoicesRawResponse {}
+
+interface ConsumerAccount {
+ role: string;
+ user: User;
+ account: Account;
+}
+
+interface Account {
+ username: string;
+}
+
+interface User {
+ first_name: string;
+ last_name: string;
+}
+
+interface Pos extends ISummary {
+ complex: Complex;
+}
+
+interface Complex extends ISummary {
+ business_activity: ISummary;
+}
+
+interface Payments {
+ amount: string;
+ paid_at: string;
+ payment_method: string;
+}
diff --git a/src/app/domains/consumer/modules/saleInvoices/services/main.service.ts b/src/app/domains/consumer/modules/saleInvoices/services/main.service.ts
new file mode 100644
index 0000000..e335667
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/services/main.service.ts
@@ -0,0 +1,22 @@
+import { IPaginatedResponse } from '@/core/models/service.model';
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { CONSUMER_SALE_INVOICES_API_ROUTES } from '../constants';
+import { IConsumerSaleInvoicesRawResponse, IConsumerSaleInvoicesResponse } from '../models';
+
+@Injectable({ providedIn: 'root' })
+export class ConsumerSaleInvoicesService {
+ constructor(private http: HttpClient) {}
+
+ private apiRoutes = CONSUMER_SALE_INVOICES_API_ROUTES;
+
+ getAll(): Observable> {
+ return this.http.get>(
+ this.apiRoutes.list(),
+ );
+ }
+ getSingle(invoiceId: string): Observable {
+ return this.http.get(this.apiRoutes.single(invoiceId));
+ }
+}
diff --git a/src/app/domains/consumer/modules/saleInvoices/store/main.store.ts b/src/app/domains/consumer/modules/saleInvoices/store/main.store.ts
new file mode 100644
index 0000000..ea42a85
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/store/main.store.ts
@@ -0,0 +1,78 @@
+import { EntityState, EntityStore } from '@/core/state';
+import { computed, inject, Injectable } from '@angular/core';
+import { MenuItem } from 'primeng/api';
+import { catchError, finalize } from 'rxjs';
+import { consumerSaleInvoicesNamedRoutes } from '../constants';
+import { IConsumerSaleInvoicesResponse } from '../models';
+import { ConsumerSaleInvoicesService } from '../services/main.service';
+
+interface ConsumerSaleInvoiceState extends EntityState {
+ breadcrumbItems: MenuItem[];
+}
+
+@Injectable({
+ providedIn: 'root',
+})
+export class ConsumerSaleInvoiceStore extends EntityStore<
+ IConsumerSaleInvoicesResponse,
+ ConsumerSaleInvoiceState
+> {
+ private readonly service = inject(ConsumerSaleInvoicesService);
+ constructor() {
+ super({
+ loading: false,
+ error: null,
+ entity: null,
+ initialized: false,
+ isRefreshing: false,
+ breadcrumbItems: [],
+ });
+ }
+
+ breadcrumbItems = computed(() => this._state().breadcrumbItems);
+
+ private setBreadcrumb(invoiceId: string) {
+ this.patchState({
+ breadcrumbItems: [
+ {
+ ...consumerSaleInvoicesNamedRoutes.saleInvoices.meta,
+ routerLink: consumerSaleInvoicesNamedRoutes.saleInvoices.meta.pagePath!(),
+ },
+ {
+ title: this.entity()?.code,
+ routerLink: consumerSaleInvoicesNamedRoutes.saleInvoice.meta.pagePath!(invoiceId),
+ },
+ ],
+ });
+ }
+
+ getData(invoiceId: string) {
+ this.patchState({ loading: true });
+ this.service
+ .getSingle(invoiceId)
+ .pipe(
+ finalize(() => {
+ this.patchState({ loading: false });
+ }),
+ catchError((error) => {
+ this.setError(error);
+ throw error;
+ }),
+ )
+ .subscribe((entity) => {
+ this.patchState({ entity });
+ this.setBreadcrumb(invoiceId);
+ });
+ }
+
+ override reset(): void {
+ this.setState({
+ loading: false,
+ error: null,
+ entity: null,
+ initialized: false,
+ isRefreshing: false,
+ breadcrumbItems: [],
+ });
+ }
+}
diff --git a/src/app/domains/consumer/modules/saleInvoices/views/index.ts b/src/app/domains/consumer/modules/saleInvoices/views/index.ts
new file mode 100644
index 0000000..bc9dfc9
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/views/index.ts
@@ -0,0 +1,2 @@
+export * from './list.component';
+export * from './single.component';
diff --git a/src/app/domains/consumer/modules/saleInvoices/views/list.component.html b/src/app/domains/consumer/modules/saleInvoices/views/list.component.html
new file mode 100644
index 0000000..568c5a1
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/views/list.component.html
@@ -0,0 +1 @@
+(this.pageParams()['invoiceId']);
+ editMode = signal(false);
+
+ readonly invoice = computed(() => this.store.entity());
+ readonly loading = computed(() => this.store.loading());
+
+ constructor() {
+ effect(() => {
+ if (this.invoice()?.id) {
+ this.setBreadcrumb();
+ }
+ });
+ }
+
+ ngOnInit() {
+ this.getData();
+ }
+
+ getData() {
+ this.store.getData(this.invoiceId());
+ }
+
+ setBreadcrumb() {
+ this.breadcrumbService.setItems([...this.store.breadcrumbItems()]);
+ }
+}
diff --git a/src/app/domains/consumer/routes.ts b/src/app/domains/consumer/routes.ts
index 4373992..22496aa 100644
--- a/src/app/domains/consumer/routes.ts
+++ b/src/app/domains/consumer/routes.ts
@@ -2,6 +2,7 @@ import { Route } from '@angular/router';
import { CONSUMER_ACCOUNTS_ROUTES } from './modules/accounts/constants';
import { CONSUMER_BUSINESS_ACTIVITIES_ROUTES } from './modules/businessActivities/constants';
import { CONSUMER_CUSTOMERS_ROUTES } from './modules/customers/constants';
+import { CONSUMER_SALE_INVOICES_ROUTES } from './modules/saleInvoices/constants';
export const CONSUMER_ROUTES = {
path: 'consumer',
@@ -15,5 +16,6 @@ export const CONSUMER_ROUTES = {
...CONSUMER_ACCOUNTS_ROUTES,
...CONSUMER_BUSINESS_ACTIVITIES_ROUTES,
...CONSUMER_CUSTOMERS_ROUTES,
+ ...CONSUMER_SALE_INVOICES_ROUTES,
],
} as Route;
diff --git a/src/app/domains/consumer/store/main.store.ts b/src/app/domains/consumer/store/main.store.ts
index 461d0f7..b6275db 100644
--- a/src/app/domains/consumer/store/main.store.ts
+++ b/src/app/domains/consumer/store/main.store.ts
@@ -1,7 +1,7 @@
import { EntityState, EntityStore } from '@/core/state';
import { LayoutService } from '@/layout/service/layout.service';
import { inject, Injectable } from '@angular/core';
-import { catchError, finalize, throwError } from 'rxjs';
+import { catchError, finalize } from 'rxjs';
import { IConsumerInfoResponse } from '../models';
import { ConsumerService } from '../services/main.service';
@@ -32,11 +32,9 @@ export class ConsumerStore extends EntityStore {
this.patchState({ loading: false });
}),
- catchError(() => {
- this.patchState({
- error: '',
- });
- return throwError('');
+ catchError((error) => {
+ this.setError(error);
+ throw error;
}),
)
.subscribe((entity) => {
diff --git a/src/app/domains/pos/layouts/choose-pos.component.html b/src/app/domains/pos/layouts/choose-pos.component.html
new file mode 100644
index 0000000..aeee04a
--- /dev/null
+++ b/src/app/domains/pos/layouts/choose-pos.component.html
@@ -0,0 +1,24 @@
+@if (loading()) {
+ ([]);
+ error = signal>(null);
+
+ getData() {
+ this.loading.set(true);
+ this.service
+ .getAccessible()
+ .pipe(
+ finalize(() => this.loading.set(false)),
+ catchError((err) => {
+ this.error.set(err);
+ throw err;
+ }),
+ )
+ .subscribe((res) => {
+ this.items.set(res?.data || []);
+ });
+ }
+
+ ngOnInit() {
+ this.getData();
+ }
+
+ selectPos(pos: IPosAccessibleResponse) {
+ this.cookieService.set(COOKIE_KEYS.POS_ID, pos.id, {
+ sameSite: 'Lax', // or 'Strict' for same-site requests only
+ secure: false,
+ path: '/',
+ domain: 'localhost',
+ });
+
+ this.onChoose.emit();
+ }
+}
diff --git a/src/app/domains/pos/layouts/layout.component.html b/src/app/domains/pos/layouts/layout.component.html
index 4be8121..f7ee9ad 100644
--- a/src/app/domains/pos/layouts/layout.component.html
+++ b/src/app/domains/pos/layouts/layout.component.html
@@ -7,17 +7,42 @@
![Logo]()
- {{ posInfo()?.name }} - فروشگاه {{ posInfo()?.complex?.name }}
+ @if (posInfo()) {
+ {{ posInfo()?.name }} - فروشگاه {{ posInfo()?.complex?.name }}
+ }
+
diff --git a/src/app/domains/consumer/modules/dashboard/views/index.component.ts b/src/app/domains/consumer/modules/dashboard/views/index.component.ts
index 3456d67..1829224 100644
--- a/src/app/domains/consumer/modules/dashboard/views/index.component.ts
+++ b/src/app/domains/consumer/modules/dashboard/views/index.component.ts
@@ -1,8 +1,10 @@
import { Component } from '@angular/core';
+import { ConsumerStatisticsLatestInvoicesComponent } from '../components/statistics/latestInvoices/latest-Invoices.component';
@Component({
selector: 'consumer-dashboard',
templateUrl: './index.component.html',
+ imports: [ConsumerStatisticsLatestInvoicesComponent],
})
export class DashboardComponent {
constructor() {}
diff --git a/src/app/domains/consumer/modules/saleInvoices/components/layout.component.html b/src/app/domains/consumer/modules/saleInvoices/components/layout.component.html
new file mode 100644
index 0000000..5416fe1
--- /dev/null
+++ b/src/app/domains/consumer/modules/saleInvoices/components/layout.component.html
@@ -0,0 +1,5 @@
+@if (loading()) {
+
+
+ برای ادامه میبایست یکی از پایانههای زیر را انتخاب کنید.
+
+}
diff --git a/src/app/domains/pos/layouts/choose-pos.component.ts b/src/app/domains/pos/layouts/choose-pos.component.ts
new file mode 100644
index 0000000..2b525b3
--- /dev/null
+++ b/src/app/domains/pos/layouts/choose-pos.component.ts
@@ -0,0 +1,59 @@
+import { Maybe } from '@/core';
+import { PageLoadingComponent } from '@/shared/components/page-loading.component';
+import { HttpErrorResponse } from '@angular/common/http';
+import { Component, EventEmitter, inject, Output, signal } from '@angular/core';
+import { CookieService } from 'ngx-cookie-service';
+import { ButtonDirective } from 'primeng/button';
+import { Card } from 'primeng/card';
+import { Message } from 'primeng/message';
+import { catchError, finalize } from 'rxjs';
+import { COOKIE_KEYS } from 'src/assets/constants';
+import { IPosAccessibleResponse } from '../models/pos.io';
+import { PosService } from '../modules/landing/services/main.service';
+
+@Component({
+ selector: 'pos-choose-cards',
+ templateUrl: './choose-pos.component.html',
+ imports: [PageLoadingComponent, Card, ButtonDirective, Message],
+})
+export class PosChooseCardsComponent {
+ @Output() onChoose = new EventEmitter();
+
+ private readonly service = inject(PosService);
+ private readonly cookieService = inject(CookieService);
+
+ loading = signal(true);
+ items = signal
+ @for (item of items(); track $index) {
+
+
+ }
+
+
+
+ {{ item.name }}
+
+ {{ item.complex.business_activity.name }} - {{ item.complex.name }}
+
+
+
+
-
}
diff --git a/src/app/domains/pos/layouts/layout.component.ts b/src/app/domains/pos/layouts/layout.component.ts
index ffcb6f1..58d91b2 100644
--- a/src/app/domains/pos/layouts/layout.component.ts
+++ b/src/app/domains/pos/layouts/layout.component.ts
@@ -3,13 +3,26 @@ import { PageLoadingComponent } from '@/shared/components/page-loading.component
import { JalaliDateDirective } from '@/shared/directives';
import { Component, computed, inject } from '@angular/core';
import { RouterOutlet } from '@angular/router';
+import { MenuItem } from 'primeng/api';
+import { ButtonDirective } from 'primeng/button';
+import { Card } from 'primeng/card';
+import { Menu } from 'primeng/menu';
import images from 'src/assets/images';
import { PosStore } from '../pos.store';
+import { PosChooseCardsComponent } from './choose-pos.component';
@Component({
selector: 'pos-layout',
templateUrl: './layout.component.html',
- imports: [PageLoadingComponent, RouterOutlet, JalaliDateDirective],
+ imports: [
+ PageLoadingComponent,
+ RouterOutlet,
+ JalaliDateDirective,
+ Menu,
+ ButtonDirective,
+ Card,
+ PosChooseCardsComponent,
+ ],
})
export class PosLayoutComponent {
constructor() {}
@@ -19,8 +32,26 @@ export class PosLayoutComponent {
readonly loading = computed(() => this.store.loading());
readonly posInfo = computed(() => this.store.entity());
+ readonly error = computed(() => this.store.error());
readonly userInfo = computed(() => this.authService.currentAccount());
+ logout = () => {
+ this.authService.logout();
+ };
+
+ profileMenuItems: MenuItem[] = [
+ {
+ label: 'راهنمای سامانه',
+ icon: 'pi pi-question-circle',
+ disabled: true,
+ },
+ {
+ label: 'خروج',
+ icon: 'pi pi-sign-out',
+ command: this.logout,
+ },
+ ];
+
placeholderLogo = images.placeholders.logo;
now = new Date();
@@ -29,6 +60,10 @@ export class PosLayoutComponent {
this.store.getData().subscribe();
}
+ onChoosePos() {
+ this.getData();
+ }
+
ngOnInit() {
this.getData();
}
diff --git a/src/app/domains/pos/models/pos.io.ts b/src/app/domains/pos/models/pos.io.ts
index ffc4d25..295d728 100644
--- a/src/app/domains/pos/models/pos.io.ts
+++ b/src/app/domains/pos/models/pos.io.ts
@@ -1,3 +1,5 @@
+import ISummary from '@/core/models/summary';
+
export interface IPosInfoRawResponse {
name: true;
complex: {
@@ -16,3 +18,12 @@ export interface IPosInfoRawResponse {
}
export interface IPosInfoResponse extends IPosInfoRawResponse {}
+
+export interface IPosAccessibleRawResponse extends ISummary {
+ complex: Complex;
+}
+export interface IPosAccessibleResponse extends IPosAccessibleRawResponse {}
+
+interface Complex extends ISummary {
+ business_activity: ISummary;
+}
diff --git a/src/app/domains/pos/modules/landing/constants/apiRoutes/index.ts b/src/app/domains/pos/modules/landing/constants/apiRoutes/index.ts
index 08706b6..f5eddb4 100644
--- a/src/app/domains/pos/modules/landing/constants/apiRoutes/index.ts
+++ b/src/app/domains/pos/modules/landing/constants/apiRoutes/index.ts
@@ -2,6 +2,7 @@ const baseUrl = '/api/v1/pos';
export const POS_API_ROUTES = {
info: () => `${baseUrl}`,
+ accessible: () => `${baseUrl}/accessible`,
goods: () => `${baseUrl}/goods`,
goodCategories: () => `${baseUrl}/good_categories`,
submitOrder: () => `${baseUrl}/sales_invoices`,
diff --git a/src/app/domains/pos/modules/landing/services/main.service.ts b/src/app/domains/pos/modules/landing/services/main.service.ts
index 512d51e..299af22 100644
--- a/src/app/domains/pos/modules/landing/services/main.service.ts
+++ b/src/app/domains/pos/modules/landing/services/main.service.ts
@@ -5,7 +5,12 @@ import {
IGoodRawResponse,
IGoodResponse,
} from '@/domains/pos/models/good.io';
-import { IPosInfoRawResponse, IPosInfoResponse } from '@/domains/pos/models/pos.io';
+import {
+ IPosAccessibleRawResponse,
+ IPosAccessibleResponse,
+ IPosInfoRawResponse,
+ IPosInfoResponse,
+} from '@/domains/pos/models/pos.io';
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
@@ -21,6 +26,11 @@ export class PosService {
getInfo(): Observable
+
-
-
- {{ userInfo()?.username }}
+
+
+
+
+
+ }
+ }
+ } @else {
+
+
+ عدم دسترسی
+
+ متاسفانه امکان دسترسی برای کاربر شما فراهم نیست
+ +
-
diff --git a/src/app/domains/pos/modules/landing/views/root.component.ts b/src/app/domains/pos/modules/landing/views/root.component.ts
index 208eaef..416fef6 100644
--- a/src/app/domains/pos/modules/landing/views/root.component.ts
+++ b/src/app/domains/pos/modules/landing/views/root.component.ts
@@ -1,5 +1,6 @@
// import { CatalogRoleTagComponent } from '@/shared/catalog/roles';
-import { Component } from '@angular/core';
+import { PosStore } from '@/domains/pos/pos.store';
+import { Component, computed, inject } from '@angular/core';
import { PosGoodsComponent } from '../components/goods.component';
import { PosOrderSectionComponent } from '../components/order/order-section.component';
@@ -10,4 +11,8 @@ import { PosOrderSectionComponent } from '../components/order/order-section.comp
imports: [PosGoodsComponent, PosOrderSectionComponent],
})
-export class PosLandingComponent {}
+export class PosLandingComponent {
+ private readonly posStore = inject(PosStore);
+
+ readonly posInfo = computed(() => this.posStore.entity());
+}
diff --git a/src/app/domains/pos/pos.store.ts b/src/app/domains/pos/pos.store.ts
index a24ef80..01f17e6 100644
--- a/src/app/domains/pos/pos.store.ts
+++ b/src/app/domains/pos/pos.store.ts
@@ -1,7 +1,9 @@
-import { EntityState, EntityStore } from '@/core/state';
+import { defaultBaseStateData, EntityState, EntityStore } from '@/core/state';
+import { HttpErrorResponse } from '@angular/common/http';
import { computed, inject, Injectable } from '@angular/core';
import { CookieService } from 'ngx-cookie-service';
-import { finalize, map } from 'rxjs';
+import { catchError, finalize, map } from 'rxjs';
+import { COOKIE_KEYS } from 'src/assets/constants';
import { IPosInfoResponse } from './models/pos.io';
import { PosService } from './modules/landing/services/main.service';
@@ -17,12 +19,8 @@ export class PosStore extends EntityStore
-
-
-
+ @if (posInfo()) {
+
+
+
+
+ }
+
+
+
+
+
@if (showBreadcrumb) {