Attendees Enhancments

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

@@ -1,15 +1,26 @@
-<ion-header>
+<ion-header class="ion-no-border">
   <ion-toolbar>
-    <ion-title>attendee-modal</ion-title>
+    <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-searchbar [(ngModel)]="searchCountryString" (input)="searchCountry($event)" placeholder="Search"></ion-searchbar>
   <ion-list>
-      <button ion-item *ngFor="let attendee of eventAttendees">
-          {{attendee.Name}}
-      </button>
+    <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">