SFM-Broker/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AuthComponent } from './auth/auth.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { AuthGuard } from './service/auth-guard.service';
import { TransactionListComponent } from './transaction-list/transaction-list.component';
import { TransactionComponent } from './transaction/transaction.component';
import {ListAllLoansComponent} from './list-all-loans/list-all-loans.component';
import {LoanEditComponent} from './loan-edit/loan-edit.component';
import {LenderUploadsComponent} from './lender-uploads/lender-uploads.component';
import {BrokerLoanListComponent} from './broker-loan-list/broker-loan-list.component';
import {BrokerRewardComponent} from './broker-reward/broker-reward.component';
import {BrokerProfileComponent} from './broker-profile/broker-profile.component';
import {ClientLoanListComponent} from './client-loan-list/client-loan-list.component';
import {ClientProfileComponent} from './client-profile/client-profile.component';
import {E403Component} from './e403/e403.component';


const routes: Routes = [
  {path : '', component: DashboardComponent, canActivate: [AuthGuard]},
  {path : 'dashboard', component: DashboardComponent, canActivate: [AuthGuard] },
  {path : 'login', component: AuthComponent},
  {path : 'transaction', component: TransactionComponent, canActivate: [AuthGuard]},
  {path : 'transaction-list', component: TransactionListComponent, canActivate: [AuthGuard]},
  {path : 'list-all-loans', component: ListAllLoansComponent,  canActivate: [AuthGuard]},
  {path : 'edit-loan/:id', component: LoanEditComponent,  canActivate: [AuthGuard]},
  {path : 'edit-loan', component: LoanEditComponent,  canActivate: [AuthGuard]},
  {path : 'uploads', component: LenderUploadsComponent,  canActivate: [AuthGuard]},
  {path : 'uploads/:id', component: LenderUploadsComponent,  canActivate: [AuthGuard]},
  {path : 'broker-loan-list', component: BrokerLoanListComponent, canActivate: [AuthGuard] },
  {path : 'broker-reward', component: BrokerRewardComponent, canActivate: [AuthGuard] },
  {path : 'broker-profile', component: BrokerProfileComponent,  canActivate: [AuthGuard]},
  {path : 'client-loan-list', component: ClientLoanListComponent, canActivate: [AuthGuard] },
  {path : 'client-profile', component: ClientProfileComponent, canActivate: [AuthGuard] },
  {path : 'e403', component: E403Component, },
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {useHash: true} )],
  exports: [RouterModule]
})
export class AppRoutingModule {

}