group-details.html

<ion-header>
  <ion-navbar color="navbar">
    <ion-buttons left *ngIf="modal == true">
      <button ion-button color="cancel" (click)="hideModal($event)">Close</button>
    </ion-buttons>
    <ion-title>Group</ion-title>
    <ion-buttons right *ngIf="user">
      <button ion-button icon-only color="primary" [solid]="website == true ? 'true' : null" *ngIf="canEdit" (click)="editGroup($event)">Edit</button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-refresher (ionRefresh)="loadUpdates(false, $event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-list *ngIf="group && group.members">
    <ion-item color="white" text-center>
      <ion-label>
        <ion-icon class="group-icon-large" ios="ios-people" md="md-people"></ion-icon>
        <h2 margin-top>{{group.name}}</h2>
        <p>{{group.description}}</p>
      </ion-label>
    </ion-item>
    <ion-item detail-push color="white" tappable (click)="showPerson(person)" *ngFor="let person of group.members">
      <person-avatar item-left [initials]="person.initials" [image]="person.profile_picture" [large]="false"></person-avatar>
      <h2>{{person.name}}</h2>
    </ion-item>
  </ion-list>
  <div text-center class="spinner" *ngIf="loading == true">
    <ion-spinner name="ios"></ion-spinner>
  </div>
</ion-content>