@angular/cdk/drag-drop DragDropModule TypeScript Examples

Source File: card-table-wrap.module.ts From ng-ant-admin with MIT License

6 votes

@NgModule({
  declarations: [CardTableWrapComponent],
    imports: [
        CommonModule,
        ...SHARED_ZORRO_MODULES,
        DirectivesModule,
        DragDropModule
    ],
  exports: [
    CardTableWrapComponent
  ]
})
export class CardTableWrapModule {
}

Source File: gantt.module.ts From ngx-gantt with MIT License

6 votes

@NgModule({
    imports: [CommonModule, DragDropModule],
    exports: [
        NgxGanttComponent,
        NgxGanttTableComponent,
        NgxGanttTableColumnComponent,
        NgxGanttRootComponent,
        NgxGanttBarComponent,
        NgxGanttRangeComponent
    ],
    declarations: [
        NgxGanttComponent,
        NgxGanttTableComponent,
        NgxGanttTableColumnComponent,
        GanttTableComponent,
        GanttMainComponent,
        GanttCalendarComponent,
        GanttLinksComponent,
        NgxGanttBarComponent,
        GanttIconComponent,
        GanttDragBackdropComponent,
        NgxGanttRangeComponent,
        NgxGanttRootComponent,
        IsGanttRangeItemPipe,
        IsGanttBarItemPipe,
        IsGanttCustomItemPipe
    ],
    providers: [
        {
            provide: GANTT_GLOBAL_CONFIG,
            useValue: defaultConfig
        }
    ]
})
export class NgxGanttModule {}

Source File: shared.module.ts From WiLearning with GNU Affero General Public License v3.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    FlexLayoutModule,
    LayoutModule,
    OverlayModule,
    PortalModule,
    DragDropModule,
    ReactiveFormsModule,
    HttpClientModule,
    MaterialComponentsModule
  ],
  exports: [
    CommonModule,
    FormsModule,
    FlexLayoutModule,
    LayoutModule,
    OverlayModule,
    PortalModule,
    DragDropModule,
    ReactiveFormsModule,
    HttpClientModule,
    MaterialComponentsModule
  ]
})
export class SharedModule {}

Source File: selection.module.ts From sba-angular with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        DragDropModule,

        IntlModule,

        BsActionModule,
    ],
    declarations: [
        BsResultsSelector, BsResultSelector, BsSelectionArranger
    ],
    exports: [
        BsResultsSelector, BsResultSelector, BsSelectionArranger
    ],
    providers: [
        {provide: SELECTION_OPTIONS, useValue: defaultSelectionOptions}
    ]
})
export class BsSelectionModule {
}

Source File: baskets.module.ts From sba-angular with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        FormsModule, ReactiveFormsModule,
        DragDropModule,
        RouterModule,

        BsModalModule,
        IntlModule,
        ValidationModule,

        UtilsModule,
        BsSelectionModule,
        BsActionModule
    ],
    declarations: [
        BsEditBasket, BsManageBaskets, BsSelectBasket,
        BsResultBaskets, BsBasketsMenuComponent,
        BsFacetBasketsComponent
    ],
    exports: [
        BsEditBasket, BsManageBaskets, BsSelectBasket,
        BsResultBaskets, BsBasketsMenuComponent,
        BsFacetBasketsComponent
    ],
    providers: [
        {
            provide: BASKET_COMPONENTS,
            useValue: {
                selectBasketModal: BsSelectBasket,
                editBasketModal: BsEditBasket,
                manageBasketsModal: BsManageBaskets
            }
        }
    ]
})
export class BsBasketsModule {
}

Source File: alerts.module.ts From sba-angular with MIT License

6 votes

@NgModule({
    imports: [
        CommonModule,
        FormsModule, ReactiveFormsModule,
        DragDropModule,

        BsModalModule,

        IntlModule,
        ValidationModule,

        UtilsModule,
        BsActionModule
    ],
    declarations: [
        BsEditAlert, BsManageAlerts, BsAlertsMenuComponent, BsAlertMessageComponent
    ],
    exports: [
        BsEditAlert, BsManageAlerts, BsAlertsMenuComponent
    ],
    providers: [
        {
            provide: ALERT_COMPONENTS,
            useValue: {
                editAlertModal: BsEditAlert,
                manageAlertsModal: BsManageAlerts
            }
        },
        {
            provide: WINDOW,
            useFactory: windowFactory
        }
    ]
})
export class BsAlertsModule {
}

Source File: youpez.module.ts From youpez-admin with MIT License

6 votes

MainModules = [
  RouterModule,
  FlexLayoutModule,
  ResizableModule,
  BemModule,
  NgbDropdownModule,
  NgbTooltipModule,
  DragDropModule,
  A11yModule,
  ReactiveFormsModule,
  MatDialogModule,
]

Source File: np-data-grid.module.ts From np-ui-lib with MIT License

6 votes

@NgModule({
  declarations: [NpDataGridComponent, NpFilterTypesPipe, NpSearchColumnsPipe],
  imports: [
    CommonModule,
    FormsModule,
    DragDropModule,
    OverlayModule,
    PortalModule,
    NpDatePickerModule,
    NpDialogModule,
    NpPaginatorModule,
    NpCheckboxModule,
    NpTranslationsModule,
  ],
  exports: [NpDataGridComponent],
  providers: [
    NpFilterService,
    NpGridUtilityService,
    NpODataService,
    NpFileService,
  ],
})
export class NpDataGridModule { }

Source File: app.module.ts From Angular-Cookbook with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    FolderComponent,
    FoldersListComponent,
    FileComponent,
  ],
  imports: [BrowserModule, AppRoutingModule, FontAwesomeModule, DragDropModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

Source File: ex-modal.module.ts From ng-ant-admin with MIT License

6 votes

@NgModule({
  declarations: [
    ExModalComponent
  ],
  imports: [
    SharedModule,
    DragDropModule,
    DragModule,
    NzxModalModule,
    ExModalRoutingModule
  ]
})
export class ExModalModule { }

Source File: setting-drawer.module.ts From ng-ant-admin with MIT License

6 votes

@NgModule({
  declarations: [SettingDrawerComponent],
    imports: [
        SharedModule,
        DragDropModule
    ],
  exports: [
    SettingDrawerComponent
  ],
})
export class SettingDrawerModule {
}

Source File: app.component.spec.ts From ngx-chess-board with MIT License

6 votes

describe('AppComponent', () => {
    beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [FormsModule, DragDropModule],
            declarations: [
                AppComponent,
                SettingsComponent,
                ActionsComponent,
                NgxChessBoardComponent,
                MovesComponent,
                FenComponent,
                PiecePromotionModalComponent,
            ],
        }).compileComponents();
    }));

    it('should create the app', () => {
        const fixture = TestBed.createComponent(AppComponent);
        const app = fixture.debugElement.componentInstance;
        expect(app).toBeTruthy();
    });
});

Source File: json-schema-form.module.ts From json-schema-form with Apache License 2.0

6 votes

@NgModule({
  declarations: [JsonSchemaFormComponent, EditElementDialogComponent, WidgetDirective],
  imports: [
    MatCardModule,
    FlexLayoutModule,
    MatIconModule,
    MatTooltipModule,
    MatTableModule,
    MatTabsModule,
    MatFormFieldModule,
    MatSelectModule,
    MatDatepickerModule,
    MatCheckboxModule,
    MatAutocompleteModule,
    HttpClientModule,
    CommonModule,
    MatInputModule,
    MatNativeDateModule,
    MatButtonModule,
    MatExpansionModule,
    MatMenuModule,
    ReactiveFormsModule,
    MatDialogModule,
    MatChipsModule,
    DragDropModule
  ],
  exports: [JsonSchemaFormComponent],
  providers: [
    // turn off tooltip gestures on mobile: https://github.com/angular/components/issues/4892
    { provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: { touchGestures: 'off' } },
    { provide: EDIT_DIALOG_TOKEN, useValue: EditElementDialogComponent }
  ]

})
export class JsonSchemaFormModule { }

Source File: ngx-chess-board.module.ts From ngx-chess-board with MIT License

6 votes

@NgModule({
    declarations: [NgxChessBoardComponent, PiecePromotionModalComponent],
    imports: [CommonModule, DragDropModule],
    exports: [NgxChessBoardComponent],
})
export class NgxChessBoardModule {
    static forRoot(): ModuleWithProviders<NgxChessBoardModule> {
        return {
            ngModule: NgxChessBoardModule,
            providers: [NgxChessBoardService],
        };
    }
}

Source File: alert-list.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [AlertListComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    QuotaRuleModule,
    QuotaRuleDetailsModule,
    MatMenuModule,
  ],
  exports: [
    AlertListComponent,
  ],
})
export class AlertListModule {
}

Source File: form-builder.module.ts From ASW-Form-Builder with MIT License

6 votes

@NgModule({
    declarations: [
        AswFormBuilder
    ],
    imports: [
        CommonModule,
        FormsModule,
        HttpClientModule,
        ReactiveFormsModule,
        MatDialogModule,
        DragDropModule,
        ClipboardModule,
        MatIconModule,
        AswAutocompleteModule,
        AswButtonModule,
        AswCheckboxModule,
        AswDatepickerModule,
        AswDividerModule,
        AswDrawingModule,
        AswGpsModule,
        AswHeaderModule,
        AswImageModule,
        AswMultiSelectModule,
        AswParagraphModule,
        AswSelectModule,
        AswSignatureModule,
        AswSlideToggleModule,
        AswTextareaModule,
        AswTextboxModule,
        AswRadioButtonModule,
        AswJsonPreviewDialogModule
    ],
    exports: [AswFormBuilder]
})
export class AswFormBuilderModule { }

Source File: items.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [ItemsComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    GotoItemModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    MatCheckboxModule,
  ],
  exports: [
    ItemsComponent,
  ],
})
export class ItemsModule {
}

Source File: queue.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [QueueComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    MatCheckboxModule,
  ],
  exports: [
    QueueComponent,
  ],
})
export class QueueModule {
}

Source File: quota-list.module.ts From VIR with MIT License

6 votes

@NgModule({
  declarations: [QuotaListComponent],
  imports: [
    CommonModule,
    MatTreeModule,
    MatIconModule,
    MatButtonModule,
    MatDialogModule,
    ItemDetailsModule,
    ItemModule,
    MatTooltipModule,
    MatInputModule,
    MatSlideToggleModule,
    MatDividerModule,
    FormsModule,
    DragDropModule,
    ScrollingModule,
    MatButtonToggleModule,
    QuotaRuleModule,
    QuotaRuleDetailsModule,
  ],
  exports: [
    QuotaListComponent,
  ],
})
export class QuotaListModule {
}

Source File: qd-messages-ts.module.ts From qd-messages-ts with GNU Affero General Public License v3.0

5 votes

@NgModule({
  declarations: [

    QDMessagesComponent,
    ChannelComponent,
    MatMenuComponent,

    FsIconComponent,
    ChannelListComponent,
    ChannelSidebarRightComponent,
    ChannelSidebarLeftComponent,
    ChannelParticipantListComponent,
    ChannelSettingsComponent,
    ChannelTabComponent,
    ChannelFavoritesComponent
  ],
  imports: [
  NbSidebarModule,
    CdkTableModule,
    CdkTreeModule,
    NbMenuModule,
    ClipboardModule,
    HttpClientModule,
    MatCardModule,
    MatSelectModule,
    MatButtonModule,
    MatCheckboxModule,
    MatMenuModule,
    CommonModule,
    QuestMessengerJSRoutingModule,
    FontAwesomeModule,
    NbThemeModule,
    NbLayoutModule,
    NbChatModule,
    NbTabsetModule,
    NbEvaIconsModule,
    NbIconModule,
    FormsModule,
    NbContextMenuModule,
    NbDialogModule.forRoot(),
    NbCardModule,
    MatTreeModule,
    DragDropModule,
    MatButtonModule,
   MatCheckboxModule,
   MatInputModule,
   MatFormFieldModule,
   ZXingScannerModule,
   MatSliderModule,
   FlexLayoutModule,
   MatIconModule,
   LinkyModule


  ],
  exports: [
    QDMessagesComponent,
    CdkTableModule,
    MatFormFieldModule,
    MatSelectModule,
    MatTreeModule,
    MatMenuModule,
    ],
  providers: [
  NbDialogService
  ],
  bootstrap: [QDMessagesComponent]
})
export class QDMessagesModule { }

Source File: project.module.ts From jira-clone-angular with MIT License

5 votes

@NgModule({
  declarations: [
    AutofocusDirective,
    ...NavigationComponents,
    ...BoardPageComponents,
    ...IssueUtilComponents,
    ProjectComponent,
    BoardComponent,
    SettingsComponent,
    FullIssueDetailComponent,
    SearchDrawerComponent,
    IssueResultComponent,
    AddIssueModalComponent,
    UserComponent,
    IssueTypeSelectComponent,
    IssuePrioritySelectComponent,
    IssueReporterSelectComponent,
    IssueAssigneesSelectComponent,
    ResizerComponent
  ],
  imports: [
    CommonModule,
    ProjectRoutingModule,
    NzIconModule.forChild(NZ_JIRA_ICONS),
    NzToolTipModule,
    NzModalModule,
    NzDropDownModule,
    NzSelectModule,
    NzNotificationModule,
    NzDrawerModule,
    NzPopoverModule,
    DragDropModule,
    TextFieldModule,
    FormsModule,
    ReactiveFormsModule,
    JiraControlModule,
    ContentLoaderModule,
    QuillModule
  ]
})
export class ProjectModule {}

Source File: saved-queries.module.ts From sba-angular with MIT License

5 votes

@NgModule({
    imports: [
        CommonModule,
        FormsModule, ReactiveFormsModule,
        DragDropModule,

        BsModalModule,

        IntlModule,
        ValidationModule,
        RouterModule,

        BsSelectionModule,
        BsModalModule,
        UtilsModule,
        BsActionModule
    ],
    declarations: [
        BsEditSavedQuery, BsManageSavedQueries,
        BsExportQuery, BsQueryExporter, BsSavedQueriesMenuComponent,
        BsFacetSavedQueries, BsFacetRecentQueries, BsFacetRecentDocuments
    ],
    exports: [
        BsEditSavedQuery, BsManageSavedQueries,
        BsExportQuery, BsQueryExporter, BsSavedQueriesMenuComponent,
        BsFacetSavedQueries, BsFacetRecentQueries, BsFacetRecentDocuments
    ],
    providers: [
        {
            provide: SAVEDQUERY_COMPONENTS,
            useValue: {
                editSavedQueryModal: BsEditSavedQuery,
                manageSavedQueriesModal: BsManageSavedQueries,
                exportSavedQueryModal: BsExportQuery
            }
        }
    ]
})
export class BsSavedQueriesModule {
}

Source File: material.module.ts From ngSurvey with MIT License

5 votes

@NgModule({
  exports: [
    A11yModule,
    ClipboardModule,
    CdkStepperModule,
    CdkTableModule,
    CdkTreeModule,
    DragDropModule,
    MatAutocompleteModule,
    MatBadgeModule,
    MatBottomSheetModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatCardModule,
    MatCheckboxModule,
    MatChipsModule,
    MatStepperModule,
    MatDatepickerModule,
    MatDialogModule,
    MatDividerModule,
    MatExpansionModule,
    MatGridListModule,
    MatIconModule,
    MatInputModule,
    MatListModule,
    MatMenuModule,
    MatNativeDateModule,
    MatPaginatorModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MatRadioModule,
    MatRippleModule,
    MatSelectModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSnackBarModule,
    MatSortModule,
    MatTableModule,
    MatTabsModule,
    MatToolbarModule,
    MatTooltipModule,
    MatTreeModule,
    PortalModule,
    ScrollingModule,
  ]
})
export class MaterialModule {}

Source File: ui.module.ts From radiopanel with GNU General Public License v3.0

5 votes

@NgModule({
	declarations: [
		Components,
		Pipes,
		Modals,
		Directives,
		Forms,
	],
	imports: [
		DragDropModule,
		CommonModule,
		FormsModule,
		RouterModule,
		ReactiveFormsModule,
		MatDialogModule,
		MomentModule,
		NgSelectModule,
		JoditAngularModule,
		TooltipModule,
		DragulaModule,
		NgScrollbarModule,
		OwlDateTimeModule,
		OwlNativeDateTimeModule,
		MonacoEditorModule.forRoot(),
	],
	exports: [
		Components,
		Pipes,
		Modals,
		Directives,
		Forms,
	],
	entryComponents: [
		Modals
	],
	providers: [
		Services,
	],
})
export class UiModule { }

Source File: core.module.ts From radiopanel with GNU General Public License v3.0

5 votes

@NgModule({
	declarations: [
		Components,
		Pages,
		Modals
	],
	imports: [
		TooltipModule,
		BrowserModule,
		AppRoutingModule,
		RouterModule,
		UiModule,
		HttpClientModule,
		DragDropModule,
		BrowserAnimationsModule,
		environment.production ? [] : AkitaNgDevtools.forRoot(),
		AkitaNgRouterStoreModule.forRoot(),
		DragulaModule.forRoot(),
		StoreModule,
		NgScrollbarModule,
		ReactiveFormsModule,
		GridsterModule,
		ToastrModule.forRoot({
			positionClass: 'toast-bottom-right',
			disableTimeOut: false,
			closeButton: true,
			progressBar: true,
			toastComponent: ToastComponent,
			toastClass: 'm-toast',
			iconClasses: {
				error: 'm-toast--error',
				info: 'm-toast--info',
				success: 'm-toast--success',
				warning: 'm-toast--warning'
			}
		}),
		MomentModule,
		JwtModule.forRoot({
			config: {
				tokenGetter
			}
		}),
	],
	providers: [
		{ provide: NG_ENTITY_SERVICE_CONFIG, useValue: { baseUrl: 'https://jsonplaceholder.typicode.com' } },
		{ provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true },
		{ provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true },
		Queries,
		Stores,
		StoreServices,
		Services,
		Guards,
		Interceptors,
	],
	bootstrap: [CoreComponent],
	entryComponents: [
		EntryComponents
	]
})
export class CoreModule { }

Source File: app.module.ts From workflow-editor with Educational Community License v2.0

5 votes

@NgModule({
  declarations: [
    AppComponent,
    UploadWorkflowsDialogComponent,
    DragDropUploadDirective,
    WorkflowListComponent,
    DownloadWorkflowsDialogComponent,
    WorkflowItemComponent,
    OperationItemComponent,
    DefaultOperationListComponent,
    SelectWorkflowsDialogComponent,
    EditOperationComponent,
    EditWorkflowComponent,
    ConditionItemComponent,
    APPLICATION_VALIDATORS,
    ShowErrorComponent,
    SearchPipe
  ],
  imports: [
    BrowserModule,
    Ng2SearchPipeModule,
    AngularSplitModule.forRoot(),
    MonacoEditorModule.forRoot(),
    BrowserAnimationsModule,
    DragDropModule,
    MatToolbarModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    MatChipsModule,
    MatTabsModule,
    MatIconModule,
    MatCardModule,
    MatAutocompleteModule,
    FormsModule,
    ReactiveFormsModule,
    MatBadgeModule,
    MatListModule,
    MatSidenavModule,
    MatButtonToggleModule,
    FlexLayoutModule,
    MatSlideToggleModule,
    MatButtonModule,
    MatProgressSpinnerModule,
    SortablejsModule.forRoot({
      animation: 150,
      group: {
        name: 'shared'
      },
      fallbackOnBody: true,
      swapThreshold: 0.65
    })
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  providers: [],
  bootstrap: [AppComponent],
  entryComponents: [UploadWorkflowsDialogComponent, DownloadWorkflowsDialogComponent, SelectWorkflowsDialogComponent]
})
export class AppModule { }

Source File: components.module.ts From EDA with GNU Affero General Public License v3.0

5 votes

@NgModule({
    imports: [
        CoreModule,
        SharedModule,
        DragDropModule 
    ],
    declarations: [
        EdaBlankPanelComponent,
        EdaDashboardPanelComponent,
        EdaTitlePanelComponent,
        SafeUrlPipe,
        SafeHtmlPipe,
        EdaTableComponent,
        EdaChartComponent,
        EdaKpiComponent,
        ColumnDialogComponent,
        FilterDialogComponent,
        ChartDialogComponent,
        TableDialogComponent,
        PanelChartComponent,
        AlertDialogComponent,
        CumSumAlertDialogComponent,
        EdaMapComponent,
        EdaGeoJsonMapComponent,
        MapEditDialogComponent,
        KpiEditDialogComponent,
        EdaD3Component,
        SankeyDialog,
        TreeMapDialog,
        LinkDashboardsComponent,
        TitleDialogComponent,
        EdaTreeMap,
        EdaScatter,
        ScatterPlotDialog,
        EdaKnobComponent,
        Knob,
        KnobDialogComponent,
        TableGradientDialogComponent,
        EdaFunnelComponent,
        FunnelDialog,
        EdaSunburstComponent,
        SunburstDialogComponent
    ],
    exports: [
        EdaBlankPanelComponent,
        EdaDashboardPanelComponent,
        EdaTitlePanelComponent,
        SafeUrlPipe,
        SafeHtmlPipe,
        EdaTableComponent,
        EdaChartComponent,
        EdaKpiComponent,
        PanelChartComponent,
        EdaMapComponent,
        EdaGeoJsonMapComponent,
        EdaD3Component,
        EdaFunnelComponent,
        LinkDashboardsComponent,
        TitleDialogComponent,
        EdaTreeMap,
        EdaScatter,
        EdaKnobComponent,
        Knob,
        KnobDialogComponent,
        TableGradientDialogComponent,
        FunnelDialog,
        EdaSunburstComponent,
        SunburstDialogComponent
    ],
    entryComponents: [EdaChartComponent, EdaKpiComponent, EdaTableComponent, EdaMapComponent, EdaD3Component, EdaTreeMap, 
                        EdaScatter, EdaKnobComponent, Knob, EdaFunnelComponent,EdaSunburstComponent],
    schemas: [CUSTOM_ELEMENTS_SCHEMA ]
})
export class ComponentsModule { }

Source File: app.module.ts From qbit-matUI with MIT License

5 votes

@NgModule({
  declarations: [
    AppComponent,
    TorrentsTableComponent,
    HomeComponent,
    AddTorrentDialogComponent,
    DeleteTorrentDialogComponent,
    SearchTorrentsComponent,
    GlobalTransferInfoComponent,
    BulkUpdateTorrentsComponent,
    TorrentInfoDialogComponent,
    FileSystemDialogComponent,
    FileSystemTreeExplorerComponent,
    MoveTorrentsDialogComponent,
    SettingsComponent,
    WebUiSettingsComponent,
    DownloadSettingsComponent,
    SpeedSettingsComponent,
    AboutSettingsComponent,
    RssSettingsComponent,
    SuccessSnackbarComponent,
    WarnSnackbarComponent,
    ErrorSnackbarComponent,
    InfoSnackbarComponent,
    DragAndDropFilesDirective,
    RateLimitsDialogComponent,
    ChipLabelComponent,
    StatisticsDialogComponent
  ],
  imports: [
    CdkTreeModule,
    DragDropModule,
    BrowserModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(appRoutes, { relativeLinkResolution: 'legacy' }),
    HttpClientModule,
    MatFormFieldModule,
    MatSortModule,
    MatProgressSpinnerModule,
    MatToolbarModule,
    MatButtonModule,
    ProgressBarModule,
    VirtualScrollerModule,
    TableModule,
    TagModule,
    ContextMenuModule,
    MatIconModule,
    MatTooltipModule,
    MatDialogModule,
    MatFormFieldModule,
    MatInputModule,
    MatCheckboxModule,
    MatCardModule,
    MatSnackBarModule,
    MatDividerModule,
    MatTabsModule,
    MatChipsModule,
    MatListModule,
    MatSlideToggleModule,
    MatMenuModule,
    MatAutocompleteModule,
    MatBadgeModule,
    MatTreeModule,
    MatRippleModule,
    MatRadioModule,
    MatSelectModule,
    FormsModule,
    ReactiveFormsModule
  ],
  providers: [CookieService],
  bootstrap: [AppComponent]
})
export class AppModule { }

Source File: app.module.ts From CloudeeCMS with Apache License 2.0

4 votes

@NgModule({
    declarations: [
        AppComponent,
        FormsComponent,
        FormsInboxComponent,
        FileEditorComponent,
        SubmittedFormComponent,
        FormEditComponent,
        CFInvalidationDialogComponent,
        FeedPublishDialogComponent,
        PubQueueComponent,
        SearchFilterPipe,
        GroupAddDialogComponent,
        UserProfileDialogComponent,
        BulkPublishDialogComponent,
        PackageUploadDialogComponent,
        ImageProfileEditDialogComponent,
        BookmarkEditDialogComponent,
        FeedEditDialogComponent,
        VariableEditDialogComponent,
        NewUserProfileDialogComponent,
        BucketEditDialogComponent,
        IconSelectDialogComponent,
        MyProfileComponent,
        UserListComponent,
        HomeComponent,
        LayoutsComponent,
        LayoutEditComponent,
        PugBlocksComponent,
        PugBlockEditComponent,
        PageEditComponent,
        PagesComponent,
        MTListComponent,
        MTEditComponent,
        PublishLogDialogComponent,
        SettingsComponent,
        UpdaterDialogComponent,
        AboutDialogComponent,
        FileSelectionDialogComponent,
        ListFilesComponent,
        MTTableComponent,
        PublishDialogComponent,
        MTSelectDialogComponent,
        MTContentDialogComponent,
        CFDistEditDialogComponent,
        FileUploadDialogComponent,
        ImgUploadDialogComponent,
        LayoutFieldDialogComponent,
        PasswordChangeDialogComponent,
        GlobalFunctionEditDialogComponent,
        ImportDialogComponent,
        OrderByPipe,
        LoginDialogComponent,
        TreeViewComponent
    ],
    imports: [
        DragDropModule,
        BrowserModule,
        FormsModule,
        HttpClientModule,
        BrowserAnimationsModule,
        MatListModule,
        MatAutocompleteModule,
        MatToolbarModule,
        MatIconModule,
        MatButtonModule,
        MatDialogModule,
        MatInputModule,
        MatSelectModule,
        MatDatepickerModule,
        MatNativeDateModule,
        MatCheckboxModule,
        MatRadioModule,
        MatTabsModule,
        MatTableModule,
        MatPaginatorModule,
        MatGridListModule,
        MatCardModule,
        MatSnackBarModule,
        MatProgressSpinnerModule,
        MatProgressBarModule,
        MatSidenavModule,
        MatMenuModule,
        MatSlideToggleModule,
        NgxTrumbowygModule
    ],
    providers: [
        BackendService,
        FileAdminService,
        FileBrowserService,
        TabsNavService,
        UserLoginService,
        AuthGuard,
        { provide: HTTP_INTERCEPTORS, useClass: MyHttpInterceptor, multi: true },
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

@angular/cdk/drag-drop#DragDropModule TypeScript Examples