ui update, init to consumer statistics and manage pos user types

2026-04-13 13:22:40 +03:30
parent d4dff4ebfd
commit af3123e61e
85 changed files with 1054 additions and 407 deletions
@@ -0,0 +1,49 @@
+<div class="flex flex-col gap-6">
+  <app-card-data cardTitle="اطلاعات فاکتور" [editable]="false" [(editMode)]="editMode">
+    <div class="flex flex-col gap-4">
+      <div class="grid grid-cols-3 gap-4 items-center">
+        <app-key-value label="کد رهگیری" [value]="invoice()?.code" />
+        <app-key-value label="تاریخ فاکتور" [value]="invoice()?.invoice_date" type="dateTime" />
+        <app-key-value label="تاریخ ایجاد فاکتور" [value]="invoice()?.created_at" type="dateTime" />
+        <app-key-value label="وضعیت صدور به سامانه‌ی مودیان">
+          <p-badge value="ارسال نشده" severity="danger" />
+        </app-key-value>
+        <div class="col-span-3">
+          <app-key-value label="توضیحات" [value]="invoice()?.notes" />
+        </div>
+      </div>
+      <p-divider align="center"> اطلاعات پرداخت </p-divider>
+      <div class="grid grid-cols-3 gap-4 items-center">
+        <app-key-value label="مجموع قابل پرداخت" [value]="invoice()?.total_amount" type="price" />
+        @for (payment of invoice()?.payments; track $index) {
+          <app-key-value
+            [label]="
+              `${payment.payment_method === 'SET_OF' ? 'تهاتر' : payment.payment_method === 'TERMINAL' ? 'پایانه' : 'نقدی'}`
+            "
+            [value]="payment.amount"
+            type="price"
+          />
+        }
+      </div>
+
+      <p-divider align="center"> اطلاعات صادر کننده </p-divider>
+      <div class="grid grid-cols-3 gap-4 items-center">
+        <app-key-value label="کسب و کار" [value]="invoice()?.pos!.complex.business_activity.name" />
+        <app-key-value label="مجموعه" [value]="invoice()?.pos!.complex.name" />
+        <app-key-value label="پایانه‌ی فروش" [value]="invoice()?.pos!.name" />
+        <app-key-value label="ایجاد کننده" [value]="invoice()?.account?.account?.username" />
+      </div>
+
+      @if (variant !== "customer") {
+        <p-divider align="center"> اطلاعات مشتری </p-divider>
+        <div class="grid grid-cols-3 gap-4 items-center">
+          @if (invoice()?.customer) {}
+          <!-- <app-key-value label="کسب و کار" [value]="invoice()?.pos!.complex.business_activity.name" />
+          <app-key-value label="مجموعه" [value]="invoice()?.pos!.complex.name" />
+          <app-key-value label="پایانه‌ی فروش" [value]="invoice()?.pos!.name" />
+          <app-key-value label="ایجاد کننده" [value]="invoice()?.account?.account?.username" /> -->
+        </div>
+      }
+    </div>
+  </app-card-data>
+</div>
@@ -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<boolean>(false);
+}