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