file
Showing
| ... | ... | @@ -3,12 +3,12 @@ |
| <ion-menu> | ||
| <ion-content> | ||
| <div class="side_menu_wrapper"> | ||
| <ion-menu-toggle> | ||
| <ion-menu-toggle *ngIf="userData"> | ||
| <div class="top_banner"> | ||
| <div class="top_image"></div> | ||
| <div class="top_detail"> | ||
| <h4>John Doe</h4> | ||
| <p>[email protected]</p> | ||
| <h4>{{userData.name}}</h4> | ||
| <p>{{userData.emailId}}</p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| ... | ... | @@ -95,7 +95,7 @@ |
| class="icon_sec m6_icon" | ||
| [class.m6_icon_act]="sec_active6" | ||
| (click)="setActive6()" | ||
| ></div> | ||
| menuClose></div> | ||
| </li> | ||
| </ul> | ||
| </div> |
| <ion-content> | ||
| <div class="cart_wrapper" *ngIf="data"> | ||
| <div class="cart_head"> | ||
| <div class="nav_header"> | ||
| <button class="nav_btn nav_back_white floatLeft" (click)="goBack()"> | ||
| <img src="../assets/arrow_white.png"> | ||
| <div class="cart_wrapper" *ngIf="data"> | ||
| <div class="cart_head"> | ||
| <div class="nav_header"> | ||
| <button class="nav_btn nav_back_white floatLeft" (click)="goBack()"> | ||
| <img src="../assets/arrow_white.png" /> | ||
| </button> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| </div> | ||
| <button class="nav_btn floatRight"> | ||
| </button> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <img src="../assets/white_tick.png"> | ||
| <h4>ORDER IS PLACED</h4> | ||
| <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| </div> | ||
| <div class="order_status"> | ||
| <div class="clear"></div> | ||
| <div class="status_div go_green"> | ||
| <h4>Order Placed</h4> | ||
| <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6> | ||
| </div> | ||
| <!-- <div class="status_gap go_green"> | ||
| <button class="nav_btn floatRight"></button> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <img src="../assets/white_tick.png" /> | ||
| <h4>ORDER IS PLACED</h4> | ||
| <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p> | ||
| </div> | ||
| <div class="order_status"> | ||
| <div class="clear"></div> | ||
| <div class="status_div go_green"> | ||
| <h4>Order Placed</h4> | ||
| <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6> | ||
| </div> | ||
| <!-- <div class="status_gap go_green"> | ||
| </div> | ||
| <div class="status_div go_green"> | ||
| <h4>Retailer Accepted</h4> | ||
| ... | ... | @@ -56,41 +54,56 @@ |
| <div class="status_div"> | ||
| <h4>Your product is delivered</h4> | ||
| </div> --> | ||
| </div> | ||
| <div class="nearby_shop_list"> | ||
| <ul> | ||
| <li (click)="goToPage('productlist')"> | ||
| <div class="nearby_image"> | ||
| <img src="../assets/[email protected]"> | ||
| </div> | ||
| <div class="nearby_detail"> | ||
| <h5> | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight">0 | ||
| <img src="../assets/Path61_2.png"> | ||
| </span> | ||
| <div class="clear"></div> | ||
| </h5> | ||
| <p>Men's & Women's Fashion</p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="product_detail" *ngFor="let product of data.product"> | ||
| <h6>{{product.color}}, {{product.size}}</h6> | ||
| <h5>Quantity : <span>{{product.qty}}</span></h5> | ||
| <h5>Amount : <strong>A$ {{product.price}}</strong><span class="afterpay">COD</span></h5> | ||
| <h5>Delivery time : <span>Delivery in 1 hour</span></h5> | ||
| <h4>DELIVERY</h4> | ||
| </div> | ||
| <div class="nearby_shop_list"> | ||
| <ul> | ||
| <li (click)="goToPage('productlist')"> | ||
| <div class="nearby_image"> | ||
| <img | ||
| [src]="data.product[0].image" | ||
| onerror="this.src='../assets/[email protected]'" | ||
| /> | ||
| </div> | ||
| <div class="nearby_detail"> | ||
| <h5> | ||
| {{deliveryAddress}} | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight" | ||
| >{{data.product[0].qty}} | ||
| <img src="../assets/Path61_2.png" /> | ||
| </span> | ||
| <div class="clear"></div> | ||
| </h5> | ||
| <button class="cancel_btn" (click)="goToPage('ordercancelled')">CANCEL THIS ORDER</button> | ||
| <hr> | ||
| </div> | ||
| <p class="prodName">{{data.product[0].prodName}}</p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="product_detail" *ngFor="let product of data.product"> | ||
| <h6> | ||
| <span *ngIf="product.color !== 'No-Color'">{{product.color}}, </span> | ||
| <span *ngIf="product.size !== 'Any-Size'">{{product.size}}</span> | ||
| </h6> | ||
| <h5>Quantity : <span>{{product.qty}}</span></h5> | ||
| <h5> | ||
| Amount : <strong>A$ {{product.price}}</strong | ||
| ><span class="afterpay">COD</span> | ||
| </h5> | ||
| <h5>Delivery time : <span>{{deliveryTime}}</span></h5> | ||
| <h4>DELIVERY</h4> | ||
| <h5 *ngIf="data.deliveryAddress"> | ||
| {{data.deliveryAddress.addressType}},<br />{{data.deliveryAddress.address}}, | ||
| <br /> | ||
| {{data.deliveryAddress.building}}, <br /> | ||
| {{data.deliveryAddress.landmark}} | ||
| </h5> | ||
| <button class="cancel_btn" (click)="goToPage('ordercancelled')"> | ||
| CANCEL THIS ORDER | ||
| </button> | ||
| <hr /> | ||
| </div> | ||
| <!-- <div class="related_product_slider"> | ||
| <!-- <div class="related_product_slider"> | ||
| <h5> | ||
| <span class="floatLeft">Related Products</span><span class="floatRight">MORE</span> | ||
| <div class="clear"></div> | ||
| ... | ... | @@ -145,5 +158,5 @@ |
| </ion-slides> | ||
| </ul> | ||
| </div> --> | ||
| </div> | ||
| </ion-content> | ||
| \ No newline at end of file | ||
| </div> | ||
| </ion-content> |
This diff is collapsed.
Click to expand it.
This diff is collapsed.
Click to expand it.
Please
register
or
sign in
to comment