Resumo do dia: Actualizar, apagar evento, editar evento sem erros, progress bar, controlo de rota ao resumo do dia e actualizar, outros.

src/app/pages/events/events.page.html

@@ -24,23 +24,32 @@
 </ion-header>
 
 <ion-content>
+  <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
+  <ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
+    <ion-refresher-content
+      pullingIcon="chevron-down-circle-outline"
+      pullingText="deslize para actualizar"
+      refreshingSpinner="circles"
+      refreshingText="a actualizar...">
+    </ion-refresher-content>
+  </ion-refresher>
   <!-- TABS -->
   <ion-toolbar >
-    <ion-segment [(ngModel)]="segment">
-      <ion-segment-button value="combinada">
+    <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
+      <ion-segment-button value="Combinada">
         Combinada
       </ion-segment-button>
-      <ion-segment-button value="oficial">
+      <ion-segment-button value="Oficial">
         Oficial
       </ion-segment-button>
-      <ion-segment-button value="pessoal">
+      <ion-segment-button value="Pessoal">
         Pessoal
       </ion-segment-button>
     </ion-segment>
   </ion-toolbar>
-  <!-- List of Text Items -->
+  <!-- COMBINADA -->
   <div [ngSwitch]="segment">
-    <ion-list *ngSwitchCase="'combinada'" >
+    <ion-list *ngSwitchCase="'Combinada'" >
       <ion-item-group>
         <ion-item-sliding>
           <ion-item lines="none" 
@@ -69,19 +78,16 @@
               </div>
             </div>
           </ion-item>
-      </ion-item-sliding>
-
+        </ion-item-sliding>
       </ion-item-group>
-
     </ion-list>
-  <!-- OFICIAL -->
-    <ion-list *ngSwitchCase="'oficial'">
-      <!-- <ion-item-group>
+    <!-- OFICIAL -->
+    <ion-list *ngSwitchCase="'Oficial'">
+      <ion-item-group>
         <ion-item-sliding>
-          <ion-item-divider>
-            <ion-label>8:00 am</ion-label>
-          </ion-item-divider>
-          <ion-item lines="none" *ngFor="let event of eventsList">
+          <ion-item lines="none" 
+          *ngFor="let event of officialeventsList"
+          [routerLink]="['/home/events', event.EventId]">
             <div class="div-item">
               <div class="div-up">
                 <div class="div-icon">
@@ -100,45 +106,47 @@
                   <p class="item-list-small">{{event.Location}}</p>
                 </div>
                 <div class="div-botton-right">
-                  <ion-icon class="ion-icon-attach" slot="end" name="attach"></ion-icon>
+                  <ion-icon class="ion-icon-attach" slot="end" name="attach-outline"></ion-icon>
                 </div>
               </div>
             </div>
           </ion-item>
         </ion-item-sliding>
-      </ion-item-group> -->
+      </ion-item-group>
     </ion-list>
-
-      <ion-list *ngSwitchCase="'pessoal'">
-        <!-- <ion-item-group>
-          <ion-item-sliding>
-            <ion-item lines="none" *ngFor="let event of eventsList">
-              <div class="div-item">
-                <div class="div-up">
-                  <div class="div-icon">
-                    <ion-icon slot="start" name="reader"></ion-icon>
-                  </div>
-                  <div class="div-content-pessoal">
-                    <h3>{{event.Subject}}</h3>
-                    <p>{{event.StartDate}} - {{event.EndDate}}</p>
-                  </div>
+    <!-- OFICIAL -->
+    <ion-list *ngSwitchCase="'Pessoal'">
+      <ion-item-group>
+        <ion-item-sliding>
+          <ion-item lines="none" 
+          *ngFor="let event of personaleventsList"
+          [routerLink]="['/home/events', event.EventId]">
+            <div class="div-item">
+              <div class="div-up">
+                <div class="div-icon">
+                  <ion-icon slot="start" name="reader"></ion-icon>
                 </div>
-                <div class="div-botton">
-                  <div class="div-botton-left">
-                    <ion-icon class="ion-icon-location" slot="start" name="location"></ion-icon>
-                  </div>
-                  <div class="div-botton-middle">
-                    <p class="item-list-small">{{event.Location}}</p>
-                  </div>
-                  <div class="div-botton-right">
-                    <ion-icon class="ion-icon-attach" slot="end" name="attach"></ion-icon>
-                  </div>
+                <div class="div-content-oficial">
+                  <h3>{{event.Subject}}</h3>
+                  <p>{{event.StartDate}} - {{event.EndDate}}</p>
                 </div>
               </div>
-            </ion-item>
-          </ion-item-sliding>
-        </ion-item-group> -->
-      </ion-list>
+              <div class="div-botton">
+                <div class="div-botton-left">
+                  <ion-icon class="ion-icon-location" slot="start" name="location"></ion-icon>
+                </div>
+                <div class="div-botton-middle">
+                  <p class="item-list-small">{{event.Location}}</p>
+                </div>
+                <div class="div-botton-right">
+                  <ion-icon class="ion-icon-attach" slot="end" name="attach-outline"></ion-icon>
+                </div>
+              </div>
+            </div>
+          </ion-item>
+        </ion-item-sliding>
+      </ion-item-group>
+    </ion-list>
   </div>
 </ion-content>