doneit-web/src/app/pages/events/attendee-modal/attendee-modal.page.html

<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-title>Adicionar intervenientes</ion-title>
  </ion-toolbar>
  <ion-searchbar [(ngModel)]="searchCountryString" (ionChange)="onChange($event)" placeholder="Search"></ion-searchbar>
  <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-item-sliding>
      <ion-item lines="none" *ngFor="let attendee of contacts">
        <ion-checkbox slot="end" [disabled]="isCheckboxDisabled" (ionChange)="selectContact(attendee)"></ion-checkbox>
        <div class="div-item">
          <div class="div-up">
            <div class="div-content-attachment">
              <h3>{{ attendee.Name }}</h3>
              <p>{{ attendee.EmailAddress }}</p>
            </div>
          </div>
        </div>
      </ion-item>
    </ion-item-sliding>
  </ion-list>
</ion-content>
<ion-footer class="ion-no-border">
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-button (click)="close()">
        <ion-label>Cancelar</ion-label>
        <ion-icon name="close" slot="start"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-buttons slot="end">
      <ion-button (click)="save()">
        <ion-label>Gravar</ion-label>
        <ion-icon name="checkmark" slot="start"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>