Bez popisu

province.page.html 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <ion-header>
  2. <ion-toolbar class="new-background-color">
  3. <ion-buttons slot="start" color="light">
  4. <ion-back-button></ion-back-button>
  5. </ion-buttons>
  6. <div class="hcs">
  7. <img src="/assets/images/wellnessbar.svg" height="50" />
  8. </div>
  9. </ion-toolbar>
  10. </ion-header>
  11. <ion-content>
  12. <img src="/assets/images/image-004.jpg" alt="">
  13. <ion-grid>
  14. <ion-row>
  15. <ion-col size="12">
  16. <div class="txt-place-title">Province Name</div>
  17. </ion-col>
  18. </ion-row>
  19. <ion-row>
  20. <ion-col>
  21. <ion-toolbar class="search">
  22. <ion-searchbar placeholder="ค้นหา"></ion-searchbar>
  23. </ion-toolbar>
  24. </ion-col>
  25. </ion-row>
  26. <ion-card *ngFor="let provlist of provicelist">
  27. <div *ngIf="$any(provlist).better_featured_image != null">
  28. <img src="{{$any(provlist).better_featured_image.source_url}}" alt="">
  29. </div>
  30. <div *ngIf="$any(provlist).better_featured_image == null">
  31. <img src="/assets/images/temp.png" />
  32. </div>
  33. <ion-card-header>
  34. <a [routerLink]="['/tabs/place/', provlist.id]">
  35. <ion-card-title [innerHTML]="provlist.title.rendered"></ion-card-title>
  36. </a>
  37. </ion-card-header>
  38. </ion-card>
  39. </ion-grid>
  40. </ion-content>