SHARE
TWEET

Untitled

a guest Sep 19th, 2019 116 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <ion-header>
  2.   <ion-toolbar>
  3.     <ion-title>Discover Places</ion-title>
  4.     <ion-buttons slot="start">
  5.       <ion-menu-button menu="m1">
  6.       </ion-menu-button> <!-- OR -->
  7.       <!-- <ion-button (click)="onOpenMenu()">
  8.         <ion-icon name="menu"></ion-icon>
  9.       </ion-button>  -->
  10.       </ion-buttons>
  11.     </ion-toolbar>
  12.     </ion-header>
  13.     <ion-content>
  14.         <ion-grid>
  15.             <ion-row>
  16.                 <ion-col size="12" size-sm="8" offset-sm="2" text-center>
  17.                     <ion-card>
  18.                         <ion-card-header>
  19.                             <ion-card-title>{{ loadedPlaces[0].title }}</ion-card-title>
  20.                             <ion-card-subtitle>{{ loadedPlaces[0].price | currency }}</ion-card-subtitle>
  21.                         </ion-card-header>
  22.                         <ion-img [src]="loadedPlaces[0].imgUrl"></ion-img>
  23.                         <ion-card-content>
  24.                             <p> {{ loadedPlaces[0].description }} </p>
  25.                         </ion-card-content>
  26.                         <div text-right>
  27.                             <ion-button
  28.                             fill="clear"
  29.                             color="primary"
  30.                             routerDirection="forward"
  31.                             [routerLink]="[
  32.                             '/',
  33.                             'places',
  34.                             'tabs',
  35.                             'discover',
  36.                             loadedPlaces[0].id
  37.                             ]">
  38.                                 More
  39.                             </ion-button>
  40.                         </div>
  41.                     </ion-card>
  42.                 </ion-col>
  43.             </ion-row>
  44.             <ion-row>
  45.                 <ion-col size="12" size-sm="8" offset-sm="2" text-center>
  46.                     <ion-list>
  47.                         <ion-item *ngFor="let p of loadedPlaces[1]">
  48.                         <ion-thumbnail slot="start">
  49.                             <ion-img [src]="p.imgUrl"></ion-img>
  50.                         </ion-thumbnail>
  51.                         <ion-label>
  52.                             <h2>{{ p.title }}</h2>
  53.                             <p>{{ p.description }}</p>
  54.                         </ion-label>  
  55.                         </ion-item>
  56.                     </ion-list>
  57.                 </ion-col>
  58.             </ion-row>
  59.         </ion-grid>
  60.     </ion-content>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top