import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MaterialModule } from '../angular-material.module';
import { NgModule } from '@angular/core';
import { TokenAuthenticationService } from './component/shared/token-authentication.service';
import { ClickOutsideDirective } from './component/shared/clicked-outside.directive';
import { OrderBy } from './component/shared/orderby.pipe';
import { RssFormsModule } from '../forms/forms.module';
import { Profile_CONSTANTS, profileConstants } from './component/shared/profile.constants';
import { APIEndPointsService } from './component/shared/api-endpoints.service';
import { FocusDirective } from './component/shared/focus.directive';
import { ViewIframeDialog } from './component/view-iframe/view-iframe.component';
import { MatDialogModule } from '@angular/material/dialog';
import { DialogConfirm } from './component/confirmation-dialog/modal-confirm.component';
import 'rxjs/Observable';

import {
  CollectionComponent,
  CreateDialogComponent,
  CollectionListComponent,
  SafetyCoordinatorComponent,
  CollectionGroupComponent,
  ManageRoleComponent,
  ManageRoleListComponent,
  EditDialogComponent,
  AutoSuggestComponent,
  CreateCollectionComponent
} from './component';


@NgModule({
  declarations: [
    CollectionComponent,
    CreateDialogComponent,
    CollectionListComponent,
    SafetyCoordinatorComponent,
    CollectionGroupComponent,
    ManageRoleComponent,
    ClickOutsideDirective,
    OrderBy,
    ManageRoleListComponent,
    FocusDirective,
    EditDialogComponent,
    AutoSuggestComponent,
    ViewIframeDialog,
    DialogConfirm,
    CreateCollectionComponent
  ],

  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MaterialModule,
    ReactiveFormsModule,
    RssFormsModule,
    MatDialogModule
  ],

  exports: [
    CollectionComponent,
    CreateDialogComponent,
    CollectionListComponent,
    SafetyCoordinatorComponent,
    CollectionGroupComponent,
    ManageRoleComponent,
    ManageRoleListComponent,
    FocusDirective,
    EditDialogComponent,
    AutoSuggestComponent,
    MatDialogModule,
    CreateCollectionComponent
  ],
  providers: [
    APIEndPointsService,
    TokenAuthenticationService,
    ViewIframeDialog,
    DialogConfirm,
    { provide: Profile_CONSTANTS, useValue: profileConstants }
  ],
  entryComponents: [ViewIframeDialog, DialogConfirm]
})

export class ProfileModule { }