52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
|
import { Injectable } from '@angular/core';
|
||
|
|
import { Router } from '@angular/router';
|
||
|
|
|
||
|
|
import { Effect, Actions, ofType } from '@ngrx/effects';
|
||
|
|
import { Action } from '@ngrx/store';
|
||
|
|
|
||
|
|
import { Observable } from 'rxjs/Observable';
|
||
|
|
import { of } from 'rxjs/observable/of';
|
||
|
|
|
||
|
|
import 'rxjs/add/operator/catch';
|
||
|
|
import 'rxjs/add/operator/do';
|
||
|
|
import 'rxjs/add/operator/exhaustMap';
|
||
|
|
import 'rxjs/add/operator/map';
|
||
|
|
import 'rxjs/add/operator/take';
|
||
|
|
|
||
|
|
import { Member } from '../../model';
|
||
|
|
import { MemberService } from '../../service/member.service';
|
||
|
|
|
||
|
|
import {
|
||
|
|
Signup,
|
||
|
|
SignupSuccess,
|
||
|
|
SignupFailure,
|
||
|
|
ActionType,
|
||
|
|
} from './signup.action';
|
||
|
|
|
||
|
|
@Injectable()
|
||
|
|
export class Effects {
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private actions$: Actions,
|
||
|
|
private memberService: MemberService,
|
||
|
|
private router: Router
|
||
|
|
) { }
|
||
|
|
|
||
|
|
@Effect()
|
||
|
|
signup$: Observable<Action> = this.actions$
|
||
|
|
.ofType(ActionType.Signup)
|
||
|
|
.map((action: Signup) => action.payload)
|
||
|
|
.exhaustMap(member =>
|
||
|
|
this.memberService
|
||
|
|
.signup(member)
|
||
|
|
.map(_member => new SignupSuccess(_member))
|
||
|
|
.catch(error => of(new SignupFailure(error)))
|
||
|
|
);
|
||
|
|
|
||
|
|
@Effect({ dispatch: false })
|
||
|
|
signupSuccess$ = this.actions$
|
||
|
|
.ofType(ActionType.SignupSuccess)
|
||
|
|
.do(() => this.router.navigate(['/']));
|
||
|
|
|
||
|
|
}
|