app.states.ts

import {AppComponent} from "./app.component";
import {FOO_STATES} from "./foo/foo.states";
import {BAR_STATES} from "./bar/bar.states";
import {Ng2StateDeclaration} from "ui-router-ng2/ng2/interface";

/**
 * This file exports all the application states as an array.
 *
 * It imports foo and bar nested states from foo/foo.states.ts and bar/bar.states.ts.
 * It defines the top-level states (MAIN_STATES).
 *
 * Then, it builds and exports an array with all the states.
 */

// The top level states
let MAIN_STATES: Ng2StateDeclaration[] = [
    // The top-level app state. This state fills the root
    // <ui-view></ui-view> (defined in index.html) with the AppComponent
    { name: 'app', component: AppComponent }
];

// Combine MAIN_STATES, FOO_STATES, and BAR_STATES and export them.
// This array is imported in bootstrap/router.config.ts, then each state is registered
export let INITIAL_STATES: Ng2StateDeclaration[] =
    MAIN_STATES.concat(FOO_STATES).concat(BAR_STATES);