12345678910111213141516171819202122232425262728293031323334353637383940 |
- <ion-header>
- <ion-navbar>
- <button ion-button menuToggle>
- <ion-icon name="menu"></ion-icon>
- </button>
- <ion-title>Productos</ion-title>
- <ion-buttons end>
- <button ion-button icon-only>
- <i class="fa fa-search fa-lg"></i>
- </button>
- </ion-buttons>
- </ion-navbar>
- </ion-header>
- <ion-content>
- <ion-list>
- <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
- <ion-thumbnail item-left>
- <img src="./assets/images/product.png" *ngIf="!item.image_medium"/>
- <img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>
- </ion-thumbnail>
- <h2>{{ item.name }}</h2>
- <p>
- <strong>Precio:</strong>
- {{ item.list_price }}
- </p>
- <p>
- <strong>Cantidad:</strong>
- {{ item.qty_available }}
- </p>
- </ion-item>
- </ion-list>
- <div class="no-items" *ngIf="!hasItems()">
- <h2>Sin elementos</h2>
- </div>
- <ion-fab right bottom>
- <button ion-fab (click)="goToDetails()">
- <ion-icon name="add"></ion-icon>
- </button>
- </ion-fab>
- </ion-content>
|