import { BrowserModule } from '@angular/platform-browser';
import { NgModule, forwardRef } from '@angular/core';
import { FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
import { RouterModule, Routes, Router } from '@angular/router';
//import {DataTableModule } from 'angular-4-data-table-bootstrap-4';
import { DataTableModule } from "angular2-datatable";

//import { OrganisationTableFilterPipe } from './pipes/organisation-table-filter.pipe';

import { AppComponent } from './app.component';
import { RestBase } from './services/rest-base';
import { DynamicFormComponent } from './form/dynamic-form.component';
import { DynamicFormFieldComponent } from './form/fields/dynamic-form-field.component';
import { ServerService } from './services/server.service';
import { GlobalVariables } from './services/global-variables.service';
import { TokenService, TokenProvider } from './services/login/token.service';
import { LocalStorageService } from 'ngx-webstorage';
import { dataModelBuilder } from './services/dataModelBuilder.service';
import { DynamicFormGroupComponent } from './form/dynamic-form-group/dynamic-form-group.component';
import { AppRoutingModule }        from './app-routing.module';
import { AuthGuard } from './guards/auth.guard';
import { PageNotFoundComponent }   from './not-found.component';
import { EmptyComponent }    from './empty.component';
import { TocComponent } from './form/tableOfContents/toc.component';
import { ConfirmationComponent } from './widgets/confirmation/confirmation.component';


import { PaginationService } from './services/pagination.service';
import { EestoreService } from './services/eestore.service';
import { GlobalInterceptor } from './services/interceptor';


import { TabModule } from './tabs/tab.module';
import { AngularDraggableModule } from 'angular2-draggable';

import { BreadcrumbService } from './services/breadcrumb.service';
import { NativeLoginService } from './services/login/native-login.service';
import { GooggleSignInComponent } from './login/googgle-sign-in/googgle-sign-in.component';
import { MainSignInComponent } from './login/main-sign-in/main-sign-in.component';
import { NguiAutoCompleteModule } from '@ngui/auto-complete';

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

import {BreadcrumbModule,MenuItem} from 'primeng/primeng';

import { CommonModule }   from '@angular/common';

import { DatasetTableFilterPipe } from './pipes/dataset-table-filter.pipe';
import { DatasetStatusFilterPipe } from './pipes/dataset-status-filter.pipe';
import { DatasetsComponent }  from './datasets/dataset.component';


import { DmpComponent }  from './dmps/dmp.component';
import { DmpTableFilterPipe } from './pipes/dmp-table-filter.pipe';
import { DmpStatusFilterPipe } from './pipes/dmp-status-filter.pipe';
import { DmpVersionFilterPipe } from './pipes/dmp-version-filter.pipe';


import { ProjectTableFilterPipe } from './pipes/project-table-filter.pipe';
import { ProjectsComponent }  from './projects/projects.component';
import { ProjectDetailComponent } from './projects/project.detail';
import { ModalComponent } from './modal/modal.component';
import { NgDatepickerModule } from 'ng2-datepicker';

import { StatusToString } from './pipes/various/status-to-string';
import { SidebarModule } from 'ng-sidebar';
import { UserWorkspaceComponent } from './user-workspace/user-workspace.component';
import { AutocompleteRemoteComponent } from './form/fields/autocomplete-remote/autocomplete-remote.component';

import { Ng4LoadingSpinnerModule } from 'ng4-loading-spinner';




@NgModule({
  declarations: [
    AppComponent,
    DynamicFormComponent,
    DynamicFormFieldComponent,
    DynamicFormGroupComponent,
    TocComponent,
    GooggleSignInComponent,
    MainSignInComponent,
    PageNotFoundComponent,
    EmptyComponent,
    ModalComponent,
    ProjectDetailComponent,
    ProjectsComponent,
    DmpComponent,
    DatasetsComponent,
    UserWorkspaceComponent,
    ConfirmationComponent,
    AutocompleteRemoteComponent,

    ProjectTableFilterPipe, 
    DmpVersionFilterPipe, 
    DmpStatusFilterPipe, 
    DmpTableFilterPipe,
    DatasetTableFilterPipe, 
    DatasetStatusFilterPipe, 
    StatusToString
  ],
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    FormsModule,
    HttpModule,
    HttpClientModule,
    TabModule,
    CommonModule,
    AppRoutingModule,
    AngularDraggableModule,
    DataTableModule,
    NgDatepickerModule,
    Ng4LoadingSpinnerModule,
    NguiAutoCompleteModule,
    BreadcrumbModule,
    SidebarModule.forRoot()
    
  ],
  providers: [{
                  provide: HTTP_INTERCEPTORS,
                  useClass: GlobalInterceptor,
                  multi: true,
              },
              ServerService, BreadcrumbService, dataModelBuilder, GlobalVariables, AuthGuard, PaginationService, TokenService, LocalStorageService, RestBase, EestoreService,NativeLoginService
            ],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor() {
  }
}