home.html

gistfile1.txt

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button full (click)="newPost()">
    <ion-icon name="create"></ion-icon>
    &nbsp; New Post
  </button>
  <div *ngIf="posts">
    <ion-card *ngFor="let post of posts">
      <ion-item>
        <br/>
        <h3>{{ post.id }} - {{ post.title }}</h3>
      </ion-item>

      <ion-card-content>
        <p>{{ post.body }}</p>
      </ion-card-content>

      <ion-row>
        <ion-col>
          <button [disabled]="uid != post.uid" color="secondary" ion-button icon-left clear small (click)="editPost(post.id)">
            <ion-icon name="sync"></ion-icon>
            <div>Update</div>
          </button>
        </ion-col>
        <ion-col>
          <button [disabled]="uid != post.uid" color="danger" ion-button icon-left clear small (click)="removePost(post.id)">
            <ion-icon name="trash"></ion-icon>
            <div>Remove</div>   
          </button>
        </ion-col>
      </ion-row>
    </ion-card>
  </div>
</ion-content>