Merge branch 'adarsh' into 'master'
Adarsh
See merge request !106
Showing
... | @@ -6,8 +6,8 @@ | ... | @@ -6,8 +6,8 @@ |
<ion-row class="no-gutter"> | <ion-row class="no-gutter"> | ||
<ion-col class="no-gutter" size="2"> | <ion-col class="no-gutter" size="2"> | ||
<button class="nav_btn nav_back_white floatLeft" (click)="goBack()"> | <button class="nav_btn nav_back_white floatLeft" (click)="goBack()"> | ||
<img src="../assets/arrow_white.png" /> | <img src="../assets/arrow_white.png" /> | ||
</button> | </button> | ||
</ion-col> | </ion-col> | ||
<ion-col class="no-gutter" size="8"> | <ion-col class="no-gutter" size="8"> | ||
<div class="nav_title floatLeft"> | <div class="nav_title floatLeft"> | ||
... | @@ -86,31 +86,27 @@ | ... | @@ -86,31 +86,27 @@ |
<h5> | <h5> | ||
<span class="floatLeft">ITEMS</span> | <span class="floatLeft">ITEMS</span> | ||
<span class="floatRight" *ngIf="cartService.cartTotal">A$ | <span class="floatRight" *ngIf="cartService.cartTotal">A$ | ||
{{service.formatNumber(cartService.cartTotal.toFixed(2))}}</span | {{service.formatNumber(cartService.cartTotal.toFixed(2))}}</span> | ||
> | <div class="clear"></div> | ||
<div class="clear"></div> | </h5> | ||
</h5> | <ion-grid class="p0" *ngIf="cartService.carts && cartService.carts.length > 0"> | ||
<ion-grid | <ion-row *ngFor="let carts of cartService.carts"> | ||
class="p0" | <ion-col size="6" class="p0"> | ||
*ngIf="cartService.carts && cartService.carts.length > 0" | <h6 class="textLeft">{{unEscape(carts.prodName)}}</h6> | ||
> | </ion-col> | ||
<ion-row *ngFor="let carts of cartService.carts"> | <ion-col size="2" class="p0"> | ||
<ion-col size="6" class="p0"> | <h6 class="textRight"><strong>{{carts.qty}} X</strong></h6> | ||
<h6 class="textLeft">{{unEscape(carts.prodName)}}</h6> | </ion-col> | ||
</ion-col> | <ion-col size="4" class="p0"> | ||
<ion-col size="2" class="p0"> | <h6 class="textRight"> | ||
<h6 class="textRight"><strong>{{carts.qty}} X</strong></h6> | <strong>A$ {{service.formatNumber(carts.price)}}</strong> | ||
</ion-col> | </h6> | ||
<ion-col size="4" class="p0"> | </ion-col> | ||
<h6 class="textRight"> | </ion-row> | ||
<strong>A$ {{service.formatNumber(carts.price)}}</strong> | </ion-grid> | ||
</h6> | <hr /> | ||
</ion-col> | <h5> | ||
</ion-row> | <span class="floatLeft">DELIVERY</span> | ||
</ion-grid> | |||
<hr /> | |||
<h5> | |||
<span class="floatLeft">DELIVERY</span> | |||
<span class="floatRight" (click)="istoggle()">CHANGE</span> | <span class="floatRight" (click)="istoggle()">CHANGE</span> | ||
<div class="clear"></div> | <div class="clear"></div> | ||
</h5> | </h5> | ||
... | @@ -118,58 +114,63 @@ | ... | @@ -118,58 +114,63 @@ |
<ion-row> | <ion-row> | ||
<ion-col class="p0"> | <ion-col class="p0"> | ||
<h6> | <h6> | ||
{{addressService.custAddress.building}},<span *ngIf="addressService.custAddress.landmark && addressService.custAddress.landmark!==''">{{addressService.custAddress.landmark}},</span | {{addressService.custAddress.building}}<span | ||
> | *ngIf="addressService.custAddress.landmark && addressService.custAddress.landmark!==''">, | ||
<br /> | {{addressService.custAddress.landmark}}</span> | ||
{{addressService.custAddress.address}} | <!-- <br /> | ||
</h6> | {{addressService.custAddress.address}} --> | ||
</ion-col> | </h6> | ||
</ion-row> | </ion-col> | ||
</ion-grid> | </ion-row> | ||
<hr /> | </ion-grid> | ||
<h5> | <hr /> | ||
<span class="floatLeft">PAYMENT</span> | <h5> | ||
<!-- <span class="floatRight">CHANGE</span> --> | <span class="floatLeft">PAYMENT</span> | ||
<div class="clear"></div> | <!-- <span class="floatRight">CHANGE</span> --> | ||
</h5> | <div class="clear"></div> | ||
<div class="payment_method"> | </h5> | ||
<input type="radio" name="payments" id="cod" name="radio-group" checked="true" (click)="getwaycod()" /> | <div class="payment_method"> | ||
<label for="cod"> | <input type="radio" name="payments" id="cod" name="radio-group" checked="true" | ||
<p>Credit Card</p> | (click)="getwaycod()" /> | ||
</label> | <label for="cod"> | ||
</div> | <p>Credit Card</p> | ||
<div class="payment_method"> | </label> | ||
<input type="radio" name="payments" id="paypal" name="radio-group" (click)="getwaypaypal()" /> | </div> | ||
<label for="paypal"> | <div class="payment_method"> | ||
<p>PayPal</p> | <input type="radio" name="payments" id="paypal" name="radio-group" | ||
</label> | (click)="getwaypaypal()" /> | ||
</div> | <label for="paypal"> | ||
<!-- <div class="card_div" [hidden]="gateway !=1"> | <p>PayPal</p> | ||
</label> | |||
</div> | |||
<!-- <div class="card_div" [hidden]="gateway !=1"> | |||
<input class="card_no borderNone widthFull" placeholder="PayPal ID" /> | <input class="card_no borderNone widthFull" placeholder="PayPal ID" /> | ||
</div> --> | </div> --> | ||
<div class="payment_method"> | <div class="payment_method"> | ||
<input type="radio" name="payments" id="afterpay" name="radio-group" (click)="getwayafterpay()" /> | <input type="radio" name="payments" id="afterpay" name="radio-group" | ||
<label for="afterpay"> | (click)="getwayafterpay()" /> | ||
<p>AfterPay</p> | <label for="afterpay"> | ||
</label> | <p>AfterPay</p> | ||
</div> | </label> | ||
<!-- <div class="card_div" [hidden]="gateway !=2"> | </div> | ||
<!-- <div class="card_div" [hidden]="gateway !=2"> | |||
<input class="card_no" placeholder="**** **** **** 1458" /> | <input class="card_no" placeholder="**** **** **** 1458" /> | ||
<input class="cv_number" placeholder="CVV" /> | <input class="cv_number" placeholder="CVV" /> | ||
</div> --> | </div> --> | ||
<div class="payment_method"> | <div class="payment_method"> | ||
<input type="radio" name="payments" id="payk" name="radio-group" (click)="getwaypayk()" /> | <input type="radio" name="payments" id="payk" name="radio-group" | ||
<label for="payk"> | (click)="getwaypayk()" /> | ||
<p>PayK</p> | <label for="payk"> | ||
</label> | <p>PayK</p> | ||
</div> | </label> | ||
<!-- <div class="card_div" [hidden]="gateway !=3"> | </div> | ||
<!-- <div class="card_div" [hidden]="gateway !=3"> | |||
<input | <input | ||
class="card_no borderNone widthFull" | class="card_no borderNone widthFull" | ||
placeholder="PafyK ID" | placeholder="PafyK ID" | ||
/> | /> | ||
</div> --> | </div> --> | ||
<!-- <div class="delivery_time"> | <!-- <div class="delivery_time"> | ||
<ul> | <ul> | ||
<li> | <li> | ||
Delivery 10 Mnt<br> | Delivery 10 Mnt<br> | ||
... | @@ -181,202 +182,162 @@ | ... | @@ -181,202 +182,162 @@ |
</li> | </li> | ||
</ul> | </ul> | ||
</div> --> | </div> --> | ||
<hr /> | <hr /> | ||
<div class="coupon_code"> | <div class="coupon_code"> | ||
<div class="promo-row"> | <div class="promo-row"> | ||
<input class="" placeholder="COUPON CODE: GET50" #promo /><button class="add_btn apply_btn" (click)="promoApply(promo.value)"> | <input class="" placeholder="COUPON CODE: GET50" #promo /><button | ||
APPLY | class="add_btn apply_btn" (click)="promoApply(promo.value)"> | ||
</button> | APPLY | ||
</div> | </button> | ||
<span *ngIf="discountApplied == 1" class="promo-success">Promocode applied successfully | </div> | ||
</span> | <span *ngIf="discountApplied == 1" class="promo-success">Promocode applied successfully | ||
<span *ngIf="discountApplied == 2" class="promo-error">Invalid Promocode</span | </span> | ||
> | <span *ngIf="discountApplied == 2" class="promo-error">Invalid Promocode</span> | ||
</div> | </div> | ||
<br /> | <br /> | ||
<h6> | <h6> | ||
<span class="floatLeft">PRODUCT COST</span> | <span class="floatLeft">PRODUCT COST</span> | ||
<span class="floatRight" *ngIf="cartService.cartTotal">A$ | <span class="floatRight" *ngIf="cartService.cartTotal">A$ | ||
{{service.formatNumber(cartService.cartTotal.toFixed(2))}}</span | {{service.formatNumber(cartService.cartTotal.toFixed(2))}}</span> | ||
> | <div class="clear"></div> | ||
<div class="clear"></div> | </h6> | ||
</h6> | |||
<h6> | <h6> | ||
<span class="floatLeft">DELIVERY CHARGE</span> | <span class="floatLeft">DELIVERY CHARGE</span> | ||
<span class="floatRight" *ngIf="cartService.cartTotal">A$ | <span class="floatRight" *ngIf="cartService.cartTotal">A$ | ||
{{service.formatNumber(getDeliveryCharge(cartService.cartTotal))}}</span | {{service.formatNumber(getDeliveryCharge(cartService.cartTotal))}}</span> | ||
> | <div class="clear"></div> | ||
<div class="clear"></div> | </h6> | ||
</h6> | <h6> | ||
<h6> | <span class="floatLeft">GST/TAX</span> | ||
<span class="floatLeft">GST/TAX</span> | <span class="floatRight" *ngIf="cartService.cartTotal">A$ | ||
<span class="floatRight" *ngIf="cartService.cartTotal">A$ | {{service.formatNumber(getTax(cartService.cartTotal))}}</span> | ||
{{service.formatNumber(getTax(cartService.cartTotal))}}</span | <div class="clear"></div> | ||
> | </h6> | ||
<div class="clear"></div> | <h6 *ngIf="discountApplied"> | ||
</h6> | <span class="floatLeft">DISCOUNT</span> | ||
<h6 *ngIf="discountApplied"> | <span class="floatRight">(-) A$ {{service.formatNumber(discount)}}</span> | ||
<span class="floatLeft">DISCOUNT</span> | <div class="clear"></div> | ||
<span class="floatRight">(-) A$ {{service.formatNumber(discount)}}</span | </h6> | ||
> | <hr /> | ||
<div class="clear"></div> | <div class="total_div"> | ||
</h6> | <ion-row> | ||
<hr /> | <ion-col> | ||
<div class="total_div"> | <p class="textLeft">Total Price:</p> | ||
<ion-row> | </ion-col> | ||
<ion-col> | <ion-col> | ||
<p class="textLeft">Total Price:</p> | <p class="textRight" *ngIf="cartService.cartTotal"> | ||
</ion-col> | A$ | ||
<ion-col> | {{service.formatNumber(getTotal(cartService.cartTotal))}} | ||
<p class="textRight" *ngIf="cartService.cartTotal"> | </p> | ||
A$ | </ion-col> | ||
{{service.formatNumber(getTotal(cartService.cartTotal))}} | </ion-row> | ||
</p> | </div> | ||
</ion-col> | </div> | ||
</ion-row> | </ion-slide> | ||
</div> | <ion-slide> | ||
</div> | <div class="order_placed_div"> | ||
</ion-slide> | <img src="../assets/[email protected]" /> | ||
<ion-slide> | <h4>Order Placed</h4> | ||
<div class="order_placed_div"> | <p>{{bookDate}}</p> | ||
<img src="../assets/[email protected]" /> | <h3>Your order is due for delivery in</h3> | ||
<h4>Order Placed</h4> | <h1>{{deliveryTime}}</h1> | ||
<p>{{bookDate}}</p> | <button class="view_order" (click)="goToPage('myorder')"> | ||
<h3>Your order is due for delivery in</h3> | VIEW ORDERS</button><br /> | ||
<h1>{{deliveryTime}}</h1> | <button class="home_btn" (click)="goToPage('home')">HOME</button> | ||
<button class="view_order" (click)="goToPage('myorder')"> | </div> | ||
VIEW ORDERS</button | </ion-slide> | ||
><br /> | </ion-slides> | ||
<button class="home_btn" (click)="goToPage('home')">HOME</button> | |||
</div> | </div> | ||
</ion-slide> | </div> | ||
</ion-slides> | |||
</div> | |||
</div> | </div> | ||
</div> | |||
</ion-content> | </ion-content> | ||
<ion-footer class="hide-on-keyboard-open"> | <ion-footer class="hide-on-keyboard-open"> | ||
<div | <div class="footer_btnbay" *ngIf="cartService.carts && cartService.carts.length > 0" [hidden]="currentIndex != 0"> | ||
class="footer_btnbay" | <div class="continue" (click)="goToPage('productlist')"> | ||
*ngIf="cartService.carts && cartService.carts.length > 0" | CONTINUE SHOPPING | ||
[hidden]="currentIndex != 0" | </div> | ||
> | <div class="checkout" (click)="next(1)">CHECKOUT</div> | ||
<div class="continue" (click)="goToPage('productlist')"> | </div> | ||
CONTINUE SHOPPING | <div class="footer_btn" *ngIf="cartService.carts && cartService.carts.length > 0" [hidden]="currentIndex != 1" | ||
(click)="next(2);"> | |||
PAY | |||
</div> | </div> | ||
<div class="checkout" (click)="next(1)">CHECKOUT</div> | |||
</div> | |||
<div | |||
class="footer_btn" | |||
*ngIf="cartService.carts && cartService.carts.length > 0" | |||
[hidden]="currentIndex != 1" | |||
(click)="next(2);" | |||
> | |||
PAY | |||
</div> | |||
</ion-footer> | </ion-footer> | ||
<div class="loader" *ngIf="loader"> | <div class="loader" *ngIf="loader"> | ||
<div class="lds-ripple"> | <div class="lds-ripple"> | ||
<div></div> | <div></div> | ||
<div></div> | <div></div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div *ngIf="isShow" [@slideInOut]> | <div *ngIf="isShow" [@slideInOut]> | ||
<div class="nav_header"> | <div class="nav_header"> | ||
<ion-grid class="no-gutter"> | <ion-grid class="no-gutter"> | ||
<ion-row class="no-gutter"> | <ion-row class="no-gutter"> | ||
<ion-col class="no-gutter" size="2"> | <ion-col class="no-gutter" size="2"> | ||
<button class="nav_btn nav_back floatLeft" (click)="istoggle();"> | <button class="nav_btn nav_back floatLeft" (click)="istoggle();"> | ||
<img src="../assets/Group17_2.png" /> | <img src="../assets/Group17_2.png" /> | ||
</button> | </button> | ||
</ion-col> | </ion-col> | ||
<ion-col class="no-gutter" size="8"> | <ion-col class="no-gutter" size="8"> | ||
<div class="nav_title floatLeft"> | <div class="nav_title floatLeft"> | ||
<h4>CHANGE LOCATION</h4> | <h4>CHANGE LOCATION</h4> | ||
</div> | </div> | ||
</ion-col> | </ion-col> | ||
<ion-col class="no-gutter" size="2"></ion-col> | <ion-col class="no-gutter" size="2"></ion-col> | ||
</ion-row> | </ion-row> | ||
</ion-grid> | </ion-grid> | ||
</div> | </div> | ||
<ion-content class="sort_wrappper"> | <ion-content class="sort_wrappper"> | ||
<agm-map | <agm-map [zoom]="20" [latitude]="lat" [longitude]="lng" [disableDefaultUI]="false" [zoomControl]="false" | ||
[zoom]="20" | [backgroundColor]="'rgba(29, 27, 130,0.2)'"> | ||
[latitude]="lat" | <agm-marker [latitude]="lat" [longitude]="lng" [iconUrl]=" | ||
[longitude]="lng" | |||
[disableDefaultUI]="false" | |||
[zoomControl]="false" | |||
[backgroundColor]="'rgba(29, 27, 130,0.2)'" | |||
> | |||
<agm-marker | |||
[latitude]="lat" | |||
[longitude]="lng" | |||
[iconUrl]=" | |||
{ | { | ||
url: './assets/pin-2.svg', | url: './assets/pin-2.svg', | ||
scaledSize: { | scaledSize: { | ||
width: 28, | width: 28, | ||
height: 40 | height: 40 | ||
}}" | }}"></agm-marker> | ||
></agm-marker> | </agm-map> | ||
</agm-map> | <div class="add_address_wrapper"> | ||
<div class="add_address_wrapper"> | <h5> | ||
<h5> | <span class="floatLeft">SELECT ADDRESS</span> | ||
<span class="floatLeft">SELECT ADDRESS</span> | <span class="floatRight" (click)="istoggle(); goToPage('nearby')">ADD NEW</span> | ||
<span class="floatRight" (click)="istoggle(); goToPage('nearby')">ADD NEW</span | <div class="clear"></div> | ||
> | </h5> | ||
<div class="clear"></div> | <ul *ngIf="addressService.addressList && addressService.addressList.length > 0"> | ||
</h5> | <li *ngFor="let address of addressService.addressList; let i = index" | ||
<ul | [ngClass]="{'no-devlivery': !address.nearest}"> | ||
*ngIf="addressService.addressList && addressService.addressList.length > 0" | <h4 *ngIf="address.nearest === true">DELIVERS TO</h4> | ||
> | <h4 *ngIf="address.nearest === false">DOES NOT DELIVER TO</h4> | ||
<li | <div> | ||
*ngFor="let address of addressService.addressList; let i = index" | {{address.default}} | ||
[ngClass]="{'no-devlivery': !address.nearest}" | <input class="styled-checkbox" name="addressId" id="styled-checkbox-{{i}}" type="radio" | ||
> | (click)="setDefault(address.addressId, i)" [value]="address.addressId" #addressType /> | ||
<h4 *ngIf="address.nearest === true">DELIVERS TO</h4> | <label for="styled-checkbox-{{i}}"> {{address.addressType}} </label> | ||
<h4 *ngIf="address.nearest === false">DOES NOT DELIVER TO</h4> | </div> | ||
<div> | <div> | ||
{{address.default}} | <p> | ||
<input | {{address.building}}, | ||
class="styled-checkbox" | <span *ngIf="address.landmark && address.landmark!==''">{{address.landmark}},</span> | ||
name="addressId" | <!-- {{address.address}} --> | ||
id="styled-checkbox-{{i}}" | </p> | ||
type="radio" | </div> | ||
(click)="setDefault(address.addressId, i)" | <div class="clear"></div> | ||
[value]="address.addressId" | </li> | ||
#addressType | </ul> | ||
/> | <div class="textCenter" *ngIf="addressService.addressList && addressService.addressList.length === 0"> | ||
<label for="styled-checkbox-{{i}}"> {{address.addressType}} </label> | No Address Found | ||
</div> | </div> | ||
<div> | </div> | ||
<p> | <!-- <div class="loader" *ngIf="loader"> | ||
{{address.building}}, | |||
<span *ngIf="address.landmark && address.landmark!==''" | |||
>{{address.landmark}},</span | |||
> | |||
<!-- {{address.address}} --> | |||
</p> | |||
</div> | |||
<div class="clear"></div> | |||
</li> | |||
</ul> | |||
<div | |||
class="textCenter" | |||
*ngIf="addressService.addressList && addressService.addressList.length === 0" | |||
> | |||
No Address Found | |||
</div> | |||
</div> | |||
<!-- <div class="loader" *ngIf="loader"> | |||
<div class="lds-ripple"> | <div class="lds-ripple"> | ||
<div></div> | <div></div> | ||
<div></div> | <div></div> | ||
</div> | </div> | ||
</div> --> | </div> --> | ||
</ion-content> | </ion-content> | ||
</div> | </div> | ||
\ No newline at end of file |
Please
register
or
sign in
to comment