@angular/material/core#MatRippleModule TypeScript Examples

The following examples show how to use @angular/material/core#MatRippleModule. 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: prikklok.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  declarations: [PrikklokComponent],
  imports: [
    CommonModule,
    FormsModule,
     
    ReactiveFormsModule,
    MatAutocompleteModule,
    MatButtonModule,
    MatFormFieldModule,
    MatRippleModule,
    MatInputModule,
    PrikklokRoutingModule,
    MatCheckboxModule,
    MatSelectModule,
    MatDatepickerModule,
    MatNativeDateModule

  ]
})
export class PrikklokModule { }

Example #2

Source File: personal-cards-matched-expenses.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    PersonalCardsMatchedExpensesPageRoutingModule,
    MatInputModule,
    MatFormFieldModule,
    MatButtonModule,
    MatRadioModule,
    FormsModule,
    ReactiveFormsModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatIconModule,
    MatButtonModule,
    MatCheckboxModule,
    MatBottomSheetModule,
    MatSnackBarModule,
    SharedModule,
    MatCheckboxModule,
  ],
  declarations: [PersonalCardsMatchedExpensesPage, ExpensePreviewComponent, ExpensePreviewShimmerComponent],
})
export class PersonalCardsMatchedExpensesPageModule {}

Example #3

Source File: team-advance.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    TeamAdvancePageRoutingModule,
    MatRippleModule,
    SharedModule,
    MatSelectModule,
    MatFormFieldModule,
    MatInputModule,
    FormsModule,
    ReactiveFormsModule,
    MatMenuModule,
    MatButtonModule,
  ],
  declarations: [TeamAdvancePage, TeamAdvCardComponent],
})
export class TeamAdvancePageModule {}

Example #4

Source File: team-reports.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    TeamReportsPageRoutingModule,
    SharedModule,
    MatIconModule,
    MatFormFieldModule,
    MatInputModule,
    MatButtonModule,
    MatRadioModule,
    ReactiveFormsModule,
    MatRippleModule,
    MatNativeDateModule,
    MatDatepickerModule,
  ],
  declarations: [
    TeamReportsPage,
    TeamReportCardComponent,
    TeamReportsSortFilterComponent,
    TeamReportsSearchFilterComponent,
  ],
})
export class TeamReportsPageModule {}

Example #5

Source File: view-team-advance.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    ViewTeamAdvancePageRoutingModule,
    MatIconModule,
    MatButtonModule,
    MatRippleModule,
    SharedModule,
  ],
  declarations: [ViewTeamAdvancePage, AdvanceActionsComponent],
})
export class ViewTeamAdvancePageModule {}

Example #6

Source File: view-team-report.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    ViewTeamReportPageRoutingModule,
    MatIconModule,
    MatButtonModule,
    MatRippleModule,
    SharedModule,
    MatFormFieldModule,
    MatSnackBarModule,
  ],
  declarations: [ViewTeamReportPage, ViewTeamReportEtxnCardComponent, ShareReportComponent],
})
export class ViewTeamReportPageModule {}

Example #7

Source File: setup-account.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SetupAccountPageRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatButtonModule,
  ],
  declarations: [SetupAccountPage, SelectCurrencyComponent],
})
export class SetupAccountPageModule {}

Example #8

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

6 votes

@NgModule({
  declarations: [
    RippleComponent
  ],
  imports: [
    SharedModule,
    MatRippleModule,
    ColorPickerModule,
    RippleRoutingModule,

  ]
})
export class RippleModule { }

Example #9

Source File: accounting.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  declarations: [AccountingComponent],
  providers: [AccountingService],
  imports: [
    FormsModule,
    CommonModule,

    BsDropdownModule,    
    ButtonsModule.forRoot(),
    AccountingRoutingModule,

    FormsModule,
    MatAutocompleteModule, MatDividerModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatRippleModule,
    MatSelectModule
  ]
})
export class AccountingModule { }

Example #10

Source File: layout.module.ts From nghacks with MIT License

6 votes

@NgModule({
  declarations: [
    LayoutComponent,
    ProgressbarComponent,
    SidenavComponent,
    TopnavComponent,
    NoticeComponent
  ],
  imports: [
    CommonModule,
    RouterModule,
    FlexLayoutModule,
    MatSidenavModule,
    MatIconModule,
    MatToolbarModule,
    MatButtonModule,
    MatRippleModule,
    MatTooltipModule,
    MatProgressBarModule
  ],
  exports: [
    LayoutComponent
  ]
})
export class LayoutModule { }

Example #11

Source File: profile.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  bootstrap: [ 
    ProfileComponent,

  ],
  declarations: [ProfileComponent],
  providers:[ProfileService],
  imports: [
    CommonModule,
    BsDropdownModule,
    ButtonsModule,
    ProfileRoutingModule,

    MatAutocompleteModule,
    MatDividerModule,
    MatButtonModule,
    MatFormFieldModule,
    MatRippleModule,
    MatInputModule,
    MatCheckboxModule,
    MatSelectModule
  ]
})
export class ProfileModule { }

Example #12

Source File: project.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  bootstrap: [ 
    ProjectComponent,
    ProjectidComponent,
    ProjectnewComponent,
    TasknewComponent,
    EditprojectComponent,
    EdittaskComponent
  ],
  declarations: [
    ProjectComponent,
    ProjectidComponent,
    ProjectnewComponent,
    TasknewComponent, 
    EditprojectComponent,
    EdittaskComponent
  ],
  imports: [
    CommonModule,
    FormsModule,
    ProjectRoutingModule,
    DataTablesModule,
    ReactiveFormsModule,

    MatAutocompleteModule,
    MatDividerModule,
    MatButtonModule,
    MatFormFieldModule,
    MatRippleModule,
    MatInputModule,
    MatCheckboxModule,
    MatSelectModule

  ]
})
export class ProjectModule { }

Example #13

Source File: reports.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  bootstrap: [ 
    ReportsComponent
  ],
  declarations: [ReportsComponent],
  providers:[ReportsService],
  imports: [
    CommonModule,
    BsDropdownModule,
    ButtonsModule,
    ReportsRoutingModule,

    MatAutocompleteModule,
    MatDividerModule,
    MatButtonModule,
    MatFormFieldModule,
    MatRippleModule,
    MatInputModule,
    MatCheckboxModule,
    MatSelectModule
  ]
})
export class ReportsModule { }

Example #14

Source File: users.module.ts From muino-time-management with GNU General Public License v3.0

6 votes

@NgModule({
  declarations: [UsersComponent, UserIdComponent],
  providers: [UsersService],
  imports: [
    FormsModule,
    ReactiveFormsModule,
    UsersRoutingModule,
    BsDropdownModule,
    ButtonsModule.forRoot(),
    CommonModule,
    DataTablesModule,

    
    MatAutocompleteModule,
    MatDividerModule,
    MatButtonModule,
    MatFormFieldModule,
    MatRippleModule,
    MatInputModule,
    MatCheckboxModule,
    MatSelectModule
  ] 
  
})
export class UsersModule { }

Example #15

Source File: theme.module.ts From digital-bank-ui with Mozilla Public License 2.0

6 votes

@NgModule({
  imports: [RouterModule, CommonModule, MatRippleModule, ...NB_MODULES],
  exports: [CommonModule, MatRippleModule, ...PIPES, ...COMPONENTS],
  declarations: [...COMPONENTS, ...PIPES],
})
export class ThemeModule {
  static forRoot(): ModuleWithProviders<ThemeModule> {
    return {
      ngModule: ThemeModule,
      providers: [
        ...NbThemeModule.forRoot(
          {
            name: 'default',
          },
          [ DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME, MATERIAL_LIGHT_THEME, MATERIAL_DARK_THEME ],
        ).providers,
      ],
    };
  }
}

Example #16

Source File: material-module.ts From 6PG-Dashboard with MIT License

6 votes

@NgModule({
  exports: [
    ColorPickerModule,
    CdkTableModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatChipsModule,
    MatCheckboxModule,
    MatInputModule,
    MatIconModule,
    MatTableModule,
    MatPaginatorModule,
    MatRippleModule,
    MatSortModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSelectModule,
    MatSnackBarModule,
    MatTooltipModule
  ]
})
export class MaterialModule {}

Example #17

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

6 votes

@NgModule({
  exports: [
    MatSelectModule,
    MatAutocompleteModule,
    MatCardModule,
    MatCheckboxModule,
    MatDatepickerModule,
    MatDialogModule,
    MatGridListModule,
    MatIconModule,
    MatListModule,
    MatMenuModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MatButtonModule,
    MatButtonToggleModule,
    MatSidenavModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatSnackBarModule,
    MatTabsModule,
    MatToolbarModule,
    MatTooltipModule,
    MatRadioModule,
    MatInputModule,
    MatRippleModule,
    MatDividerModule,
    MatExpansionModule,
    MatTableModule,
    MatPaginatorModule,
    MatSortModule,
    MatBadgeModule
  ]
})
export class MaterialComponentsModule {}

Example #18

Source File: my-reports.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    MyReportsPageRoutingModule,
    MatInputModule,
    MatFormFieldModule,
    MatButtonModule,
    MatRadioModule,
    FormsModule,
    ReactiveFormsModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatIconModule,
    SharedModule,
  ],
  declarations: [MyReportsPage, MyReportsCardComponent, MyReportsSearchFilterComponent, MyReportsSortFilterComponent],
})
export class MyReportsPageModule {}

Example #19

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

6 votes

modules = [
	MatToolbarModule,
	MatRippleModule,
	MatIconModule,
	MatTooltipModule,
	MatButtonModule,
	MatDividerModule,
	MatFormFieldModule,
	MatInputModule,
	MatCheckboxModule,
	MatProgressSpinnerModule,
	MatProgressBarModule,
	MatPaginatorModule,
	MatDialogModule,
	MatMenuModule,
	MatRadioModule,
	MatDatepickerModule,
	MatNativeDateModule,
	MatExpansionModule,
	MatSelectModule,
	MatBadgeModule,
	MatChipsModule
]

Example #20

Source File: drawer-nav-item.module.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
    declarations: [DrawerNavItemComponent],
    imports: [
        MatTooltipModule,
        CommonModule,
        InfoListItemModule,
        MatIconModule,
        MatDividerModule,
        MatRippleModule,
        MatExpansionModule,
    ],
    exports: [DrawerNavItemComponent],
})
export class DrawerNavItemModule {}

Example #21

Source File: _module.stories.ts From angular-component-library with BSD 3-Clause "New" or "Revised" License

6 votes

storiesOf(`${COMPONENT_SECTION_NAME}/Info List Item`, module)
    .addDecorator(
        moduleMetadata({
            imports: [InfoListItemModule, MatRippleModule, ChannelValueModule, UtilModule],
        })
    )
    .addDecorator(withKnobs)
    // @accessibility
    .addDecorator(withA11y)
    .addDecorator(storyWrapper())
    .addDecorator(infoListItemWrapper())
    .addParameters({
        ...STORY_PARAMS,
        notes: { markdown: getReadMe('InfoListItem.md') },
    })
    .add(README_STORY_NAME, getReadMeStory)
    .add(WITH_MIN_PROPS_STORY_NAME, withBasicConfig)
    .add('with subtitle', withSubtitle)
    .add('with icon', withIcon)
    .add('with status', withStatus)
    .add('with left content', withLeftContent)
    .add('with right content', withRightContent)
    .add(WITH_FULL_CONFIG_STORY_NAME, withFullConfig)
    .add('within a full list', withinList);

Example #22

Source File: switch-org.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SwitchOrgPageRoutingModule,
    MatFormFieldModule,
    MatInputModule,
    MatListModule,
    MatRippleModule,
    SharedModule,
  ],
  declarations: [SwitchOrgPage, ActiveOrgCardComponent, OrgCardComponent],
})
export class SwitchOrgPageModule {}

Example #23

Source File: add-edit-expense.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    MatIconModule,
    AddEditExpensePageRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatCheckboxModule,
    SharedModule,
    PinchZoomModule,
    PdfViewerModule,
    MatButtonModule,
    MatSnackBarModule,
  ],
  declarations: [
    AddEditExpensePage,
    FyCurrencyComponent,
    FyCurrencyChooseCurrencyComponent,
    FyCurrencyExchangeRateComponent,
    PolicyViolationComponent,
    CameraOptionsPopupComponent,
    MatchTransactionComponent,
    SuggestedDuplicatesComponent,
  ],
})
export class AddEditExpensePageModule {}

Example #24

Source File: add-edit-per-diem.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    AddEditPerDiemPageRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatCheckboxModule,
    SharedModule,
    MatSnackBarModule,
  ],
  declarations: [
    AddEditPerDiemPage,
    FyCurrencyComponent,
    FyCurrencyChooseCurrencyComponent,
    FyCurrencyExchangeRateComponent,
    PolicyViolationComponent,
  ],
})
export class AddEditPerDiemPageModule {}

Example #25

Source File: ccc-classify-actions.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    CccClassifyActionsPageRoutingModule,
    SharedModule,
    MatRippleModule,
    MatButtonModule,
  ],
  declarations: [CccClassifyActionsPage, MatchExpensePopoverComponent],
})
export class CccClassifyActionsPageModule {}

Example #26

Source File: corporate-card-expenses.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    CorporateCardExpensesPageRoutingModule,
    MatInputModule,
    MatFormFieldModule,
    MatButtonModule,
    MatRadioModule,
    FormsModule,
    ReactiveFormsModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatIconModule,
    SharedModule,
  ],
  declarations: [
    CorporateCardExpensesPage,
    CorporateCardExpenseCardComponent,
    CorporateCardExpensesSearchFilterComponent,
    CorporateCardExpensesSortFilterComponent,
  ],
})
export class CorporateCardExpensesPageModule {}

Example #27

Source File: dashboard.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    DashboardPageRoutingModule,
    MatExpansionModule,
    SharedModule,
    MatIconModule,
    MatRippleModule,
    MatTabsModule,
    MatBottomSheetModule,
    MatSnackBarModule,
    SwiperModule,
  ],
  declarations: [DashboardPage, StatsComponent, StatBadgeComponent, TasksComponent, TasksCardComponent],
  providers: [DashboardService],
})
export class DashboardPageModule {}

Example #28

Source File: delegated-accounts.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    DelegatedAccountsPageRoutingModule,
    SharedModule,
    MatRippleModule,
    MatFormFieldModule,
    MatInputModule,
  ],
  declarations: [DelegatedAccountsPage],
})
export class DelegatedAccountsPageModule {}

Example #29

Source File: merge-expense.module.ts From fyle-mobile-app with MIT License

6 votes

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    MergeExpensePageRoutingModule,
    ReactiveFormsModule,
    MatIconModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatDatepickerModule,
    MatNativeDateModule,
    MatCheckboxModule,
    SharedModule,
    PinchZoomModule,
    PdfViewerModule,
    MatButtonModule,
    MatSnackBarModule,
  ],
  declarations: [
    MergeExpensePage,
    CardTransactionPreviewComponent,
    GenericFieldsFormComponent,
    CategoryDependentFieldsFormComponent,
    CustomInputsFieldsFormComponent,
  ],
})
export class MergeExpensePageModule {}