<ion-header>
  <ion-navbar color="primary">
    <ion-title><img src="assets/imgs/ss-small.png" class='top-logo'></ion-title>
  </ion-navbar>
</ion-header>

<ion-content id="page-home">
    <!-- 
    <event-chart></event-chart> -->
    <!-- 
    <ion-slides pager style='height:300px'>

		<ion-slide style="background-color: black">
			<img src="assets/imgs/activegirl.jpg">
		</ion-slide>

		<ion-slide style="background-color: blue">
			<h2>Slide 2</h2>
		</ion-slide>

		<ion-slide style="background-color: red">
			<h2>Slide 20</h2>
		</ion-slide>

    </ion-slides> -->
   <ion-card *ngFor="let p of wpPosts" (click)="openLink(p.guid.rendered)">
    <img [src]="p.jetpack_featured_media_url"/>

    <ion-card-content>
      <ion-card-title>
        {{ p.title.rendered }}
      </ion-card-title>
      {{ p.date ? ( p.date | amTimeAgo ) : "-" }}
    </ion-card-content>
<!-- 
    <ion-row no-padding>
      <ion-col>
        <button ion-button clear small color="danger" icon-start (click)="openNavDetailsPage(p._id.$oid)" >
          <ion-icon name='star'></ion-icon>
          แลกแต้ม
        </button>
      </ion-col>
      <ion-col text-center>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='bonfire'></ion-icon>
          {{ p.cal_return / 1000 }}k Cals
        </button>
      </ion-col>
      <ion-col text-right>
        <button ion-button clear small color="danger" icon-start>
          <ion-icon name='share-alt'></ion-icon>
          Share
        </button>
      </ion-col>
    </ion-row>
-->
  </ion-card> 
  
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
   <ion-infinite-scroll-content></ion-infinite-scroll-content>
</ion-infinite-scroll> 
</ion-content>
