feat(com-pwa): add order prop to all order pages

Alwatr · Mar 6, 2023 · feef5cf · feef5cf
1 parent f25e479
commit feef5cf
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/uniquely/com-pwa/src/page-order/page-order-detail.ts b/uniquely/com-pwa/src/page-order/page-order-detail.ts
@@ -1,4 +1,4 @@
-import {customElement, css, html, LocalizeMixin, AlwatrBaseElement, SignalMixin} from '@alwatr/element';
+import {customElement, css, html, LocalizeMixin, AlwatrBaseElement, SignalMixin, property} from '@alwatr/element';
 import {message} from '@alwatr/i18n';
 import '@alwatr/ui-kit/button/button.js';
 import '@alwatr/ui-kit/card/surface.js';
@@ -7,6 +7,8 @@ import '@alwatr/ui-kit/text-field/text-field.js';
 
 import {topAppBarContextProvider} from '../context.js';
 
+import type {Order, OrderDraft} from '@alwatr/type/customer-order-management.js';
+
 declare global {
   interface HTMLElementTagNameMap {
     'alwatr-page-order-detail': AlwatrPageOrderDetail;
@@ -29,6 +31,9 @@ export class AlwatrPageOrderDetail extends LocalizeMixin(SignalMixin(AlwatrBaseE
     }
   `;
 
+  @property({attribute: false})
+    order?: Order | OrderDraft | null;
+
   override connectedCallback(): void {
     super.connectedCallback();
 
@@ -42,8 +47,6 @@ export class AlwatrPageOrderDetail extends LocalizeMixin(SignalMixin(AlwatrBaseE
 
   override render(): unknown {
     this._logger.logMethod('render');
-    return html`
-      order tracking
-    `;
+    return html`${JSON.stringify(this.order)}`;
   }
 }
diff --git a/uniquely/com-pwa/src/page-order/page-order-shipping.ts b/uniquely/com-pwa/src/page-order/page-order-shipping.ts
@@ -7,7 +7,7 @@ import '@alwatr/ui-kit/text-field/text-field.js';
 
 import {submitOrderShippingCommandTrigger, topAppBarContextProvider} from '../context.js';
 
-import type {OrderDelivery} from '@alwatr/type/customer-order-management.js';
+import type {OrderDelivery, OrderDraft} from '@alwatr/type/customer-order-management.js';
 import type {AlwatrFieldSet, RadioGroupOptions} from '@alwatr/ui-kit/radio-group/radio-group.js';
 import type {AlwatrTextField} from '@alwatr/ui-kit/text-field/text-field.js';
 
@@ -90,6 +90,9 @@ export class AlwatrPageOrderShopping extends LocalizeMixin(SignalMixin(AlwatrBas
   @property({type: Boolean, reflect: true})
     disabled = false;
 
+  @property({attribute: false})
+    order?: OrderDraft | null;
+
   override connectedCallback(): void {
     super.connectedCallback();
 

diff --git a/uniquely/com-pwa/src/page-order/page-order-tracking.ts b/uniquely/com-pwa/src/page-order/page-order-tracking.ts
@@ -1,4 +1,4 @@
-import {customElement, css, html, LocalizeMixin, AlwatrBaseElement, SignalMixin} from '@alwatr/element';
+import {customElement, css, html, LocalizeMixin, AlwatrBaseElement, SignalMixin, property} from '@alwatr/element';
 import {message} from '@alwatr/i18n';
 import '@alwatr/ui-kit/button/button.js';
 import '@alwatr/ui-kit/card/surface.js';
@@ -7,6 +7,8 @@ import '@alwatr/ui-kit/text-field/text-field.js';
 
 import {topAppBarContextProvider} from '../context.js';
 
+import type {OrderDraft} from '@alwatr/type/customer-order-management.js';
+
 declare global {
   interface HTMLElementTagNameMap {
     'alwatr-page-order-tracking': AlwatrPageOrderTracking;
@@ -18,8 +20,6 @@ declare global {
  */
 @customElement('alwatr-page-order-tracking')
 export class AlwatrPageOrderTracking extends LocalizeMixin(SignalMixin(AlwatrBaseElement)) {
-  static formId = 'order';
-
   static override styles = css`
     :host {
       display: block;
@@ -29,6 +29,9 @@ export class AlwatrPageOrderTracking extends LocalizeMixin(SignalMixin(AlwatrBas
     }
   `;
 
+  @property({attribute: false})
+    order?: OrderDraft | null;
+
   override connectedCallback(): void {
     super.connectedCallback();