budget-list.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <ion-header>
  2. <ion-navbar color="primary">
  3. <button ion-button menuToggle>
  4. <ion-icon name="menu"></ion-icon>
  5. </button>
  6. <ion-title>Presupuestos</ion-title>
  7. </ion-navbar>
  8. </ion-header>
  9. <ion-toolbar color="primary" *ngIf="isSearchMode()">
  10. <ion-searchbar placeholder="Buscar" debounce="1000" (ionInput)="search($event)"></ion-searchbar>
  11. <ion-buttons end>
  12. <button ion-button (click)="toggleSearch()">
  13. <ion-icon name="arrow-forward"></ion-icon>
  14. </button>
  15. </ion-buttons>
  16. </ion-toolbar>
  17. <ion-content>
  18. <ion-card *ngFor="let b of elements; trackBy:trackByElements">
  19. <ion-item>
  20. <h2>{{ b.name }}</h2>
  21. <button ion-button primary clear item-right (click)="showOptions($event, b)">
  22. <ion-icon name="more"></ion-icon>
  23. </button>
  24. </ion-item>
  25. </ion-card>
  26. <div class="no-element" *ngIf="!hasVisibleElements()">
  27. <h2>Sin elementos</h2>
  28. </div>
  29. <ion-infinite-scroll (ionInfinite)="seek($event)">
  30. <ion-infinite-scroll-content></ion-infinite-scroll-content>
  31. </ion-infinite-scroll>
  32. <ion-fab right bottom>
  33. <button ion-fab color="yellow" (click)="goToPage(null)">
  34. <ion-icon name="add" color="light"></ion-icon>
  35. </button>
  36. </ion-fab>
  37. </ion-content>