<!--
  Generated template for the UserListPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>{{ list }}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list *ngFor="let user of users">
    <ion-item (click)="showProfile(user)">
      <ion-avatar item-start>
        <img src="{{ user.content.avatar_image.link }}">
      </ion-avatar>
      <h2>{{ user.name }}</h2>
      <p>@{{ user.username }}</p>
      <!-- <ion-col item-end text-right>
        <button ion-button disabled>{{ user.you_follow ? "Unfollow" : "Follow" }}</button>
        <ion-note>{{ user.follows_you ? "Follows you" : ""}}</ion-note>
      </ion-col> -->
    </ion-item>
  </ion-list>

  <ion-infinite-scroll (ionInfinite)="fetchMoreUsers($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>
