import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
import { IonicPage, NavController } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';

@IonicPage()
@Component({
  selector: 'page-<%= paramCase(pageName) %>',
  templateUrl: '<%= paramCase(pageName) %>.html',
})
export class <%= pascalCase(pageName) %>Page {
  readonly loading$: Observable<boolean>;
  readonly source = '<%= pascalCase(pageName) %>Page';

  constructor(private navCtrl: NavController, private store: Store<any>) {
  }

  goBackward(pageOrViewCtrl: string): void {
    if (pageOrViewCtrl) {
      // Will look like you're returning to a previous page
      const opts = { animate: true, direction: 'back', isNavRoot: true };
      this.navCtrl.setRoot(pageOrViewCtrl, {}, opts)
        .catch(console.error);
    }
  }
}