feat(com-pwa/new-order): edit button on review state

Alwatr · Mar 7, 2023 · abb1706 · abb1706
1 parent 96adccc
commit abb1706
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/uniquely/com-pwa/src/content/l18e-fa.json b/uniquely/com-pwa/src/content/l18e-fa.json
@@ -24,6 +24,7 @@
     "page_new_order_edit_items": "ویرایش لیست محصولات",
     "page_new_order_shipping_edit": "ویرایش اطلاعات بارگیری",
     "page_new_order_submit": "بازبینی سفارش",
+    "page_new_order_edit": "بازبینی سفارش",
     "page_new_order_submit_final": "ثبت نهایی سفارش",
     "page_new_order_shipping_submit": "ثبت اطلاعات",
     "page_new_order_submitting_message": "در حال ثبت سفارش...",

diff --git a/uniquely/com-pwa/src/manager/controller/new-order.ts b/uniquely/com-pwa/src/manager/controller/new-order.ts
@@ -116,35 +116,39 @@ export const buttons = {
     clickSignalId: pageNewOrderStateMachine.config.id + '_edit_items_click_event',
   },
   submit: {
-    icon: 'checkmark',
+    icon: 'checkmark-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_submit_click_event',
   },
+  edit: {
+    icon: 'create-outline',
+    clickSignalId: pageNewOrderStateMachine.config.id + '_edit_click_event',
+  },
   submitFinal: {
-    icon: 'checkmark',
+    icon: 'checkmark-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_submit_final_click_event',
   },
   submitShippingForm: {
-    icon: 'checkmark',
+    icon: 'checkmark-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_submit_shipping_form_click_event',
   },
   editShippingForm: {
-    icon: 'checkmark',
+    icon: 'checkmark-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_edit_shipping_form_click_event',
   },
   newOrder: {
-    icon: 'add',
+    icon: 'add-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_new_order_click_event',
   },
   detail: {
-    icon: 'information',
+    icon: 'information-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_detail_click_event',
   },
   tracking: {
-    icon: 'chatbox',
+    icon: 'chatbox-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_tracking_click_event',
   },
   retry: {
-    icon: 'reload',
+    icon: 'reload-outline',
     clickSignalId: pageNewOrderStateMachine.config.id + '_retry_click_event',
   },
 } as const;
@@ -271,6 +275,10 @@ eventListener.subscribe<ClickSignalType>(buttons.submit.clickSignalId, () => {
   pageNewOrderStateMachine.transition('SUBMIT');
 });
 
+eventListener.subscribe<ClickSignalType>(buttons.edit.clickSignalId, () => {
+  pageNewOrderStateMachine.transition('BACK');
+});
+
 eventListener.subscribe<ClickSignalType>(buttons.submitFinal.clickSignalId, () => {
   pageNewOrderStateMachine.transition('FINAL_SUBMIT');
 });

diff --git a/uniquely/com-pwa/src/ui/page/new-order.ts b/uniquely/com-pwa/src/ui/page/new-order.ts
@@ -165,6 +165,10 @@ export class AlwatrPageNewOrder extends StateMachineMixin(
   protected render_part_btn_final_submit(): unknown {
     return html`
       <div class="submit-container">
+        <alwatr-button
+          .icon=${buttons.edit.icon}
+          .clickSignalId=${buttons.edit.clickSignalId}
+        >${message('page_new_order_edit')}</alwatr-button>
         <alwatr-button
           .icon=${buttons.submitFinal.icon}
           .clickSignalId=${buttons.submitFinal.clickSignalId}