65 lines
1.4 KiB
TypeScript
65 lines
1.4 KiB
TypeScript
|
import { Component, OnInit } from '@angular/core';
|
||
|
|
import { Validators, FormBuilder, FormGroup } from '@angular/forms';
|
||
|
|
import { Http, Response } from '@angular/http';
|
||
|
|
import { ApiService } from '../providers/api-service';
|
||
|
|
import { Router, ActivatedRoute } from '@angular/router';
|
||
|
|
import 'rxjs/add/operator/map';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
templateUrl: 'login.component.html',
|
||
|
|
providers: [ApiService]
|
||
|
|
})
|
||
|
|
export class LoginComponent implements OnInit {
|
||
|
|
signin: FormGroup;
|
||
|
|
returnUrl: string;
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private route: ActivatedRoute,
|
||
|
|
private http: Http,
|
||
|
|
private formBuilder: FormBuilder,
|
||
|
|
private router: Router,
|
||
|
|
private api: ApiService
|
||
|
|
) {
|
||
|
|
this.signin = this.formBuilder.group({
|
||
|
|
email: ['', [Validators.required]],
|
||
|
|
password: ['', [Validators.required]],
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
// reset login status
|
||
|
|
this.api
|
||
|
|
.logout()
|
||
|
|
.subscribe(
|
||
|
|
result => {
|
||
|
|
console.log('Logged out!');
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
this.api.graph_data(undefined).subscribe(
|
||
|
|
result => { console.log(result) }
|
||
|
|
)
|
||
|
|
|
||
|
|
// get return url from route parameters or default to '/'
|
||
|
|
this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
|
||
|
|
}
|
||
|
|
|
||
|
|
onSubmit() {
|
||
|
|
console.log(this.signin.value);
|
||
|
|
|
||
|
|
this.api
|
||
|
|
.login(this.signin.value)
|
||
|
|
.subscribe(
|
||
|
|
result => {
|
||
|
|
console.log('logged in!');
|
||
|
|
this.router.navigate([this.returnUrl]);
|
||
|
|
},
|
||
|
|
error => {
|
||
|
|
console.log( error._body );
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|