import { NgModule } from '@angular/core';
import { NgStaffHomeComponent } from './ng-staff-home/ng-staff-home.component';

import { AppRoutingModule } from './app-routing.module';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule} from '@angular/platform-browser/animations';
import { TopManuComponent } from './top-manu/top-manu.component';
import { SearchNFilterComponent } from './search-n-filter/search-n-filter.component';
import { OrganizationListComponent } from './organization-list/organization-list.component';
import { StaffListComponent } from './staff-list/staff-list.component';
import { LoginHistoryListComponent } from './login-history-list/login-history-list.component';
import { OrganizationChartComponent } from './organization-chart/organization-chart.component';
import { OrganizationComponent } from './organization/organization.component';
import { OrganizationChartItemComponent } from './organization-chart-item/organization-chart-item.component';
import { LoggedTimeComponent } from './logged-time/logged-time.component';
import { StaffManagementComponent } from './staff-management/staff-management.component';
import { TabMenuModule } from 'primeng/tabmenu';
import { TableModule} from 'primeng/table';
import { HttpClientModule } from '@angular/common/http';
import { HttpModule } from '@angular/http';
import { DropdownModule} from 'primeng/dropdown';
import { AccordionModule} from 'primeng/accordion';
import { PanelModule} from 'primeng/panel';
import { ButtonModule} from 'primeng/button';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { DynamicDialogModule } from 'primeng/dynamicdialog';
import { TabViewModule } from 'primeng/tabview';
import { InputTextModule } from 'primeng/inputtext';
import { ScrollPanelModule} from 'primeng/scrollpanel';
import { ChartModule, TooltipModule, DragDropModule, ListboxModule, OverlayPanelModule, MessagesModule, MessageModule, FileUploadModule, MessageService } from 'primeng/primeng';
import { NewOrganisationComponent } from './new-organisation/new-organisation.component';
import { OrganizationDetailComponent } from './organization-detail/organization-detail.component';
import { QuillEditorModule } from 'ngx-quill-editor';
import { LocalisationComponent } from './localisation/localisation.component';
import { InputSwitchModule } from 'primeng/inputswitch';
import { RolesComponent } from './roles/roles.component';
import { StaffActivityListComponent } from './staff-activity-list/staff-activity-list.component';
import { StaffEventCalendarComponent } from './staff-event-calendar/staff-event-calendar.component';
import { FullCalendarModule} from 'primeng/fullcalendar';
import { StaffReviewComponent } from './staff-review/staff-review.component';
import {OrderListModule} from 'primeng/orderlist';
import {CardModule} from 'primeng/card';
import {InputTextareaModule} from 'primeng/inputtextarea';
import {MenuModule} from 'primeng/menu';
import { AutoCompleteModule} from 'primeng/autocomplete';
import { NewStaffComponent } from './new-staff/new-staff.component';
import { StaffSocialComponent } from './staff-social/staff-social.component';
import { SocialMediaComponent } from './social-media/social-media.component';
import { PlacesLivedComponent } from './places-lived/places-lived.component';
import { PermissionsComponent } from './permissions/permissions.component';
import { StaffPermissionComponent } from './staff-permission/staff-permission.component';
import {ToastModule} from 'primeng/toast';
import { FamilyRelationshipComponent } from './family-relationship/family-relationship.component';
import {CalendarModule} from 'primeng/calendar';
import { StaffLifeEventsComponent } from './staff-life-events/staff-life-events.component';
import { StaffProfileComponent } from './staff-profile/staff-profile.component';
import {OrganizationChartModule} from 'primeng/organizationchart';
import { StaffAdditionalAccessComponent } from './staff-additional-access/staff-additional-access.component';
import {CheckboxModule} from 'primeng/checkbox';
import { PreferencesComponent } from './preferences/preferences.component';
import {DialogModule} from 'primeng/dialog';
import {MultiSelectModule} from 'primeng/multiselect';

import { NavBarComponent } from './Navigation/nav-bar/nav-bar.component';
import { FooterComponent } from './Navigation/footer/footer.component';
import { SideMenuComponent } from './Navigation/side-menu/side-menu.component';
import { ErrorComponent } from './error/error/error.component';
import { RouterModule } from '@angular/router';



import { StakeholderOverviewFeatureComponent } from './stakeholder-overview-feature/stakeholder-overview-feature.component';
import { DatePipe } from '@angular/common';
import { TruncateModule } from '@yellowspot/ng-truncate';
import { StaffDashboardComponent } from './dashboard/staff-dashboard/staff-dashboard.component';
import { CommonDashboardComponent } from './dashboard/common-dashboard/common-dashboard.component';
import { StakeholderAccessDashboardComponent } from './stakeholder-access-dashboard/stakeholder-access-dashboard.component';

@NgModule({
  declarations: [
    NgStaffHomeComponent,
    TopManuComponent,
    SearchNFilterComponent,
    OrganizationListComponent,
    StaffListComponent,
    LoginHistoryListComponent,
    OrganizationChartComponent,
    OrganizationChartItemComponent,
    OrganizationComponent,
    LoggedTimeComponent,
    StaffManagementComponent,
    NewOrganisationComponent,
    OrganizationDetailComponent,
    LocalisationComponent,
    RolesComponent,
    StaffActivityListComponent,
    StaffEventCalendarComponent,
    StaffReviewComponent,
    StaffSocialComponent,
    SocialMediaComponent,
    PlacesLivedComponent,
    NewStaffComponent,
    PermissionsComponent,
    StaffPermissionComponent,
    FamilyRelationshipComponent,
    StaffLifeEventsComponent,
    StaffProfileComponent,
    StaffAdditionalAccessComponent,
    PreferencesComponent,
    SideMenuComponent,
    NavBarComponent,
    FooterComponent,
    ErrorComponent,
    StakeholderAccessDashboardComponent,
    StakeholderOverviewFeatureComponent,
    
    CommonDashboardComponent,
    StaffDashboardComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    TabMenuModule,
    TableModule,
    HttpClientModule,
    HttpModule,
    DropdownModule,
    FormsModule,
    ReactiveFormsModule,
    DynamicDialogModule,
    TabViewModule,
    InputTextModule,
    AccordionModule,
    PanelModule,
    ButtonModule,
    ScrollPanelModule,
    ChartModule,
    QuillEditorModule, // for richtext box
    InputSwitchModule,
    OrderListModule,
    InputTextareaModule,
    TooltipModule,
    DragDropModule,
    ListboxModule,
    MenuModule,
    AutoCompleteModule,
    FullCalendarModule,
    OverlayPanelModule,
    ToastModule,
    CalendarModule,
    OrganizationChartModule,
    CheckboxModule,
    CalendarModule,
    CardModule,
    DialogModule,
    MessagesModule,
    MessageModule,
    FileUploadModule,
    MultiSelectModule,
    TruncateModule 
  ],
  entryComponents:[
    // register components open in dialog boxes
    NewOrganisationComponent,
    NewStaffComponent,
    PermissionsComponent,
    StaffAdditionalAccessComponent
  ],
  providers: [MessageService,DatePipe],
  bootstrap: [NgStaffHomeComponent]
})
export class NgStaffManagementModule { }