import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule } from '@angular/forms'; // <-- NgModel lives here

import { AppComponent } from './app.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { AlbumComponent } from './album/album.component';
import { ArtistComponent } from './artist/artist.component';
import { GenreComponent } from './genre/genre.component';
import { SongTableComponent } from './song-table/song-table.component';
import { TopPlayedComponent } from './top-played/top-played.component';

import { TsService } from './ts-service/ts.service';
import { TsAlbumService } from './ts-service/ts-album.service';
import { TsArtistService } from './ts-service/ts-artist.service';

import { AppRoutingModule } from './app-routing.module';

import { ConvertMsPipe } from './pipes/convertms.pipe';
import { ConvertMoreExactPipe } from './pipes/convert-more-exact.pipe';
import { SortByPipe } from './pipes/sort-by.pipe';
import { ConvertSizeToStringPipe } from './pipes/convert-size-to-string.pipe';
import { RoundPipe } from './pipes/round.pipe';
import { AlbumsComponent } from './albums/albums.component';
import { ToSortComponent } from './to-sort/to-sort.component';

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [
    BrowserModule,
    HttpClientModule,
    FormsModule,
    AppRoutingModule,
    NgbModule
  ],
  declarations: [
    AppComponent,
    DashboardComponent,
    AlbumComponent,
    AlbumsComponent,
    ArtistComponent,
    GenreComponent,
    SongTableComponent,
    ConvertMsPipe,
    ConvertMoreExactPipe,
    SortByPipe,
    ConvertSizeToStringPipe,
    TopPlayedComponent,
    RoundPipe,
    ToSortComponent
  ],
  providers: [
    TsService,
    TsAlbumService,
    TsArtistService
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }