doneit-web/src/app/pages/events/attendees/attendees.page.html

<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-title>Intervenientes</ion-title>
  </ion-toolbar>
  <ion-button (click)="addAttendees()" expand="block">
    <ion-label>Adicionar intervenientes</ion-label>
  </ion-button>
  <ion-toolbar>
    <ion-segment [(ngModel)]="segment">
      <ion-segment-button value="true">
        Necessários
      </ion-segment-button>
      <ion-segment-button value="false">
        Opcionais
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>
<ion-content>
  <div [ngSwitch]="segment" *ngFor="let attendee of eventAttendees">
    <ion-list *ngSwitchCase="attendee.IsRequired.toString()">
      <ion-item-sliding>
        <ion-item-options side="end">
          <ion-item-option color="danger" (click)="removeAttendee(attendee)">Delete</ion-item-option>
        </ion-item-options>
        <ion-item lines="none">
          <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-item-sliding>
        <ion-item-options side="end">
          <ion-item-option color="danger" (click)="removeAttendee(attendee)">
            Remover
          </ion-item-option>
        </ion-item-options>
        <ion-item lines="none" *ngFor="let attendee of showAttendees">
          <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>
  </div>
</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>