Implemented GET call requests to see the events and also each event detail

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

@@ -3,13 +3,59 @@
     <ion-buttons slot="start">
       <ion-back-button defaultHref="/events"></ion-back-button>
     </ion-buttons>
-    <ion-title>Event detail</ion-title>
+    <ion-title>Visualizar Evento</ion-title>
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
-  <ion-item>
-    <ion-label>{{loadedEvent.Subject}}</ion-label>
-  </ion-item>
-
+<ion-content *ngIf="eventItem | async as event" padding>
+  <ion-item-group>
+    <ion-item>
+      <ion-label position="stacked">Assunto</ion-label>
+      <ion-input value='{{event.Subject}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Descrição</ion-label>
+      <ion-input value='{{event.Body.Text}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Localização</ion-label>
+      <ion-input value='{{event.Location}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Intervenientes</ion-label>
+      <ion-list>
+        <ion-item *ngFor="let inter of event.RequiredAttendees">
+          <ion-input value='{{inter.Name}}'></ion-input>
+        </ion-item>
+      </ion-list>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Carácter</ion-label>
+      <ion-input value='{{event.CalendarName}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Tipo do evento</ion-label>
+      <ion-input value='{{event.EventType}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Data Início: </ion-label>
+      <ion-input value='{{event.StartDate}}'></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label position="stacked">Data Fim</ion-label>
+      <ion-input value='{{event.EndDate}}'></ion-input>
+    </ion-item>
+    <ion-list>
+      <ion-list-header>Anexos</ion-list-header>
+      <ion-item>
+        <ion-icon name="attach" slot="start"></ion-icon>
+        <ion-label>Lei do orçamento geral do Estado</ion-label>
+      </ion-item>
+    </ion-list>
+  </ion-item-group>
+  <div class="event-detail-buttons">
+    <ion-button fill="outline" class="ion-button-left">Recusar</ion-button>
+    <ion-button class="ion-button-right">Aprovar</ion-button>
+  </div>
 </ion-content>
+