feat(fulfilment): add property stub to the fulfilment page

restorecommerce · Oct 24, 2024 · b34640a · b34640a
1 parent c182a1a
commit b34640a
Showing 1 changed file with 55 additions and 0 deletions.
diff --git a/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html b/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html
@@ -35,6 +35,39 @@
   </vcl-data-list-item>
 </vcl-data-list>
 
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Customer Info</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Payments and Invoice</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Labels</span>
+  </vcl-data-list-header>
+
+  <div>No label available. You need to submit this fulfillment</div>
+</vcl-data-list>
+
 <vcl-data-list
   mode="none"
   [noBorder]="true"
@@ -93,3 +126,25 @@
     </vcl-data-list-item>
   </ng-container>
 </vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Total items size</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Total items weight</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>