Added events to Agenda

src/app/pages/agenda/agenda.page.html

@@ -2,6 +2,19 @@
   <ion-toolbar>
     <ion-title>Agenda</ion-title>
   </ion-toolbar>
+  <ion-toolbar>
+    <ion-segment [(ngModel)]="segment">
+      <ion-segment-button value="combinada">
+        Combinada
+      </ion-segment-button>
+      <ion-segment-button value="oficial">
+        Oficial
+      </ion-segment-button>
+      <ion-segment-button value="pessoal">
+        Pessoal
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
 </ion-header>
 <!-- 
 <ion-content> -->
@@ -19,19 +32,14 @@
     </ion-segment>
   </ion-toolbar> --> 
   <ion-content>
-    <ion-toolbar>
-      <ion-segment [(ngModel)]="segment">
-        <ion-segment-button value="combinada">
-          Combinada
-        </ion-segment-button>
-        <ion-segment-button value="oficial">
-          Oficial
-        </ion-segment-button>
-        <ion-segment-button value="pessoal">
-          Pessoal
-        </ion-segment-button>
-      </ion-segment>
-    </ion-toolbar>
+    <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="refreshAgenda($event)">
+      <ion-refresher-content 
+      pullingIcon="chevron-down-circle-outline"
+      pullingText="deslize para actualizar"
+      refreshingSpinner="circles"
+      refreshingText="a actualizar...">
+      </ion-refresher-content>
+    </ion-refresher>
    
     <ion-row>
       <!-- <ion-col size="6">
@@ -77,6 +85,8 @@
       [currentDate]="calendar.currentDate"
       (onEventSelected)="onEventSelected($event)"
       (onTitleChanged)="onViewTitleChanged($event)"
+      (onRangeChanged)="onRangeChanged($event)"
+      queryMode="remote"
       startHour="6"
       endHour="20"
       step="30"
@@ -97,8 +107,6 @@
       </div>
     </ng-template>
 
-
-
     <ion-fab vertical="bottom" horizontal="end" slot="fixed">
       <ion-fab-button>
         <ion-icon name="add" (click)="openCalModal()"></ion-icon>