import { EchartsDirective } from './components/charts/echarts.directive';
import { APP_CONFIG, BF_CONFIG } from './app-config';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { MaterialModule } from '@angular/material';
import { FlexLayoutModule } from '@angular/flex-layout';

// for @angular/material
import 'hammerjs';

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';
import { BytefliesService } from './services/byteflies/byteflies.service';
import { TableComponent } from './components/table/table.component';
import { ReloadButtonComponent } from './components/reload-button/reload-button.component';
import { BoxesOverviewComponent } from './pages/boxes/boxes-overview.component';
import { BoxAssignmentComponent } from './pages/boxes/box-assignment/box-assignment.component';
import { BoxComponent } from './pages/boxes/box/box.component';
import { LoginComponent } from './auth/login/login.component';
import { ExperimentsComponent } from './pages/experiments/experiments.component';
import { BreadcrumbComponent } from './components/breadcrumb/breadcrumb.component';
import { BoxRecordingComponent } from './pages/boxes/box-recording/box-recording.component';
import { LegendComponent } from './components/legend/legend.component';
import { ApproxTimePipe } from './pipes/approx-time.pipe';

@NgModule({
  declarations: [
    AppComponent,
    TableComponent,
    ReloadButtonComponent,
    BoxesOverviewComponent,
    BoxAssignmentComponent,
    BoxComponent,
    LoginComponent,
    ExperimentsComponent,
    BreadcrumbComponent,
    BoxRecordingComponent,
    LegendComponent,
    EchartsDirective,
    ApproxTimePipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    AppRoutingModule,
    MaterialModule.forRoot(),
    FlexLayoutModule,
  ],
  providers: [
    BytefliesService,
    { provide: APP_CONFIG, useValue: BF_CONFIG }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }