2017-04-27 15:29:31 +01:00
import { Component } from '@angular/core' ;
2017-05-09 13:39:48 +01:00
import { Validators , FormBuilder , FormGroup } from '@angular/forms' ;
2017-05-12 18:18:28 +01:00
import { ValidationManager } from "ng2-validation-manager" ;
2017-04-27 22:50:11 +01:00
import { Http , Response } from '@angular/http' ;
2017-05-09 13:39:48 +01:00
import { ApiService } from '../providers/api-service' ;
2017-05-10 16:26:57 +01:00
import { Router } from '@angular/router' ;
2017-05-09 13:39:48 +01:00
import 'rxjs/add/operator/map' ;
2017-04-27 15:29:31 +01:00
@Component ( {
2017-05-09 13:39:48 +01:00
templateUrl : 'register.component.html' ,
providers : [ ApiService ]
2017-04-27 15:29:31 +01:00
} )
2017-05-12 18:18:28 +01:00
2017-04-27 15:29:31 +01:00
export class RegisterComponent {
2017-05-12 18:18:28 +01:00
signup : ValidationManager ;
2017-05-09 13:39:48 +01:00
ageRanges : Object [ ] ;
2017-05-09 17:43:48 +01:00
constructor (
private http : Http ,
private formBuilder : FormBuilder ,
2017-05-10 16:26:57 +01:00
private router : Router ,
2017-05-12 18:18:28 +01:00
private api : ApiService ,
2017-05-09 17:43:48 +01:00
) {
this . api . getAgeRanges ( )
. subscribe (
2017-05-12 18:18:28 +01:00
result = > {
console . log ( result ) ;
this . ageRanges = result . ages ;
}
2017-05-09 17:43:48 +01:00
) ;
2017-05-12 18:18:28 +01:00
this . signup = new ValidationManager ( {
token : 'required' ,
usertype : 'required' ,
name : 'required' ,
full_name : 'required' ,
display_name : 'required' ,
email : 'required' ,
postcode : 'required' ,
street_name : 'required' ,
town : 'required' ,
age_range : 'required' ,
password : 'required' ,
confirmpassword : 'required|equalTo:password'
2017-05-09 17:43:48 +01:00
} ) ;
2017-05-09 13:39:48 +01:00
}
onSubmit() {
2017-05-12 18:18:28 +01:00
console . log ( this . signup . isValid ( ) ) ;
console . log ( this . signup . getForm ( ) . value ) ;
2017-05-10 13:50:54 +01:00
2017-05-12 18:18:28 +01:00
/ * t h i s . a p i
2017-05-10 13:50:54 +01:00
. register ( this . signup . value )
. subscribe (
result = > {
2017-05-10 16:26:57 +01:00
console . log ( 'registered!' ) ;
this . router . navigate ( [ '/dashboard' ] ) ;
2017-05-10 13:50:54 +01:00
} ,
error = > {
console . log ( error . _body ) ;
}
2017-05-12 18:18:28 +01:00
) ; * /
2017-04-27 22:50:11 +01:00
}
2017-04-27 15:29:31 +01:00
2017-05-09 13:39:48 +01:00
}