import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule, XHRBackend, RequestOptions } from '@angular/http';
import { routing } from 'app/app.routing';

import { AppComponent } from 'app/app.component';
import { LoginComponent } from 'app/login/login.component';
import { HeaderComponent } from 'app/header/header.component';
import { FooterComponent } from 'app/footer/footer.component';
import { InspectionListComponent } from 'app/inspection-list/inspection-list.component';
import { InspectionViewComponent } from 'app/inspection-view/inspection-view.component';
import { SliderViewComponent } from 'app/slider-view/slider-view.component';

import { HttpClientModule } from '@angular/common/http';
import { HTTP_INTERCEPTORS } from '@angular/common/http';

import { AuthInterceptor } from 'app/_services/auth-interceptor';

import { httpServiceFactory } from 'app/_factories/customhttp-service.factory';
import { CustomHttpService } from 'app/_services/customhttp.service';
import { AuthGuard } from 'app/_services/auth-guard.service';
import { AlertService } from 'app/_services/alert.service';
import { AuthenticationService } from 'app/_services/authentication.service';
import { InspectionService } from 'app/_services/inspection.service';
import { LocalStorageService } from 'app/_services/local-storage.service';

import { AngularMaterialModule } from 'app/angular-material/angular-material.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';
import { BlockUIModule } from 'ng-block-ui';

import { GroupByPipe } from 'app/_pipes/group-by.pipe';
import { TokenRequestOptions } from 'app/_models/token-request.options';

import { Utilities } from 'app/shared/utils';

import { InspectionSlideToggleComponent } from 'app/inspection-slide-toggle/inspection-slide-toggle.component';
import { InspectionThumbsupComponent } from 'app/inspection-thumbsup/inspection-thumbsup.component';

import { InspectionDatePipe } from 'app/_pipes/inspection-date.pipe';
import { InspectionImageComponent } from 'app/inspection-image/inspection-image.component';

import { Slim } from 'app/inspection-image/slim.angular2';

import { ImageUploadModule } from "angular2-image-upload";

import { PersistenceModule } from "angular-persistence";
import { CreateNewVehicleDialogComponent } from './create-new-vehicle-dialog/create-new-vehicle-dialog.component';

@NgModule({
    declarations: [
        AppComponent,
        LoginComponent,
        InspectionListComponent,
        InspectionViewComponent,
        SliderViewComponent,
        HeaderComponent,
        FooterComponent,
        GroupByPipe,
        InspectionSlideToggleComponent,
        InspectionThumbsupComponent,
        InspectionDatePipe,
        InspectionImageComponent,
        Slim,
        CreateNewVehicleDialogComponent
    ],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        routing,
        BrowserAnimationsModule,
        ToastrModule.forRoot(),
        BlockUIModule,
        AngularMaterialModule,
        ImageUploadModule.forRoot(),
        PersistenceModule,
        HttpClientModule
    ],
    entryComponents: [
        CreateNewVehicleDialogComponent
    ],
    providers: [
        {
            provide: CustomHttpService,
            useFactory: httpServiceFactory,
            deps: [XHRBackend, RequestOptions, AlertService]
        },
        {
            provide: HTTP_INTERCEPTORS,
            useClass: AuthInterceptor,
            multi: true
        },
        AuthGuard,
        AlertService,
        AuthenticationService,
        InspectionService,
        Utilities,
        LocalStorageService
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
     /**
     * Allows for retrieving singletons using `AppModule.injector.get(MyService)`
     * This is good to prevent injecting the service as constructor parameter.
     */
    /** Circular dependency
    static injector: Injector;
    constructor(injector: Injector) {
        AppModule.injector = injector;
    }*/
}