import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';
import { TranslateModule } from '@ngx-translate/core';
import { PipesModule } from '../../pipes/pipes.module';
import { DirectivesModule } from '../../directives/directives.module';

import { DownloadManagerPage } from './download-manager.page';
import { NoDownloadsComponent } from './no-downloads/no-downloads.component';
import { DownloadsTabComponent } from './downloads-tab/downloads-tab.component';
import { DownloadsHeaderComponent } from './downloads-tab/downloads-header/downloads-header.component';
import { RouterLinks } from '../app.constant';
import { ComponentsModule } from '../components/components.module';
import { OverflowMenuComponent } from '../profile/overflow-menu/overflow-menu.component';



const routes: Routes = [
  {
    path: '',
    component: DownloadManagerPage
  },
  {
    path: 'no-downloads',
    component: NoDownloadsComponent
  },
  {
    path: 'downloads-tab',
    component: DownloadsTabComponent
  },
  {
    path: 'downloads-header',
    component: DownloadsHeaderComponent
  },
  { path: 'storage-settings', loadChildren: '../storage-settings/storage-settings.module#StorageSettingsPageModule' }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    TranslateModule.forChild(),
    PipesModule,
    DirectivesModule,
    ComponentsModule
  ],
  declarations: [DownloadManagerPage,
    NoDownloadsComponent, DownloadsTabComponent, DownloadsHeaderComponent],
  entryComponents: [OverflowMenuComponent]
})
export class DownloadManagerPageModule { }