orders.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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-buttons end>
  8. <button ion-button icon-only>
  9. <i class="fa fa-search fa-lg"></i>
  10. </button>
  11. </ion-buttons>
  12. </ion-navbar>
  13. </ion-header>
  14. <ion-content>
  15. <ion-list>
  16. <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
  17. <h2>{{ item.name }}</h2>
  18. <p>
  19. <strong>Cantidad:</strong>
  20. {{ item.cart_quantity }}
  21. </p>
  22. <p>
  23. <strong>Subtotal:</strong>
  24. {{ item.amount_untaxed }}
  25. </p>
  26. <p>
  27. <strong>Impuestos:</strong>
  28. {{ item.amount_tax }}
  29. </p>
  30. <p>
  31. <strong>Total:</strong>
  32. {{ item.amount_total }}
  33. </p>
  34. <p>
  35. <strong>Fecha:</strong>
  36. {{ item.date_order }}
  37. </p>
  38. </ion-item>
  39. </ion-list>
  40. <div class="no-items" *ngIf="!hasItems()">
  41. <h2>Sin elementos</h2>
  42. </div>
  43. <ion-fab right bottom>
  44. <button ion-fab (click)="goToDetails()">
  45. <ion-icon name="add"></ion-icon>
  46. </button>
  47. </ion-fab>
  48. </ion-content>