import { Component } from '@angular/core';
import { NavController, NavParams, Events } from 'ionic-angular';

import { registerPage } from '../register/register';
import { keypad_controlPage } from '../keypad-control/keypad-control';

@Component({
    selector: 'page-login',
    templateUrl: 'login.html'
})
export class loginPage {
    registerCredentials = { email: '', password: '' };

    constructor(public navCtrl: NavController, public navParams: NavParams, private events: Events) {
    }


    public login() {
        var loginSuccessful = true;

        this.events.publish('user:loggedin', loginSuccessful);

        if (loginSuccessful == true) {

            this.navCtrl.setRoot(keypad_controlPage,
                { pageCount: 15 });
            // Now I need the app.component.ts to re-load as this event triggers a change in the sidebar data.
        }

    }

    public createAccount() {
        /* Redirect to another page */
        this.navCtrl.setRoot(registerPage);

    }
    ionViewDidLoad() {
        console.log('ionViewDidLoad loginPage');
    }

}