shared.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpModule, Http } from '@angular/http';

//third party
import { TranslateModule, TranslateLoader, TranslateStaticLoader } from 'ng2-translate/ng2-translate';
import { Angular2DataTableModule } from 'angular2-data-table';
import { IDLE_PROVIDERS } from 'ng2-idle/core'; // Import idle providers
import { KEEPALIVE_PROVIDERS } from 'ng2-idle-keepalive/core';


//our custom 
import { ControlsComponent } from '../blocks/controls';
import { SelectizeComponent } from '../blocks/selectize';



@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        Angular2DataTableModule,
        TranslateModule.forRoot({
            provide: TranslateLoader,
            useFactory: (http: Http) => new TranslateStaticLoader(http, '/i18n', '.json'),
            deps: [Http]
        })
    ],
    exports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        TranslateModule,
        Angular2DataTableModule,
        ControlsComponent,
        SelectizeComponent
    ],
    providers: [
        IDLE_PROVIDERS,
        KEEPALIVE_PROVIDERS
    ],
    declarations: [ControlsComponent, SelectizeComponent]
})
export class SharedModule { }