opt-cc/static/src/app/users/users.routing.ts

import {RouterModule, Routes} from '@angular/router';
import {EditUserComponent} from './edit-user/edit-user.component';
import {UserListComponent} from './user-list/user-list.component';
import {AwardUserComponent} from './award-user/award-user.component';
import {ModuleWithProviders} from '@angular/core';
import {UserItemComponent} from './user-list/user-item.component';
import {UsersComponent} from './users.component';

export const usersRoutes: Routes = [
  {
    path: '',
    component: UsersComponent,
  },
  {
    path: '',
    component: UserListComponent,
    outlet: 'left'
  },
  {
    path: 'new',
    component: EditUserComponent,
    outlet: 'right'
  },
  {
    path: 'edit/:id',
    component: EditUserComponent,
    outlet: 'right'
  },
  {
    path: 'award/:id',
    component: AwardUserComponent,
    outlet: 'right'
  }
];

export const usersRouterModule: ModuleWithProviders = RouterModule.forChild(usersRoutes);

export const usersRoutingComponents = [UsersComponent, UserItemComponent, UserListComponent, EditUserComponent,
  AwardUserComponent];