import {NgModule} from '@angular/core';
import {RouterModule, Routes} from '@angular/router';
import {CupboardComponent} from './components/cupboard/cupboard.component';
import {DashboardComponent} from './components/dashboard/dashboard.component';
import {LoginComponent} from './components/login/login.component';
import {HomePageComponent} from './components/home-page/home-page.component';
import {FundingBasketComponent} from './components/funding-basket/funding-basket.component';
import {NeedPageComponent} from './components/need-page/need-page.component';
import {SignupComponent} from './components/signup/signup.component';

const routes: Routes = [
    { path: '',          component: HomePageComponent,      title: "Home | JS"      },
    { path: 'login',     component: LoginComponent,         title: "Login | JS"     },
    { path: 'cupboard',  component: CupboardComponent,      title: "Cupboard | JS"  },
    { path: 'dashboard', component: DashboardComponent,     title: "Dashboard | JS" },
    { path: 'basket',    component: FundingBasketComponent, title: "Basket | JS"    },
    { path: 'need/:id',  component: NeedPageComponent,      title: "Need | JS"      },
    { path: 'signup',    component: SignupComponent,        title: "Signup | JS"    },
];

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