authentication.component.ts

import { Component, OnInit } from '@angular/core';
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { LoginService } from '../services/login.service'
import 'rxjs/Rx';
import { Observable } from 'rxjs/Rx';

@Injectable()

@Component({
  selector: 'app-authentication',
  templateUrl: './authentication.component.html',
  styleUrls: ['./authentication.component.css']
})
export class AuthenticationComponent implements OnInit {
  private items: Array<string>;

  constructor(private data: LoginService) { 
    this.items = ["username", "password"]
  }

  logOn (event: any) {
    event.preventDefault();

    let username: HTMLElement = document.getElementById('email');
    let password: HTMLElement = document.getElementById('password');
    username.click();
    password.click();

    var json = JSON.stringify({
      "user_email": username,
      "user_password": password
    });

    var authInfo = this.data.authorizeUser(json);

    var authorized = authInfo["message"];
    var token = authInfo["token"];
    if (authorized) {
      return token;
    }

    this.data.getUser(token);

  }

  ngOnInit() { }

}