header fixes
Showing
| <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)="goToPage('myorder')" | ||
| > | ||
| <img src="../assets/arrow_white.png" /> | ||
| </button> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| <div class="cart_wrapper" *ngIf="data"> | ||
| <div class="cart_head"> | ||
| <div class="nav_header"> | ||
| <ion-grid class="no-gutter"> | ||
| <ion-row class="no-gutter"> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <button class="nav_btn nav_back_white floatLeft" (click)="goToPage('myorder')"> | ||
| <img src="../assets/arrow_white.png" /> | ||
| </button> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="8"> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| </div> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <button class="nav_btn floatRight"></button> | ||
| </ion-col> | ||
| </ion-row> | ||
| </ion-grid> | ||
| </div> | ||
| <img onerror="this.src='../assets/[email protected]'" /> | ||
| <h4>ORDER CANCELLED</h4> | ||
| <p>{{orderCancelled | date:'MMMM dd, y'}}</p> | ||
| </div> | ||
| <button class="nav_btn floatRight"></button> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <img onerror="this.src='../assets/[email protected]'" /> | ||
| <h4>ORDER CANCELLED</h4> | ||
| <p>{{orderCancelled | date:'MMMM dd, y'}}</p> | ||
| </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> | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight" | ||
| >4 | ||
| <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> | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight">4 | ||
| <img src="../assets/Path61_2.png" /> | ||
| </span> | ||
| <div class="clear"></div> | ||
| <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> | ||
| <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></h5> | ||
| <h5>Delivery time : <span> 1 hour</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> | ||
| <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> | ||
| <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></h5> | ||
| <h5>Delivery time : <span> 1 hour</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 | ||
| <!-- <button | ||
| class="cancel_btn" | ||
| (click)="goToPage('ordercancelled')" | ||
| > | ||
| BUY NOW | ||
| </button> --> | ||
| <!-- <hr /> --> | ||
| </div> | ||
| <!-- <hr /> --> | ||
| </div> | ||
| <!-- <div class="related_product_slider"> | ||
| <!-- <div class="related_product_slider"> | ||
| <h5> | ||
| <span class="floatLeft">Related Products</span | ||
| ><span class="floatRight">MORE</span> | ||
| ... | ... | @@ -120,5 +120,5 @@ |
| </ion-slides> | ||
| </ul> | ||
| </div> --> | ||
| </div> | ||
| </ion-content> | ||
| </div> | ||
| </ion-content> | ||
| \ No newline at end of file |
| <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" /> | ||
| </button> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| <div class="cart_wrapper" *ngIf="data"> | ||
| <div class="cart_head"> | ||
| <div class="nav_header"> | ||
| <ion-grid class="no-gutter"> | ||
| <ion-row class="no-gutter"> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <button class="nav_btn nav_back_white floatLeft" (click)="goBack()"> | ||
| <img src="../assets/arrow_white.png" /> | ||
| </button> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="8"> | ||
| <div class="nav_title floatLeft"> | ||
| <h4></h4> | ||
| </div> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <button class="nav_btn floatRight"></button> | ||
| </ion-col> | ||
| </ion-row> | ||
| </ion-grid> | ||
| </div> | ||
| <img src="../assets/white_tick.png" /> | ||
| <h4>ORDER IS PLACED</h4> | ||
| <p>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</p> | ||
| </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> | ||
| <div class="order_status"> | ||
| <div class="clear"></div> | ||
| <div class="status_div go_green"> | ||
| <h4>{{data.orderCode}}</h4> | ||
| <h6>{{ data.bookDate.seconds * 1000 | date:'MMMM dd, y' }}</h6> | ||
| </div> | ||
| <!-- <div class="status_gap go_green"> | ||
| <div class="order_status"> | ||
| <div class="clear"></div> | ||
| <div class="status_div go_green"> | ||
| <h4>{{data.orderCode}}</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> | ||
| ... | ... | @@ -54,67 +63,63 @@ |
| <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]="data.product[0].image" onerror="this.src='../assets/[email protected]'" /> | ||
| </div> | ||
| <div class="nearby_detail"> | ||
| <h5> | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight">{{data.product[0].qty}} | ||
| </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> | ||
| <span class="floatLeft">{{data.shopperName}}</span> | ||
| <span class="floatRight">{{data.product[0].qty}} | ||
| <img src="../assets/Path61_2.png" /> | ||
| </span> | ||
| <div class="clear"></div> | ||
| <div class="clear"></div> | ||
| </h5> | ||
| <p class="prodName">{{unEscape(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'">Color: {{product.color}}, </span> | ||
| <span *ngIf="product.size !== 'Any-Size'">Size: {{product.size}}</span> | ||
| </h6> | ||
| <h5>Quantity : <span>{{product.qty}}</span></h5> | ||
| <h5> | ||
| Amount : <strong>A$ {{service.formatNumber(product.price)}}</strong><span class="afterpay">{{data.paymentMode}}</span> | ||
| </h5> | ||
| <p class="prodName">{{unEscape(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'">Color: {{product.color}}, </span> | ||
| <span *ngIf="product.size !== 'Any-Size'">Size: {{product.size}}</span> | ||
| </h6> | ||
| <h5>Quantity : <span>{{product.qty}}</span></h5> | ||
| <h5> | ||
| Amount : <strong>A$ {{service.formatNumber(product.price)}}</strong><span | ||
| class="afterpay">{{data.paymentMode}}</span> | ||
| </h5> | ||
| <h5 *ngIf="data.orderStatus >= 3 && data.orderStatus < 7"> | ||
| Delivery time : <span>{{deliveryTime}}</span> | ||
| </h5> | ||
| <h5>Order Status : <span>{{getStatus(data.orderStatus)}}</span></h5> | ||
| </div> | ||
| <h5 *ngIf="data.orderStatus >= 3 && data.orderStatus < 7"> | ||
| Delivery time : <span>{{deliveryTime}}</span> | ||
| </h5> | ||
| <h5>Order Status : <span>{{getStatus(data.orderStatus)}}</span></h5> | ||
| </div> | ||
| <div class="product_detail"> | ||
| <div class="product_detail"> | ||
| <div class="delivery-wrap"> | ||
| <h4 class="floatLeft">DELIVERY</h4> | ||
| <span class="floatRight" *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8"><img | ||
| <div class="delivery-wrap"> | ||
| <h4 class="floatLeft">DELIVERY</h4> | ||
| <span class="floatRight" *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8"><img | ||
| class="ng-tns-c3-0" src="../../assets/edit.png" (click)="changeAddress(data.orderId)" /></span> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <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)="cancelOrder(data.orderId)" | ||
| *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8"> | ||
| <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)="cancelOrder(data.orderId)" *ngIf="cancelDelivery > 0 && data.orderStatus != 0 && data.orderStatus != 8"> | ||
| CANCEL THIS ORDER | ||
| </button> | ||
| <!-- <hr /> --> | ||
| </div> | ||
| <!-- <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> | ||
| ... | ... | @@ -169,5 +174,5 @@ |
| </ion-slides> | ||
| </ul> | ||
| </div> --> | ||
| </div> | ||
| </div> | ||
| </ion-content> | ||
| \ No newline at end of file |
| <ion-header> | ||
| <div class="nav_header"> | ||
| <ion-menu-toggle> | ||
| <button class="nav_btn nav_menu floatLeft"></button> | ||
| </ion-menu-toggle> | ||
| <div class="nav_title floatLeft"> | ||
| <img src="../../assets/Group [email protected]" /> | ||
| </div> | ||
| <div class="clear"></div> | ||
| <ion-grid class="no-gutter"> | ||
| <ion-row class="no-gutter"> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <ion-menu-toggle> | ||
| <button class="nav_btn nav_menu floatLeft"></button> | ||
| </ion-menu-toggle> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="8"> | ||
| <div class="nav_title floatLeft"> | ||
| <img src="../../assets/Group [email protected]" /> | ||
| </div> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="2"></ion-col> | ||
| </ion-row> | ||
| </ion-grid> | ||
| </div> | ||
| </ion-header> | ||
| ... | ... |
Please
register
or
sign in
to comment