From 7742a8af995b9789c41b3c314b009fe433ba9001 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <you@example.com>
Date: Mon, 4 Jan 2021 10:10:49 +0100
Subject: [PATCH] Add dynamic MD schedule list

---
 src/app/pages/events/events.page.html | 56 +++++----------------------
 src/app/pages/events/events.page.scss |  9 +++++
 2 files changed, 18 insertions(+), 47 deletions(-)

diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html
index 6ef1bbaeb..0508c9135 100644
--- a/src/app/pages/events/events.page.html
+++ b/src/app/pages/events/events.page.html
@@ -29,58 +29,20 @@
       </div>
       <div class="content">
         <ul>
-          <li>
+          <li *ngFor="let event of eventsList"
+          [routerLink]="['/home/events', event.EventId, 'events']">
+          <div class="d-flex  content-{{profile}}-{{event.CalendarName}}">
             <div class="schedule-time">
-              <div class="time-start">08:30</div>
-              <div class="time-end">12:30</div>
+              <div class="time-start">{{event.StartDate | date: 'hh:mm'}}</div>
+              <div class="time-end">{{event.EndDate | date: 'hh:mm'}}</div>
             </div>
             <div class="schedule-details">
-              <div class="location">Luanda | Palácio Presidencial</div>
-              <div class="description">Reunião de Conselho de Ministros</div>
-            </div>
-            <div class="color">
-  
-            </div>
-          </li>
-          <li>
-            <div class="schedule-time">
-              <div class="time-start">08:30</div>
-              <div class="time-end">12:30</div>
-            </div>
-            <div class="schedule-details">
-              <div class="location">Luanda | Palácio Presidencial</div>
-              <div class="description">Reunião de Conselho de Ministros</div>
-            </div>
-            <div class="color">
-  
-            </div>
-          </li>
-          <li>
-            <div class="schedule-time">
-              <div class="time-start">08:30</div>
-              <div class="time-end">12:30</div>
-            </div>
-            <div class="schedule-details">
-              <div class="location">Luanda | Palácio Presidencial</div>
-              <div class="description">Reunião de Conselho de Ministros</div>
-            </div>
-            <div class="color">
-  
-            </div>
-          </li>
-          <li>
-            <div class="schedule-time">
-              <div class="time-start">08:30</div>
-              <div class="time-end">12:30</div>
-            </div>
-            <div class="schedule-details">
-              <div class="location">Luanda | Palácio Presidencial</div>
-              <div class="description">Reunião de Conselho de Ministros</div>
-            </div>
-            <div class="color">
-  
+              <div class="location">{{event.Location}}</div>
+              <div class="description">{{event.Subject}}</div>
             </div>
+          </div>
           </li>
+          
         </ul>
         <div class="resume">
           <div class="title">
diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index 76a55f66b..858fc79a8 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -366,6 +366,12 @@ ion-toolbar{
     ul{
       padding: 0px;
       margin: 0px;
+      .d-flex{
+        height: 40px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
       li{
         padding-bottom: 5px;
         margin-top: 5px;
@@ -440,6 +446,9 @@ ion-toolbar{
 
 }
 
+.d-flex {
+  display: flex;
+}
 
 @media only screen and (min-width: 804px) {