import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import * as Parse from 'parse';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.styl']
})
export class LoginComponent implements OnInit {
  currentUser:void|Parse.User;
  userName = '';
  userPassword = '';
  @Output() login: EventEmitter<boolean> = new EventEmitter();

  async onSubmit(e) {
    e.preventDefault();
    this.currentUser = await Parse.User.logIn(this.userName, this.userPassword).catch(e => console.log('login failed', e));
    if(this.currentUser) this.login.emit(true);
  }

  logOutUser() {
    Parse.User.logOut().then(() => {
      this.currentUser = Parse.User.current();
      if(this.currentUser) this.login.emit(false);
    });
  }

  constructor() { }

  ngOnInit() {
    this.currentUser = Parse.User.current();
  }

}