Added show attendees and show attachments at event-detal + style at new-event modal

src/app/pages/events/event-detail/event-detail.page.html

@@ -45,7 +45,7 @@
       </ion-select>
     </ion-item>
     <ion-item>
-      <ion-label>Data Início</ion-label>
+      <ion-label position="stacked">Data Início</ion-label>
       <ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
         displayFormat="D MMM YYYY H:mm"
         monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
@@ -55,12 +55,12 @@
       <ion-input [(ngModel)]='loadedEvent.StartDate'></ion-input>
     </ion-item> -->
     <ion-item>
-        <ion-label>Data Fim</ion-label>
+        <ion-label position="stacked">Data Fim</ion-label>
         <ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
           displayFormat="D MMM YYYY H:mm"
           monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
     </ion-item>
-    <div class="div-card-button">
+    <!-- <div class="div-card-button">
       <ion-card (click)="openAttendees()">
         <ion-card-header>
           <ion-card-title center>
@@ -72,8 +72,8 @@
         <ion-card-content class="center">
           Intervenientes
         </ion-card-content>
-      </ion-card>
-      <ion-card [routerLink]="['/home/attachments', loadedEvent.EventId]">
+      </ion-card>-->
+      <!-- <ion-card [routerLink]="['/home/attachments', loadedEvent.EventId]">
         <ion-card-header>
           <ion-card-title center>
             <div class="center">
@@ -84,36 +84,53 @@
         <ion-card-content class="center">
           Anexos
         </ion-card-content>
-      </ion-card>
-    </div>
-    <!-- <div class="div-attach">
+      </ion-card> -->
+   <!--  </div>  -->
+
+    
+    <div class="div-attach" >
       <ion-item>
-        <ion-icon name="add" slot="end"></ion-icon>
+        <ion-buttons slot="end" (click)="openAttendees()">
+          <ion-icon  name="eye" slot="start" ></ion-icon>
+          <ion-label>Ver mais</ion-label>
+        </ion-buttons>
         <ion-label class="attach-label">Intervenientes</ion-label>
       </ion-item>
       <div id="AttachFiles"></div>
-      <ion-list [(ngModel)]="loadedEvent.EventType">
-        <ion-item lines="none">
-          <ion-icon name="attach"></ion-icon>
-          <ion-label color="secondary">Lei do orçamento geral do Estado</ion-label> 
-          <ion-icon name="trash" slot="end"></ion-icon>
+      <ion-list>
+        <ion-item class="attendees" lines="none" *ngFor="let attendee of loadedEvent.Attendees.slice(0, 2)">
+          <ion-icon class="attendees-icon" name="person" slot="start"></ion-icon>
+          <ion-label color="secondary" class="attendees-list">{{attendee.Name}}</ion-label> 
+          <!-- <ion-icon name="trash" slot="end"></ion-icon> -->
+        </ion-item>
+      </ion-list>
+      <!-- <ion-button (click)="openAttendees()">Ver mais</ion-button> -->
+    </div>
+
+
+    <div class="div-attach">
+      <ion-item>
+        <ion-icon (click)="showAlert()" name="add" slot="end"></ion-icon>
+        <ion-label class="attach-label">Anexos</ion-label>
+      </ion-item>
+      <!-- <div id="AttachFiles"></div> -->
+      <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
+      <ion-list *ngIf="loadedEventAttachments">
+        <ion-item lines="none" *ngFor="let att of loadedEventAttachments.slice(0, 2)">
+          <ion-icon name="attach" slot="start"></ion-icon>
+          <ion-label color="secondary">
+              <p>{{ att.Description }}</p>
+              <p>{{ att.CreateDate }}</p>
+          </ion-label> 
+          <!-- <ion-icon name="trash" slot="end"></ion-icon> -->
+        </ion-item>
+        <ion-item lines="none" *ngIf="!loadedEvent.HasAttachments">
+          <ion-label>
+            Sem anexos
+          </ion-label>
         </ion-item>
       </ion-list>
     </div>
-    <div class="div-attach">
-      <ion-item>
-        <ion-icon name="add" slot="end"></ion-icon>
-        <ion-label class="attach-label">Anexos</ion-label>
-      </ion-item>
-      <div id="AttachFiles"></div>
-      <ion-list [(ngModel)]="loadedEvent.EventType">
-        <ion-item lines="none">
-          <ion-icon name="attach"></ion-icon>
-          <ion-label color="secondary">Lei do orçamento geral do Estado</ion-label> 
-          <ion-icon name="trash" slot="end"></ion-icon>
-        </ion-item>
-      </ion-list>
-    </div> -->
   </ion-item-sliding>
   </ion-item-group>
 </div>