@angular/material/chips#MatChipsModule TypeScript Examples

The following examples show how to use @angular/material/chips#MatChipsModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: material.module.ts    From App with MIT License 6 votes vote down vote up
modules = [
	MatToolbarModule,
	MatRippleModule,
	MatIconModule,
	MatTooltipModule,
	MatButtonModule,
	MatDividerModule,
	MatFormFieldModule,
	MatInputModule,
	MatCheckboxModule,
	MatProgressSpinnerModule,
	MatProgressBarModule,
	MatPaginatorModule,
	MatDialogModule,
	MatMenuModule,
	MatRadioModule,
	MatDatepickerModule,
	MatNativeDateModule,
	MatExpansionModule,
	MatSelectModule,
	MatBadgeModule,
	MatChipsModule
]
Example #2
Source File: shared.module.ts    From angular-communities with MIT License 6 votes vote down vote up
MATERIAL_MODULES = [
  MatInputModule,
  MatButtonModule,
  MatFormFieldModule,
  MatSelectModule,
  MatIconModule,
  MatCardModule,
  MatToolbarModule,
  MatProgressSpinnerModule,
  MatSnackBarModule,
  MatPaginatorModule,
  MatGridListModule,
  MatSidenavModule,
  MatAutocompleteModule,
  MatDividerModule,
  ScrollingModule,
  MatChipsModule,
  ClipboardModule
]
Example #3
Source File: material-module.ts    From 6PG-Dashboard with MIT License 6 votes vote down vote up
@NgModule({
  exports: [
    ColorPickerModule,
    CdkTableModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatCheckboxModule,
    MatInputModule,
    MatIconModule,
    MatTableModule,
    MatPaginatorModule,
    MatRippleModule,
    MatSortModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSelectModule,
    MatSnackBarModule,
    MatTooltipModule
  ]
})
export class MaterialModule {}
Example #4
Source File: material.module.ts    From capture-lite with GNU General Public License v3.0 6 votes vote down vote up
modules = [
  MatCheckboxModule,
  MatButtonModule,
  MatInputModule,
  MatAutocompleteModule,
  MatDatepickerModule,
  MatFormFieldModule,
  MatRadioModule,
  MatSelectModule,
  MatSliderModule,
  MatSlideToggleModule,
  MatMenuModule,
  MatSidenavModule,
  MatToolbarModule,
  MatListModule,
  MatGridListModule,
  MatCardModule,
  MatStepperModule,
  MatTabsModule,
  MatExpansionModule,
  MatButtonToggleModule,
  MatChipsModule,
  MatIconModule,
  MatProgressSpinnerModule,
  MatProgressBarModule,
  MatDialogModule,
  MatTooltipModule,
  MatSnackBarModule,
  MatTableModule,
  MatSortModule,
  MatPaginatorModule,
  MatBadgeModule,
  MatBottomSheetModule,
]
Example #5
Source File: json-schema-form.module.ts    From json-schema-form with Apache License 2.0 6 votes vote down vote up
@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 { }
Example #6
Source File: app.module.ts    From router with MIT License 6 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,
    MediaDirective,
    SelectUserComponent,
    UserProfileComponent,
    UserListComponent,
    ValueToAsyncValuePipe,
  ],
  imports: [
    BrowserModule,
    CommonModule,
    // material
    MatToolbarModule,
    MatListModule,
    MatIconModule,
    MatButtonModule,
    MatChipsModule,
    MatGridListModule,
    // router
    ComponentRouterModule.forRoot(),
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}
Example #7
Source File: app.module.ts    From router with MIT License 6 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,
    RestrictedComponent,
    HomeComponent,
    UnknownComponent,
  ],
  imports: [
    BrowserModule,
    CommonModule,
    // material
    MatToolbarModule,
    MatButtonModule,
    MatChipsModule,
    // router
    ComponentRouterModule.forRoot(),
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}
Example #8
Source File: app.module.ts    From workflow-editor with Educational Community License v2.0 5 votes vote down vote up
@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 { }
Example #9
Source File: shared.module.ts    From FlexDemo with MIT License 5 votes vote down vote up
@NgModule({
  imports: [
    CommonModule,


    // Navigation
    MatMenuModule, MatSidenavModule, MatToolbarModule,

    // FormControls
    MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule, MatInputModule,
    MatFormFieldModule, MatRadioModule, MatSelectModule, MatSliderModule,
    MatSlideToggleModule, MatSelectModule,
    // Layout
    MatCardModule, MatDividerModule, MatExpansionModule, MatGridListModule,
    MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
    // Buttons
    MatButtonModule, MatButtonToggleModule, MatBadgeModule, MatChipsModule,
    MatIconModule, MatProgressSpinnerModule, MatProgressBarModule, MatRippleModule,

    // Popups & Modals
    MatBottomSheetModule, MatDialogModule, MatSnackBarModule, MatTooltipModule,

    // Datatable
    MatTableModule, MatSortModule, MatPaginatorModule,

    FlexGridModule
  ],
  exports: [
    // CommonModule,

    // // Navigation
    // MatMenuModule, MatSidenavModule, MatToolbarModule,

    // // FormControls
    // MatAutocompleteModule, MatCheckboxModule, MatDatepickerModule, 
    MatInputModule,
    MatFormFieldModule, // MatRadioModule, MatSelectModule, MatSliderModule,
    // MatSlideToggleModule, MatSelectModule,
    // // Layout
    MatCardModule,
    MatDividerModule,
    // MatExpansionModule, MatGridListModule,
    // MatListModule, MatStepperModule, MatTabsModule, MatTreeModule,
    // Buttons
    MatButtonModule,
    // MatButtonToggleModule,
    MatBadgeModule, MatChipsModule,
    //
    MatIconModule,
    MatProgressSpinnerModule,
    MatProgressBarModule, MatRippleModule,

    // Popups & Modals
    // MatBottomSheetModule, MatDialogModule, MatSnackBarModule, 
    MatTooltipModule,

    // Datatable
    MatTableModule, MatSortModule, MatPaginatorModule,

    FlexGridModule

  ],
  declarations: []
})
export class SharedModule { }
Example #10
Source File: shared-material.module.ts    From matx-angular with MIT License 5 votes vote down vote up
@NgModule({
  exports: [
    MatCheckboxModule,
    MatButtonModule,
    MatInputModule,
    MatAutocompleteModule,
    MatDatepickerModule,
    MatFormFieldModule,
    MatRadioModule,
    MatSelectModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatMenuModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatGridListModule,
    MatCardModule,
    MatStepperModule,
    MatTabsModule,
    MatExpansionModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatIconModule,
    MatProgressSpinnerModule,
    MatProgressBarModule,
    MatDialogModule,
    MatTooltipModule,
    MatSnackBarModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatNativeDateModule,
    MatMomentDateModule,
    MatTreeModule,
    MatRippleModule,
    MatBadgeModule,
    MatBottomSheetModule,
    MatDividerModule
  ]
})
export class SharedMaterialModule {}
Example #11
Source File: app.module.ts    From tuxedo-control-center with GNU General Public License v3.0 5 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,
    ProfileManagerComponent,
    SupportComponent,
    ProfileOverviewTileComponent,
    ProfileDetailsEditComponent,
    InfoComponent,
    CpuDashboardComponent,
    GlobalSettingsComponent,
    ShutdownTimerComponent,
    ToolsComponent,
    ChangeCryptPasswordComponent,
    FanGraphComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxElectronModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    ReactiveFormsModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatIconModule,
    MatTableModule,
    MatFormFieldModule,
    MatSelectModule,
    MatButtonModule,
    MatCardModule,
    MatChipsModule,
    MatExpansionModule,
    MatInputModule,
    MatTooltipModule,
    MatCheckboxModule,
    MatDividerModule,
    MatSliderModule,
    MatGridListModule,
    MatStepperModule,
    MatButtonToggleModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MarkdownModule.forRoot(),
    OverlayModule,
    GaugeModule.forRoot(),
    ChartsModule
  ],
  providers: [
    DecimalPipe,
    ThemeService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #12
Source File: app.module.ts    From sdkgen with MIT License 5 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,
    SimpleCallComponent,
    TabNavComponent,
    TabEditorComponent,
    TabHomeComponent,
    FilterPipe,
    ConsoleComponent,
    TypeDetailsComponent,
    DialogAboutComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    MonacoEditorModule,
    BrowserAnimationsModule,
    NgxJsonViewerModule,
    ToastrModule.forRoot(),
    AngularSplitModule,
    HttpClientModule,

    MatButtonModule,
    MatChipsModule,
    MatDialogModule,
    MatIconModule,
    MatMenuModule,
    MatRippleModule,
    MatTableModule,
    MatTabsModule,
    MatTooltipModule,
  ],
  providers: [
    {
      provide: MONACO_PATH,
      useValue: "assets/vs",
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}
Example #13
Source File: material.module.ts    From ngSurvey with MIT License 5 votes vote down vote up
@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 {}
Example #14
Source File: material.module.ts    From open-genes-frontend with Mozilla Public License 2.0 5 votes vote down vote up
@NgModule({
  imports: [
    MatCheckboxModule,
    MatButtonModule,
    MatInputModule,
    MatAutocompleteModule,
    MatDatepickerModule,
    MatFormFieldModule,
    MatRadioModule,
    MatSelectModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatMenuModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatGridListModule,
    MatCardModule,
    MatStepperModule,
    MatTabsModule,
    MatExpansionModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatIconModule,
    MatProgressSpinnerModule,
    MatProgressBarModule,
    MatDialogModule,
    MatTooltipModule,
    MatSnackBarModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatBottomSheetModule,
    MatBadgeModule,
    MatRippleModule,
  ],
  exports: [
    MatCheckboxModule,
    MatButtonModule,
    MatInputModule,
    MatAutocompleteModule,
    MatDatepickerModule,
    MatFormFieldModule,
    MatRadioModule,
    MatSelectModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatMenuModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatGridListModule,
    MatCardModule,
    MatStepperModule,
    MatTabsModule,
    MatExpansionModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatIconModule,
    MatProgressSpinnerModule,
    MatProgressBarModule,
    MatDialogModule,
    MatTooltipModule,
    MatSnackBarModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatBottomSheetModule,
    MatBadgeModule,
  ],
})
export class MaterialModule {}
Example #15
Source File: app.module.ts    From wingsearch with GNU General Public License v3.0 5 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,
    SearchComponent,
    DisplayComponent,
    BonusCardOptionComponent,
    BirdCardComponent,
    BonusCardComponent,
    IconizePipe,
    StatsComponent,
    CardDetailComponent,
    ConsentComponent,
    BirdCardDetailComponent,
    BonusCardDetailComponent,
    TranslatePipe,
    LanguageDialogComponent,
    AnalyticsEventDirective,
    ApplinkDirective,
    SafePipe,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    InfiniteScrollModule,
    MatAutocompleteModule,
    MatButtonModule,
    MatCardModule,
    MatChipsModule,
    MatDialogModule,
    MatExpansionModule,
    MatFormFieldModule,
    MatGridListModule,
    MatIconModule,
    MatInputModule,
    MatSelectModule,
    MatTooltipModule,
    Ng5SliderModule,
    ReactiveFormsModule,
    StoreModule.forRoot({ app: appReducer, router: routerReducer }, {}),
    StoreRouterConnectingModule.forRoot(),
    StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: environment.production }),
    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
    EffectsModule.forRoot([AppEffects]),
  ],
  providers: [
    AnalyticsService,
    CookiesService,
    TranslatePipe,
  ],
  bootstrap: [AppComponent],
  entryComponents: [
    BirdCardDetailComponent,
    BonusCardDetailComponent,
    LanguageDialogComponent,
  ]
})
export class AppModule { }
Example #16
Source File: app.module.ts    From qbit-matUI with MIT License 5 votes vote down vote up
@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 { }
Example #17
Source File: contacts.module.ts    From careydevelopmentcrm with MIT License 5 votes vote down vote up
@NgModule({
  declarations: [
    ContactFormComponent,
    AddContactComponent,
    BasicInfoFormComponent,
    AddressesFormComponent,
    PhonesFormComponent,
    AddressTypeFormComponent,
    PhoneTypeFormComponent,
    ReviewFormComponent,
    EditContactComponent,
    ViewContactsComponent,
    ViewContactComponent,
    ViewContactMenuComponent,
    StatusProgressBarComponent
  ],
  imports: [
    CommonModule,
    FlexLayoutModule,
    MatIconModule,
    MatInputModule,
    MatButtonModule,
    MatProgressSpinnerModule,
    MatSelectModule,
    MatStepperModule,
    MatRadioModule,
    MatExpansionModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatCardModule,
    MatListModule,
    MatAutocompleteModule,
    MatMenuModule,
    MatChipsModule,
    ReactiveFormsModule,
    AlertModule,
    NgxFlagPickerModule,
    ActivitiesModule,
    DealsModule,
    DirectivesModule,
    ValidationModule,
    RouterModule.forChild(routes)
  ]
})

export class ContactsModule { }
Example #18
Source File: material.module.ts    From blockcore-hub with MIT License 4 votes vote down vote up
@NgModule({
    imports: [
        CdkTableModule,
        CdkTreeModule,
        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,
        ClipboardModule],
    exports: [CdkTableModule,
        CdkTreeModule,
        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,
        ClipboardModule],
})
export class MaterialModule {

}
Example #19
Source File: shared.module.ts    From enterprise-ng-2020-workshop with MIT License 4 votes vote down vote up
@NgModule({
  imports: [
    CommonModule,
    FormsModule,

    TranslateModule,

    MatButtonModule,
    MatSelectModule,
    MatTabsModule,
    MatInputModule,
    MatProgressSpinnerModule,
    MatChipsModule,
    MatCardModule,
    MatCheckboxModule,
    MatListModule,
    MatMenuModule,
    MatIconModule,
    MatTooltipModule,
    MatSnackBarModule,
    MatSlideToggleModule,
    MatDividerModule,

    FontAwesomeModule
  ],
  declarations: [
    BigInputComponent,
    BigInputActionComponent,
    RtlSupportDirective
  ],
  exports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,

    TranslateModule,

    MatButtonModule,
    MatMenuModule,
    MatTabsModule,
    MatChipsModule,
    MatInputModule,
    MatProgressSpinnerModule,
    MatCheckboxModule,
    MatCardModule,
    MatListModule,
    MatSelectModule,
    MatIconModule,
    MatTooltipModule,
    MatSnackBarModule,
    MatSlideToggleModule,
    MatDividerModule,
    MatSliderModule,
    MatDatepickerModule,
    MatNativeDateModule,

    FontAwesomeModule,

    BigInputComponent,
    BigInputActionComponent,
    RtlSupportDirective
  ]
})
export class SharedModule {
  constructor(faIconLibrary: FaIconLibrary) {
    faIconLibrary.addIcons(
      faGithub,
      faMediumM,
      faPlus,
      faEdit,
      faTrash,
      faTimes,
      faCaretUp,
      faCaretDown,
      faExclamationTriangle,
      faFilter,
      faTasks,
      faCheck,
      faSquare,
      faLanguage,
      faPaintBrush,
      faLightbulb,
      faWindowMaximize,
      faStream,
      faBook
    );
  }
}
Example #20
Source File: shared.module.ts    From fyle-mobile-app with MIT License 4 votes vote down vote up
@NgModule({
  declarations: [
    AdvanceState,
    InitialsPipe,
    EllipsisPipe,
    HighlightPipe,
    HumanizeCurrencyPipe,
    ReportState,
    SnakeCaseToSpaceCase,
    DateFormatPipe,
    FySelectComponent,
    FySelectModalComponent,
    FySelectVendorComponent,
    FySelectVendorModalComponent,
    FyLocationComponent,
    FyMultiselectComponent,
    FyUserlistComponent,
    FyLocationModalComponent,
    FyMultiselectModalComponent,
    FyUserlistModalComponent,
    FyAlertComponent,
    FyDuplicateDetectionComponent,
    FyDuplicateDetectionModalComponent,
    DelegatedAccMessageComponent,
    CurrencyComponent,
    CommentsHistoryComponent,
    ViewCommentComponent,
    AuditHistoryComponent,
    StatusesDiffComponent,
    FyPreviewAttachmentsComponent,
    FyZeroStateComponent,
    FyPreviewAttachmentsComponent,
    FyPopupComponent,
    FyApproverComponent,
    ApproverDialogComponent,
    FyPreviewAttachmentsComponent,
    FyCategoryIconComponent,
    FyMenuIconComponent,
    FyPolicyViolationInfoComponent,
    FyAddToReportComponent,
    FyAddToReportModalComponent,
    FormButtonValidationDirective,
    FySelectProjectComponent,
    FyProjectSelectModalComponent,
    FyViewAttachmentComponent,
    FyHighlightTextComponent,
    FormatDateDirective,
    ExpenseState,
    FooterComponent,
    FyLoadingScreenComponent,
    FyAlertInfoComponent,
    ReviewFooterComponent,
    NavigationFooterComponent,
    FyConnectionComponent,
    FyCriticalPolicyViolationComponent,
    PopupAlertComponentComponent,
    CreateNewReportComponent,
    ExpensesCardComponent,
    ToastMessageComponent,
    FyHeaderComponent,
    FyDeleteDialogComponent,
    FyFiltersComponent,
    FyFilterPillsComponent,
    ReceiptPreviewThumbnailComponent,
    RouteVisualizerComponent,
    RouteSelectorComponent,
    RouteSelectorModalComponent,
    PolicyViolationDetailsComponent,
    FyViewReportInfoComponent,
    BankAccountCardsComponent,
    BankAccountCardComponent,
    DeleteButtonComponent,
    AddApproversPopoverComponent,
    ExpenseCardLiteComponent,
    BankAccountCardsComponent,
    BankAccountCardComponent,
    DeleteButtonComponent,
    PersonalCardTransactionComponent,
    FyInputPopoverComponent,
    FyPopoverComponent,
    SidemenuComponent,
    SidemenuHeaderComponent,
    SidemenuFooterComponent,
    SidemenuContentComponent,
    SidemenuContentItemComponent,
    FyNavFooterComponent,
    SendEmailComponent,
    CaptureReceiptComponent,
    ReceiptPreviewComponent,
    AddMorePopupComponent,
    CropReceiptComponent,
    FyNumberComponent,
    FyStatisticComponent,
    FySummaryTileComponent,
    ViewExpenseSkeletonLoaderComponent,
    SpentCardsComponent,
    CardDetailComponent,
    MaskNumber,
  ],
  imports: [
    CommonModule,
    IonicModule,
    FormsModule,
    RouterModule,
    ReactiveFormsModule,
    MatInputModule,
    MatFormFieldModule,
    MatIconModule,
    MatCheckboxModule,
    MatButtonModule,
    ReactiveFormsModule,
    PinchZoomModule,
    PdfViewerModule,
    MatRippleModule,
    MatRadioModule,
    MatDatepickerModule,
    MatChipsModule,
    GoogleMapsModule,
    MatChipsModule,
    SwiperModule,
    MatSnackBarModule,
    RouterModule,
    MatBottomSheetModule,
    ImageCropperModule,
  ],
  exports: [
    EllipsisPipe,
    HumanizeCurrencyPipe,
    ReportState,
    DateFormatPipe,
    FySelectComponent,
    FySelectVendorComponent,
    FyLocationComponent,
    FyMultiselectComponent,
    FyUserlistComponent,
    FyAlertComponent,
    FyDuplicateDetectionComponent,
    AdvanceState,
    SnakeCaseToSpaceCase,
    InitialsPipe,
    DelegatedAccMessageComponent,
    IconModule,
    CurrencyComponent,
    CommentsHistoryComponent,
    AuditHistoryComponent,
    StatusesDiffComponent,
    FormButtonValidationDirective,
    MatProgressSpinnerModule,
    FyPreviewAttachmentsComponent,
    FyZeroStateComponent,
    FyPreviewAttachmentsComponent,
    FyPopupComponent,
    FyApproverComponent,
    FyPreviewAttachmentsComponent,
    FyCategoryIconComponent,
    FyMenuIconComponent,
    FyPolicyViolationInfoComponent,
    FyAddToReportComponent,
    FySelectProjectComponent,
    FyProjectSelectModalComponent,
    FyViewAttachmentComponent,
    FyHighlightTextComponent,
    FormatDateDirective,
    ExpenseState,
    FooterComponent,
    FyLoadingScreenComponent,
    FyAlertInfoComponent,
    ReviewFooterComponent,
    NavigationFooterComponent,
    FyConnectionComponent,
    FyCriticalPolicyViolationComponent,
    PopupAlertComponentComponent,
    CreateNewReportComponent,
    ExpensesCardComponent,
    ToastMessageComponent,
    FyHeaderComponent,
    FyDeleteDialogComponent,
    FyFiltersComponent,
    FyFilterPillsComponent,
    ReceiptPreviewThumbnailComponent,
    RouteVisualizerComponent,
    RouteSelectorComponent,
    MatChipsModule,
    PolicyViolationDetailsComponent,
    ExpenseCardLiteComponent,
    BankAccountCardsComponent,
    PersonalCardTransactionComponent,
    FyPopoverComponent,
    SidemenuComponent,
    FyNavFooterComponent,
    SendEmailComponent,
    CaptureReceiptComponent,
    ReceiptPreviewComponent,
    AddMorePopupComponent,
    CropReceiptComponent,
    FyNumberComponent,
    FyStatisticComponent,
    FySummaryTileComponent,
    ViewExpenseSkeletonLoaderComponent,
    SpentCardsComponent,
    CardDetailComponent,
    MaskNumber,
  ],
  providers: [DecimalPipe, DatePipe, HumanizeCurrencyPipe, ImagePicker],
})
export class SharedModule {}
Example #21
Source File: app.module.ts    From attack-workbench-frontend with Apache License 2.0 4 votes vote down vote up
@NgModule({
  declarations: [
    AppComponent,

    HeaderComponent,
    FooterComponent,
    LoadingOverlayComponent,
    ToolbarComponent,
    ResourcesDrawerComponent,
    SubheadingComponent,
    ConfirmationDialogComponent,
    EmptyListMarkerComponent,
    MarkdownViewDialogComponent,
    CollectionImportSummaryComponent,
    SaveDialogComponent,
    AddDialogComponent,
    HistoryTimelineComponent,
    ReferenceManagerComponent,
    ReferenceEditDialogComponent,
    MultipleChoiceDialogComponent,
    ValidationResultsComponent,
    AddRelationshipButtonComponent,
    
    StixListComponent,

    DescriptivePropertyComponent,
    DescriptiveViewComponent,
    DescriptiveEditComponent,
    DescriptiveDiffComponent,
    ExternalReferencesPropertyComponent,
    ExternalReferencesViewComponent,
    ExternalReferencesDiffComponent,
    TimestampPropertyComponent,
    TimestampViewComponent,
    TimestampDiffComponent,
    AttackIDPropertyComponent,
    AttackIDEditComponent,
    AttackIDViewComponent,
    ListPropertyComponent,
    ListEditComponent,
    ListViewComponent,
    VersionPropertyComponent,
    VersionEditComponent,
    VersionViewComponent,
    NamePropertyComponent,
    IconViewComponent,
    
    LandingPageComponent,
    HelpPageComponent,
    AdminPageComponent,
    OrgIdentityPageComponent,

    StixDialogComponent,
    StixPageComponent,
    
    CollectionListComponent,
    CollectionViewComponent,
    CollectionManagerComponent,
    CollectionIndexListComponent,
    CollectionIndexViewComponent,
    CollectionIndexImportComponent,
    CollectionImportComponent,
    CollectionImportReviewComponent,
    CollectionImportErrorComponent,
    // CollectionExportComponent,
    
    RelationshipViewComponent,

    GroupListComponent,
    GroupViewComponent,

    MatrixListComponent,
    MatrixViewComponent,

    MitigationListComponent,
    MitigationViewComponent,

    SoftwareListComponent,
    SoftwareViewComponent,

    TacticListComponent,
    TacticViewComponent,

    TechniqueListComponent,
    TechniqueViewComponent,
    AliasPropertyComponent,
    AliasViewComponent,
    AliasEditComponent,
    AliasEditDialogComponent,
    OrderedListPropertyComponent,
    OrderedListViewComponent,
    OrderedListEditComponent,

    NotesEditorComponent,
    ObjectStatusComponent,
    IdentityPropertyComponent,
    DataSourceViewComponent,
    DataSourceListComponent,
    DataComponentViewComponent
  ],
  imports: [
    BreadcrumbModule,
    MaterialFileInputModule,
    MarkdownModule.forRoot({
      loader: HttpClient, 
    //   toggle this to disable github flavored markdown
    //   markedOptions: {
    //     provide: MarkedOptions,
    //     useValue: {
    //       pedantic: true
    //     }
    //   }
    }),
    LoggerModule.forRoot({
        level: environment.log_level,
        disableConsoleLogging: false
    }),
    PopoverModule,
    NgxJdenticonModule,
    
    BrowserModule,

    AppRoutingModule,
    AppRoutingStixModule,
    HttpClientModule,
    
    BrowserAnimationsModule,

    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatTabsModule,
    MatTooltipModule,
    MatButtonToggleModule,
    MatCardModule,
    MatDividerModule,
    MatStepperModule,
    MatFormFieldModule,
    MatListModule,
    FormsModule, ReactiveFormsModule,
    MatInputModule,
    MatSelectModule,
    MatExpansionModule,
    MatCheckboxModule,
    MatRadioModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatDialogModule,
    MatSnackBarModule,
    MatChipsModule,
    MatDatepickerModule,
    MatNativeDateModule,
    DragDropModule,
    ClipboardModule,

    OverlayModule
  ],
  exports: [
    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatTabsModule,
    MatTooltipModule,
    MatButtonToggleModule,
    MatCardModule,
    MatDividerModule,
    MatStepperModule,
    MatFormFieldModule,
    FormsModule, ReactiveFormsModule,
    MatInputModule,
    MatSelectModule,
    MatExpansionModule,
    MatCheckboxModule,
    MatRadioModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatDialogModule,
    MatSnackBarModule,
    DragDropModule,
    ClipboardModule,

    OverlayModule
  ],
  providers: [
    {
        provide: JDENTICON_CONFIG,
        useValue: {
          lightness: {
            color: [0.35, 0.60],
            grayscale: [0.35, 0.60],
          },
          saturation: {
            color: 0.50,
            grayscale: 0.50,
          },
          backColor: '#0000',
        },
      },
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
Example #22
Source File: app.module.ts    From Smersh with MIT License 4 votes vote down vote up
@NgModule({
  declarations: [
    AddVulnsToHostExternalComponent,
    AppComponent,
    ClientsListComponent,
    ClientsEditComponent,
    ClientsCreateComponent,
    ConclusionComponent,
    EditVulnWithStateComponent,
    ErrorsComponent,
    GenericFormComponent,
    GenericListComponent,
    HomepageComponent,
    HostsEditComponent,
    HostsListComponent,
    ImpactsCreateComponent,
    ImpactsEditComponent,
    ImpactsListComponent,
    LoginComponent,
    MissionMyComponent,
    MissionsCreateComponent,
    MissionsEditComponent,
    MissionSingleComponent,
    MissionsListComponent,
    PopupComponent,
    QueryableInputComponent,
    SideBarComponent,
    UsersCreateComponent,
    UsersEditComponent,
    UsersListComponent,
    VulnsCreateComponent,
    VulnsEditComponent,
    VulnsListComponent,
  ],
  imports: [
    AppRoutingModule,
    BrowserAnimationsModule,
    BrowserModule,
    FormsModule,
    HttpClientModule,
    MatAutocompleteModule,
    MatBadgeModule,
    MatButtonModule,
    MatCardModule,
    MatCheckboxModule,
    MatChipsModule,
    MatDatepickerModule,
    MatDialogModule,
    MatExpansionModule,
    MatFormFieldModule,
    MatIconModule,
    MatInputModule,
    MatListModule,
    MatNativeDateModule,
    MatPaginatorModule,
    MatProgressBarModule,
    MatRadioModule,
    MatSelectModule,
    MatSidenavModule,
    MatSlideToggleModule,
    MatSnackBarModule,
    MatSortModule,
    MatTableModule,
    MatTabsModule,
    MatToolbarModule,
    NgxMatDatetimePickerModule,
    NgxMatTimepickerModule,
    NgxMatNativeDateModule,
    ReactiveFormsModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient],
      },
      defaultLanguage: 'en', // TODO find a correct place to put static constants
    }),
  ],
  providers: [
    ClientsService,
    HostsService,
    HostVulnsService,
    LocaleService,
    MatDatepickerModule,
    MediaObjectsService,
    MediasService,
    MissionsService,
    StepsService,
    ThemeService,
    TypesService,
    UploadsService,
    UsersService,
    VulnTypesService,
    Object.values(QueryableModule).map((m) => m),
    ...interceptors,
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}