talamaska

#set( $nameparts = $NAME.split("_"))
#set( $namepart = '')
#set( $classname = '')
#foreach( $namepart in $nameparts )
    #set( $classname = $classname + $namepart.substring(0, 1).toUpperCase() + $namepart.substring(1))
#end

class $classname {

    // TODO: add class properties and methods

talamaska

interface CustomOverlayConfig {
 hasBackdropClick?: boolean;
 isCentered?: boolean;
 size?: any;
 top?: string;
}

const DEFAULT_CUSTOM_CONFIG: CustomOverlayConfig = {
 hasBackdropClick: false,
 isCentered: true,

talamaska

import { OverlayRef } from '@angular/cdk/overlay';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Subject } from 'rxjs/Subject';

export class ConfirmationModalOverlayRef {
 public events = new BehaviorSubject<any>(null);
 constructor(private overlayRef: OverlayRef) { }
 public close(): void {
    this.overlayRef.dispose();
 }

talamaska

this.isSuccessSub = this.isSuccess$.subscribe((isSuccess) => {
  if (isSuccess) {
    this.dialogRef.close();
  }
});

talamaska

import {
  Injectable,
  ComponentFactoryResolver,
  ApplicationRef,
  Injector
} from '@angular/core';
import {
  ComponentType,
  Portal,
  ComponentPortal,

talamaska

Making chained API Calls using @ngrx/Effects

Purpose

This recipe is useful for cooking up chained API calls as a result of a single action.

Description

In the below example, a single action called POST_REPO is dispatched and it's intention is to create a new repostiory on GitHub then update the README with new data after it is created.
For this to happen there are 4 API calls necessary to the GitHub API:

1. POST a new repostiry
2. GET the master branch of the new repository
3. GET the files on the master branch

talamaska

import { Store, Action } from '@ngrx/store';
import { Actions, Effect } from '@ngrx/effects';

import { ADD_LINE } from './lines.reducer';
import { INC_PAGE_COUNT } from './pages.reducer';
import { AppState } from './app.store';


@Injectable()
export class LineEffects {

talamaska

  @Effect()
  selectAndLoadStore$: Observable<Action> = this.actions$
    .ofType(storeActions.SELECT_AND_LOAD_STORE)
    .withLatestFrom(this.store.select(ngrx.storeState))
    .map(([action, storeState]) => [action.payload, storeState])
    .switchMap(([storeName, storeState]) => {
      const existsInStore = Boolean(storeState.urlNameMap[storeName]);
      return Observable.if(
        () => existsInStore,
        Observable.of(new storeActions.SetSelectedStore(storeName)),

talamaska

// Nothing changed here, works as previously. 
@Effect() actionX$ = this.updates$
    .ofType('ACTION_X')
    .map(toPayload)
    .switchMap(payload => this.api.callApiX(payload)
        .map(data => ({type: 'ACTION_X_SUCCESS', payload: data}))
        .catch(err => Observable.of({type: 'ACTION_X_FAIL', payload: err}))
    );

talamaska

{
  "name": "admin",
  "version": "1.0.0",
  "scripts": {
    "ng": "ng",
    "yarn": "yarn",
    "e2e:client": "ng e2e --app fw-app",
    "lint:client": "ng lint --app fw-app",
    "test:client": "ng test --app fw-app",
    "build:client": "ng build --app fw-app",