UIAngular/Client/src/app/app.module.ts

import { EventService } from './services/event.service';
import { GoogleAnalyticsService } from './services/google-analytics.service';
import { WindowRefService } from './services/window-ref.service';
import { EmailService } from './services/email.service';
import { SermonService } from './services/sermon.service';
import { PrintService } from './services/print-service';
import { LoginService } from './services/login.service';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { MatButtonModule, 
         MatInputModule, 
         MatSliderModule, 
         MatSnackBarModule,
         MatDialogModule, 
         MatSelectModule,
         MatOptionModule,
         MatRadioModule,
         MatAutocompleteModule,
         MatCheckboxModule} from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import 'hammerjs';

//Components
import { AppComponent } from './components/app/app.component';
import { MenuComponent } from './components/menu/menu.component';
import { IconButtonComponent } from './components/icon-button/icon-button.component';
import { HomeComponent } from './components/home/home.component';
import { WhoWeAreComponent } from './components/whoweare/whoweare.component';
import { ServicesComponent } from './components/services/services.component';
import { SecondaryPageComponent } from './components/secondary-page/secondary-page.component';
import { RecentSermonsComponent } from './components/recent-sermons/recent-sermons.component';
import { SermonSmallComponent } from './components/sermon-small/sermon-small.component';
import { DateComponent } from './components/date/date.component';
import { UpcomingEventsComponent } from './components/upcoming-events/upcoming-events.component';
import { EventComponent } from './components/event/event.component';
import { SermonsComponent } from './components/sermons/sermons.component';
import { AudioPlayerComponent } from './components/audio-player/audio-player.component';
import { LocationComponent } from './components/location/location.component';
import { SermonLargeComponent } from './components/sermon-large/sermon-large.component';
import { AddSermonPopupComponent } from './components/popups/add-sermon-popup/add-sermon-popup.component';
import { LoginPopupComponent } from './components/popups/login-popup/login-popup.component';
import { InputPopupComponent } from './components/popups/input-popup/input-popup.component';
import { EventsPageComponent } from './components/events-page/events-page.component';
import { AddEventPopupComponent } from './components/popups/add-event-popup/add-event-popup.component';
import { OkPopupComponent } from './components/popups/ok-popup/ok-popup.component';
import { YesNoPopupComponent } from './components/popups/yes-no-popup/yes-no-popup.component';
import { UpdateSermonPopupComponent } from './components/popups/update-sermon-popup/update-sermon-popup.component';
import { ContactPageComponent } from './components/contact-page/contact-page.component';
import { SharePopupComponent } from './components/popups/share-popup/share-popup.component';
import { EventLargeComponent } from './components/event-large/event-large.component';
import { SalvationPageComponent } from './components/salvation-page/salvation-page.component';
import { MediaPageComponent } from './components/media-page/media-page.component';
import { VideoPopupComponent } from './components/popups/video-popup/video-popup.component';

//Directives
import { FadeInOnScrollDirective } from './directives/fade-in-on-scroll.directive';
import { IconDirective } from './directives/icon.directive';

//Pipes
import { DurationPipe } from './pipes/duration.pipe';
import { SafeUrlPipe } from './pipes/safe-url.pipe';
import { OfbDatePipe } from './pipes/ofb-date.pipe';

// Routing
import { AppRoutingModule } from './app-routing.module';
import { CampPageComponent } from './components/camp-page/camp-page.component';
import { MembersPageComponent } from './components/members-page/members-page.component';
import { AddUserPopupComponent } from './components/popups/add-user-popup/add-user-popup.component';
import { UserService } from './services/user.service';
import { TransactionService } from './services/transaction.service';
import { AddTransactionPageComponent } from './components/add-transaction-page/add-transaction-page.component';
import { AddTransactionPopupComponent } from './components/add-transaction-page/add-transaction-popup/add-transaction-popup.component';
import { MissionaryFormPageComponent } from './components/missionary-form-page/missionary-form-page.component';
import { MissionarySupportService } from './services/missionary-support-service';
import { ContributorYearlyReportComponent } from './components/contributor-yearly-report/contributor-yearly-report.component';



@NgModule({
  declarations: [
    AppComponent,
    MenuComponent,    
    IconButtonComponent,
    HomeComponent,
    WhoWeAreComponent,
    ServicesComponent,
    FadeInOnScrollDirective,
    IconDirective,
    SecondaryPageComponent,
    RecentSermonsComponent,
    SermonSmallComponent,
    DateComponent,
    UpcomingEventsComponent,
    EventComponent,
    SermonsComponent,
    AudioPlayerComponent,
    DurationPipe,
    LocationComponent,
    SermonLargeComponent,
    AddSermonPopupComponent,
    LoginPopupComponent,
    OkPopupComponent,
    InputPopupComponent,
    YesNoPopupComponent,
    UpdateSermonPopupComponent,
    ContactPageComponent,
    SharePopupComponent,
    SafeUrlPipe,
    EventsPageComponent,
    AddEventPopupComponent,
    EventLargeComponent,
    OfbDatePipe,
    SalvationPageComponent,
    MediaPageComponent,
    VideoPopupComponent,
    CampPageComponent,
    MembersPageComponent,
    AddUserPopupComponent,
    AddTransactionPageComponent,
    AddTransactionPopupComponent,
    MissionaryFormPageComponent,
    ContributorYearlyReportComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    //Angular Material Components
    MatButtonModule,
    MatSelectModule,
    MatOptionModule,
    MatInputModule,
    MatSliderModule,
    MatSnackBarModule,
    MatDialogModule,
    MatAutocompleteModule,
    MatRadioModule,
    MatCheckboxModule
  ],
  providers: [LoginService,PrintService,UserService,GoogleAnalyticsService,SermonService,TransactionService,EventService,EmailService,MissionarySupportService,WindowRefService],
  entryComponents: [AddSermonPopupComponent,
                    LoginPopupComponent,
                    OkPopupComponent,
                    InputPopupComponent,
                    YesNoPopupComponent,
                    UpdateSermonPopupComponent,
                    SharePopupComponent,
                    AddEventPopupComponent,
                    AddUserPopupComponent,
                    VideoPopupComponent,
                    AddTransactionPopupComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }