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