import { Component } from '@angular/core';
import { NavController,ViewController } from 'ionic-angular';
import { Storage} from '@ionic/storage';

//components
import { MyService } from '../../providers/my-service';
import { AdminPage } from '../admin/admin';

/*
  Generated class for the ModalPage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
*/
@Component({
  selector: 'page-modal-page',
  templateUrl: 'modal-page.html',
  providers:[MyService]
})
export class ModalPage {

  data:any;
  public local: Storage;
  private mydata:any;

  constructor(public navCtrl: NavController,private viewCtrl: ViewController,private service:MyService) {
    this.data={};
    this.data.username="";
    this.data.password="";
    this.local=new Storage();

  }

  login(){
    let username = this.data.username;
    let password = this.data.password;
    let data  = JSON.stringify({username, password});
    this.service.postLogin(data)
        .subscribe(data => {
          this.mydata = data;
          this.local.set('username', this.mydata[0].name);
          this.local.set('token', this.mydata[0].token);
          this.viewCtrl.dismiss();
        }, error =>{
          console.log(error);
        })
  }
  dismiss(){
    this.viewCtrl.dismiss();
  }

}