fix
Showing
src/app/keywordlist/keywordlist.module.ts
0 → 100644
src/app/keywordlist/keywordlist.page.html
0 → 100644
| <ion-header> | ||
| <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 floatLeft" (click)="goBack()"> | ||
| <img src="../assets/Group17_2.png" /> | ||
| </button> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="8"> | ||
| <div class="nav_title floatLeft"> | ||
| <input class="search_bar" placeholder="Search here.. eg:shirts, retailers etc..." (click)="goToPage('searchmodal')" /> | ||
| </div> | ||
| </ion-col> | ||
| <ion-col class="no-gutter" size="2"> | ||
| <button class="nav_btn nav_search floatRight" *ngIf="!searchShow" (click)="goToPage('searchmodal')"></button> | ||
| <button class="nav_btn nav_close floatRight" *ngIf="searchShow" (click)="searchClose()"></button> | ||
| </ion-col> | ||
| </ion-row> | ||
| </ion-grid> | ||
| </div> | ||
| </ion-header> | ||
| <ion-content> | ||
| <div class="product_list"> | ||
| <div class="product_taskbar"> | ||
| <div class="filter floatLeft" (click)="istoggle()"></div> | ||
| <div class="viewset floatRight"> | ||
| <div class="grid_view grid_act floatRight" (click)="gridToggle()" [class.line_view]="onGrid"></div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| <div class="product_title" *ngIf="data"> | ||
| {{data.shopName}} | ||
| </div> | ||
| <ul [class.grid_view]="onGrid" *ngIf="prodService.product && prodService.product.length > 0"> | ||
| <li *ngFor="let product of prodService.product; let i = index"> | ||
| <div class="product_image"> | ||
| <div class="load-back"> | ||
| <img [src]="product.image" onerror="this.src='../assets/[email protected]'" (click)="prodDetails(i)" /> | ||
| </div> | ||
| <div [ngClass]="checkFavStatus(product.prodId)" (click)="changeFav(product.prodId)"></div> | ||
| <div class="featured_badge" *ngIf="product.featured">Featured</div> | ||
| </div> | ||
| <h5 class="ellipse" (click)="prodDetails(i)" [innerHTML]="unEscape(product.prodName)"></h5> | ||
| <p (click)="prodDetails(i)"> | ||
| A$ {{service.formatNumber(product.price)}}<span class="offer" *ngIf="product.discount > 0">-{{product.discount}}%</span> | ||
| </p> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <!-- <ul | ||
| [class.grid_view]="onGrid" | ||
| *ngIf="prodService.product && prodService.product.length > 0" | ||
| > | ||
| <li *ngFor="let product of prodService.product; let i = index"> | ||
| <div class="product_image"> | ||
| <img | ||
| [src]="product.image" | ||
| onerror="this.src='../assets/[email protected]'" | ||
| (click)="prodDetails(i)" | ||
| /> | ||
| <div | ||
| [ngClass]="checkFavStatus(product.prodId)" | ||
| (click)="changeFav(product.prodId)" | ||
| ></div> | ||
| <div class="featured_badge" *ngIf="product.featured">Featured</div> | ||
| </div> | ||
| <h5 class="ellipse" (click)="prodDetails(i)">{{product.prodName}}</h5> | ||
| <p (click)="prodDetails(i)"> | ||
| A$ {{product.price}}<span class="offer" *ngIf="product.discount > 0" | ||
| >-{{product.discount}}%</span | ||
| > | ||
| </p> | ||
| </li> | ||
| </ul> --> | ||
| <div class="no-result-wrapper" *ngIf="prodService.product.length === 0"> | ||
| <img src="../../assets/basket.png" /> | ||
| <h1>No result found</h1> | ||
| <button (click)="goToPage('home')">home</button> | ||
| </div> | ||
| <div class="sort_wrappper" *ngIf="isShow" [@slideInOut]> | ||
| <div class="sort_inner"> | ||
| <h4>Sort By</h4> | ||
| <ul> | ||
| <!-- <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-1" type="radio" value="popular" name="sort" (click)="setValue($event.target.value)"> | ||
| <label for="styled-checkbox-1">Popularity</label> | ||
| </li> --> | ||
| <!-- <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-2" type="radio" value="relevance" name="sort" (click)="setValue($event.target.value)"> | ||
| <label for="styled-checkbox-2">Relevence</label> | ||
| </li> --> | ||
| <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-1" type="radio" value="newest" name="sort" (click)="setValue($event.target.value)" /> | ||
| <label for="styled-checkbox-1">Newest First</label> | ||
| </li> | ||
| <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-5" type="radio" value="a-z" name="sort" (click)="setValue($event.target.value)" /> | ||
| <label for="styled-checkbox-5">Name A - Z</label> | ||
| </li> | ||
| <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-3" type="radio" value="low" name="sort" (click)="setValue($event.target.value)" /> | ||
| <label for="styled-checkbox-3">Price Low - High</label> | ||
| </li> | ||
| <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-4" type="radio" value="high" name="sort" (click)="setValue($event.target.value)" /> | ||
| <label for="styled-checkbox-4">Price High - Low</label> | ||
| </li> | ||
| <!-- <li> | ||
| <input class="styled-checkbox" id="styled-checkbox-5" type="radio" value="rate" name="sort" (click)="setValue($event.target.value)"> | ||
| <label for="styled-checkbox-5">Rating</label> | ||
| </li> --> | ||
| </ul> | ||
| <div class="sort_footer"> | ||
| <button class="cancel floatLeft" (click)="istoggle()">CANCEL</button> | ||
| <button class="submit floatRight" (click)="istoggle(); submit()"> | ||
| SUBMIT | ||
| </button> | ||
| <div class="clear"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="loader" *ngIf="loader"> | ||
| <div class="lds-ripple"> | ||
| <div></div> | ||
| <div></div> | ||
| </div> | ||
| </div> | ||
| </ion-content> | ||
| \ No newline at end of file |
src/app/keywordlist/keywordlist.page.scss
0 → 100644
src/app/keywordlist/keywordlist.page.spec.ts
0 → 100644
src/app/keywordlist/keywordlist.page.ts
0 → 100644
| ... | ... | @@ -66,38 +66,42 @@ |
| </div> | ||
| <div class="nearby_shop_list"> | ||
| <ul> | ||
| <li> | ||
| <li *ngFor="let product of data.product; let i = index"> | ||
| <div class="nearby_image"> | ||
| <img [src]="data.product[0].image" onerror="this.src='../assets/[email protected]'" /> | ||
| <img [src]="product.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}} | ||
| <span class="floatLeft">{{unEscape(product.prodName)}}</span> | ||
| <span class="floatRight">0 | ||
| <img src="../assets/Path61_2.png" /> | ||
| </span> | ||
| <div class="clear"></div> | ||
| </h5> | ||
| <p class="prodName">{{unEscape(data.product[0].prodName)}}</p> | ||
| <p class="prodName"></p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| <div class="product_detail"> | ||
| <h5 *ngIf="data.orderStatus >= 3 || data.orderStatus < 7 && i == 0"> | ||
| Delivery time : <span><b>{{deliveryTime}}</b></span> | ||
| </h5> | ||
| <h6> | ||
| <!-- <span *ngIf="product.color !== 'No-Color'">Product: {{unEscape(product.prodName)}}, | ||
| </span> --> | ||
| <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> | ||
| </h5> | ||
| <h5>Order Status : <span>{{getStatus(data.orderStatus)}}</span></h5> | ||
| </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> | ||
| <div class="product_detail"> | ||
| ... | ... | @@ -110,8 +114,10 @@ |
| </div> | ||
| <h5 *ngIf="data.deliveryAddress"> | ||
| {{data.deliveryAddress.addressType}},<br />{{data.deliveryAddress.address}}, | ||
| <br /> {{data.deliveryAddress.building}}, <br /> {{data.deliveryAddress.landmark}} | ||
| {{data.deliveryAddress.addressType}} | ||
| <!-- ,<br />{{data.deliveryAddress.address}} -->, | ||
| <br /> {{data.deliveryAddress.building}}<span *ngIf="data.deliveryAddress.landmark && data.deliveryAddress.landmark!==''"><br />, | ||
| {{data.deliveryAddress.landmark}}</span> | ||
| </h5> | ||
| <!-- <hr /> --> | ||
| </div> | ||
| ... | ... |
src/assets/[email protected]
0 → 100644
8.91 KB
