My event removal fix

src/components/googol-card/googol-card.ts

@@ -26,6 +26,7 @@ export class GoogolCardComponent {
   @Input() place: string;
   @Input() action: string;
   @Input() addEventFn: Function;
+  @Input() reloadView: Function;
   @Input() address: string;
   @Input() phone: string;
 
@@ -95,7 +96,4 @@ export class GoogolCardComponent {
     actionSheet.present();
   }
 
-  private reloadView() {
-    this.navCtrl.setRoot(this.navCtrl.getActive().component);
-  }
 }

src/pages/User/events/events.html

@@ -15,6 +15,6 @@
 
   <ion-tabs tabsPlacement="top" style="margin-top: 45px;" (ionChange)="tabSelected($event)">
     <ion-tab tabTitle="Todos" [root]="tab1" [rootParams]="allEvents"></ion-tab>
-    <ion-tab tabTitle="Criados por mim" [root]="tab2" [rootParams]="myEvents"></ion-tab>
+    <ion-tab tabTitle="Criados por mim" [root]="tab2" [rootParams]="myEventsParams"></ion-tab>
   </ion-tabs>  
 </div>

src/pages/User/events/events.ts

@@ -23,6 +23,7 @@ export class EventsPage implements OnInit{
   private allEvents = [];
   private myEvents = [];
   currentTab = 0;
+  myEventsParams = {};
 
   constructor(public navCtrl: NavController, private modalCtrl: ModalController,
       private loadingController: LoadingController, 
@@ -32,6 +33,11 @@ export class EventsPage implements OnInit{
   ngOnInit() {
     this.fetchAllEvents();
     this.fetchMyEvents();
+
+    this.myEventsParams = {
+      myEvents: this.myEvents,
+      fetchMyEventsCb: this.fetchMyEvents.bind(this)
+    };
   }
 
   tabSelected(tab: Tab) {
@@ -61,10 +67,16 @@ export class EventsPage implements OnInit{
     });
   }
 
-  loading = this.loadingController.create({
-    content: 'Buscando eventos...',
-    spinner: 'bubbles'
-  });
+  loading(){
+    let loading = this.loadingController.create({
+      content: 'Por favor, aguarde...',
+      spinner: 'bubbles'
+    });
+
+    loading.present();
+
+    return loading;
+  }
 
   filterAllEvents(bars, teams) {
     bars = bars.map((bar) => bar._id);
@@ -85,21 +97,20 @@ export class EventsPage implements OnInit{
   }
 
   async fetchAllEvents(){
-    this.loading.present();
+    const loading = this.loading();
 
     const events = await this.eventsService.getAll().toPromise();
     events.sort((e1, e2) => {
       return (+new Date(e1.match.matchDate)) - (+new Date(e2.match.matchDate));
     });
     this.allEvents.splice(0, this.allEvents.length);
     this.allEvents.push(...events);
-    console.log('terminou fetch all events')
-    this.loading.dismiss();
+    loading.dismiss();
 
   }
 
   async fetchMyEvents(){
-    this.loading.present();
+    const loading = this.loading();
 
     const auth = localStorage.getItem('authUser');
     const userId = JSON.parse(auth).userId;
@@ -110,7 +121,7 @@ export class EventsPage implements OnInit{
     });
     this.myEvents.splice(0, this.myEvents.length);
     this.myEvents.push(...events);
-    this.loading.dismiss();
+    loading.dismiss();
   }
 
 }

src/pages/User/events/my-events/my-events.html

@@ -1,4 +1,4 @@
 <ion-content padding>
     <p *ngIf="events.length === 0" class="text-default-medium" text-center> Você ainda não criou nenhum evento!</p>
-    <googol-card *ngFor="let myEvent of events" [myEvent]="myEvent" action="CONFIRM_PRESENCE"></googol-card>
+    <googol-card *ngFor="let myEvent of events" [myEvent]="myEvent" [reloadView]="reload" action="CONFIRM_PRESENCE"></googol-card>
 </ion-content>

src/pages/User/events/my-events/my-events.ts

@@ -1,6 +1,5 @@
-import { Component, OnInit } from '@angular/core';
-import { LoadingController, NavParams } from 'ionic-angular/';
-import { EventsService } from '../../../../_services/events';
+import { Component } from '@angular/core';
+import { NavParams, NavController } from 'ionic-angular/';
 import { Event } from '../../../../_models/event';
 
 @Component({
@@ -11,8 +10,11 @@ import { Event } from '../../../../_models/event';
 export class MyEventsTab {
 
     private events: Event[] = [];
+    reload: Function;
 
-    constructor(private navParams: NavParams){
-        this.events = navParams.data;
+    constructor(private navParams: NavParams, private navCtrl: NavController){
+        this.events = navParams.data.myEvents;
+        this.reload = navParams.data.fetchMyEventsCb;
     }
+
 }