orders.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <ion-header>
  2. <ion-navbar>
  3. <button ion-button menuToggle>
  4. <ion-icon name="menu"></ion-icon>
  5. </button>
  6. <ion-title>{{ getTitle() }}</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. <h2>{{ item.name }}</h2>
  13. <p>
  14. <strong>Cantidad:</strong>
  15. {{ item.cart_quantity }}
  16. </p>
  17. <p>
  18. <strong>Subtotal:</strong>
  19. {{ item.amount_untaxed }}
  20. </p>
  21. <p>
  22. <strong>Impuestos:</strong>
  23. {{ item.amount_tax }}
  24. </p>
  25. <p>
  26. <strong>Total:</strong>
  27. {{ item.amount_total }}
  28. </p>
  29. <p>
  30. <strong>Fecha:</strong>
  31. {{ item.date_order }}
  32. </p>
  33. </ion-item>
  34. </ion-list>
  35. <div class="no-items" *ngIf="!hasItems()">
  36. <h2>Sin elementos</h2>
  37. </div>
  38. <ion-fab right top edge>
  39. <button ion-fab mini (click)="goToDetails()">
  40. <ion-icon name="add"></ion-icon>
  41. </button>
  42. </ion-fab>
  43. </ion-content>