import { HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { NgbAccordionModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
import { NgChartsModule } from 'ng2-charts';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AdminPanelComponent } from './components/admin/admin-panel/admin-panel.component';
import { HeaderComponent } from './components/header/header.component';
import { ServerDataChartComponent } from './components/server-data-chart/server-data-chart.component';
import { ServerMetricsWidgetComponent } from './components/server-metrics-widget/server-metrics-widget.component';
import { ServiceCheckFormComponent } from './components/service-check-form/service-check-form.component';
import { ServiceChecksWidgetComponent } from './components/service-checks-widget/service-checks-widget.component';
import { StatusTimelineWidgetComponent } from './components/status-timeline-widget/status-timeline-widget.component';
import { HomePageComponent } from './pages/home-page/home-page.component';
import { ServerDataPageComponent } from './pages/server-data-page/server-data-page.component';
import { ServiceCheckDetailPageComponent } from './pages/service-check-detail-page/service-check-detail-page.component';

import { BytePipe } from './pipes/byte.pipe';
import { FaByTypePipe } from './pipes/fa-by-type.pipe';
import { ReversePipe } from './pipes/reverse.pipe';
import { StatusColorPipe } from './pipes/status-color.pipe';

@NgModule({
  declarations: [
    AdminPanelComponent,
    AppComponent,
    BytePipe,
    FaByTypePipe,
    HeaderComponent,
    HomePageComponent,
    ReversePipe,
    ServerDataChartComponent,
    ServerDataPageComponent,
    ServerMetricsWidgetComponent,
    ServiceCheckDetailPageComponent,
    ServiceCheckFormComponent,
    ServiceChecksWidgetComponent,
    StatusColorPipe,
    StatusTimelineWidgetComponent
  ],
  imports: [
    AppRoutingModule,
    BrowserModule,
    FontAwesomeModule,
    FormsModule,
    HttpClientModule,
    NgbAccordionModule,
    NgbNavModule,
    NgChartsModule,
    ReactiveFormsModule
  ],
  providers: [{ provide: BytePipe, multi: false }],
  bootstrap: [AppComponent]
})
export class AppModule {}