variants.html 889 B

123456789101112131415161718192021222324252627282930
  1. <ion-header>
  2. <ion-navbar>
  3. <button ion-button menuToggle>
  4. <ion-icon name="menu"></ion-icon>
  5. </button>
  6. <ion-title>Variantes</ion-title>
  7. </ion-navbar>
  8. </ion-header>
  9. <ion-content>
  10. <ion-list>
  11. <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
  12. <ion-thumbnail item-left>
  13. <img src="./assets/images/product.png" *ngIf="!item.image_medium"/>
  14. <img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>
  15. </ion-thumbnail>
  16. <h2>{{ item.name }}</h2>
  17. <p>
  18. <strong>Precio:</strong>
  19. {{ item.list_price }}
  20. </p>
  21. <p>
  22. <strong>Cantidad:</strong>
  23. {{ item.qty_available }}
  24. </p>
  25. </ion-item>
  26. </ion-list>
  27. <div class="no-items" *ngIf="!hasItems()">
  28. <h2>Sin elementos</h2>
  29. </div>
  30. </ion-content>