feat(homepage): get events title for homepage

src/components/calendar/calendar.component.ts

@@ -28,20 +28,9 @@ export class CalendarComponent {
         private modalCtrl: ModalController,
         private alertCtrl: AlertController,
         private calendarService: CalendarService) {
+
             let events =this.eventSource;
-            this.eventCalendarList = 
-            this.calendarService.getEventsCalendarList()
-                .snapshotChanges()
-                .map(
-                changes => {
-                    return changes.map(c => {
-                    return({
-                        key: c.payload.key,
-                        ...c.payload.val()
-                    })
-                    })
-                })
-
+            this.eventCalendarList = this.calendarService.getEventsCalendarList();
             this.eventCalendarList.subscribe( 
                 (res) => {
                         res.map(event => {

src/components/calendar/calendar.service.ts

@@ -56,7 +56,16 @@ export class CalendarService {
     }
 
     getEventsCalendarList() {
-        return this.eventCalendarListRef;
+        return this.eventCalendarListRef.snapshotChanges()
+        .map(
+        changes => {
+            return changes.map(c => {
+            return({
+                key: c.payload.key,
+                ...c.payload.val()
+            })
+            })
+        });
     }
 
     // updateEventCalendar(eventData: EventCalendar) {

src/pages/home/home.html

@@ -1,15 +1,27 @@
 <ion-header>
     <ion-navbar>
-        <ion-buttons start>
+        <ion-buttons left>
             <button ion-button menuToggle>
                 <ion-icon name="menu"></ion-icon>
             </button>
         </ion-buttons>
-        <ion-title center>Home</ion-title>
+        <ion-title>Home</ion-title>
     </ion-navbar>
 </ion-header>
 
 <ion-content padding>
     <img src="assets/imgs/SoImpec.png" class="logo" />
+
+
+    <ion-buttons left>
+        <button ion-button (click)=getEventsFromCalendar()>
+            GET EVENTS
+        </button>
+    </ion-buttons>
+
+    <ion-list *ngFor="let event of events">
+        <ion-item>{{event?.title}}</ion-item>
+    </ion-list>
+
 </ion-content>
 

src/pages/home/home.ts

@@ -1,3 +1,4 @@
+import { CalendarService } from './../../components/calendar/calendar.service';
 import { Component } from '@angular/core';
 import { NavController, IonicPage } from 'ionic-angular';
 
@@ -7,8 +8,19 @@ import { NavController, IonicPage } from 'ionic-angular';
   templateUrl: 'home.html'
 })
 export class HomePage {
-  constructor(public navCtrl: NavController) {
-  }
 
+  private events;
+  private error;
+  private test = "hello world";
+  constructor(public navCtrl: NavController, private calendarService: CalendarService) {
+  }
 
+  getEventsFromCalendar() {
+    this.calendarService.getEventsCalendarList().subscribe(
+      (res) => {
+        this.error = JSON.stringify(res);
+        this.events = res;
+      }
+    );
+  }
 }