import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';
import { NgxUploaderModule } from 'ngx-uploader';
import { NgDatepickerModule } from 'ng2-datepicker';

import { AuthGuardProvider, AuthGuard } from './services/auth-guard.service';
import { AccessGuardProvider, AccessGuard } from './services/access-guard.service';


import { AppSetupComponent } from './components/app-setup';
import { AppTerminalComponent } from './components/app-terminal';
import { AppLoginComponent } from './components/app-login';
import { AppHeaderComponent } from './components/app-header';
import { AppBuildsComponent } from './components/app-builds';
import { AppBuildDetailsComponent } from './components/app-build-details';
import { AppBuildItemComponent } from './components/app-build-item';
import { AppRepositoriesComponent } from './components/app-repositories';
import { AppRepositoryComponent } from './components/app-repository';
import { AppJobComponent } from './components/app-job';
import { AppUserComponent } from './components/app-user';
import { AppTeamComponent } from './components/app-team';
import { AppLogsComponent } from './components/app-logs';
import { AppImagesComponent } from './components/app-images';
import { AppEditorComponent } from './components/app-editor';
import { AppDashboardComponent } from './components/app-dashboard';
import { AppLineChartComponent } from './components/app-line-chart';
import { AppProgressChartComponent } from './components/app-progress-chart';
import { AppSelectboxComponent } from './components/app-selectbox';
import { AppToggleComponent } from './components/app-toggle';

import { EqualValidator } from './directives/equal-validator.directive';
import { SafeHtmlPipe } from './pipes/safe-html.pipe';
import { ToTimePipe } from './pipes/to-time.pipe';

@NgModule({
  imports: [
    RouterModule.forRoot([
      { path: '', pathMatch: 'full', component: AppBuildsComponent, canActivate: [AuthGuard] },
      { path: 'dashboard', component: AppDashboardComponent, canActivate: [AuthGuard] },
      { path: 'build/:id', component: AppBuildDetailsComponent, canActivate: [AuthGuard, AccessGuard] },
      { path: 'job/:id', component: AppJobComponent, canActivate: [AuthGuard, AccessGuard] },
      { path: 'repositories', component: AppRepositoriesComponent, canActivate: [AuthGuard] },
      { path: 'repo/:id', component: AppRepositoryComponent, canActivate: [AuthGuard, AccessGuard] },
      { path: 'team', component: AppTeamComponent, canActivate: [AuthGuard] },
      { path: 'images', component: AppImagesComponent, canActivate: [AuthGuard] },
      { path: 'user/:id', component: AppUserComponent, canActivate: [AuthGuard] },
      { path: 'logs', component: AppLogsComponent, canActivate: [AuthGuard] },
      { path: 'login', component: AppLoginComponent },
      { path: 'setup', component: AppSetupComponent }
    ]),
    CommonModule,
    FormsModule,
    HttpModule,
    NgxUploaderModule,
    NgDatepickerModule
  ],
  declarations: [
    EqualValidator,
    SafeHtmlPipe,
    ToTimePipe,
    AppSetupComponent,
    AppTerminalComponent,
    AppLoginComponent,
    AppHeaderComponent,
    AppBuildsComponent,
    AppBuildDetailsComponent,
    AppBuildItemComponent,
    AppRepositoriesComponent,
    AppRepositoryComponent,
    AppJobComponent,
    AppTeamComponent,
    AppUserComponent,
    AppLogsComponent,
    AppImagesComponent,
    AppEditorComponent,
    AppDashboardComponent,
    AppLineChartComponent,
    AppProgressChartComponent,
    AppSelectboxComponent,
    AppToggleComponent
  ],
  providers: [
    AuthGuardProvider,
    AccessGuardProvider
  ],
  exports: [
    RouterModule,
    CommonModule,
    FormsModule,
    HttpModule,
    NgxUploaderModule,
    NgDatepickerModule
  ]
})
export class AppRoutingModule { }