@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 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 #17
Source File: material.module.ts    From WiLearning with GNU Affero General Public License v3.0 6 votes vote down vote up 
@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 vote down vote up 
@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 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 #20
Source File: drawer-nav-item.module.ts    From angular-component-library with BSD 3-Clause "New" or "Revised" License 6 votes vote down vote up 
@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 vote down vote up 
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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 vote down vote up 
@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 {}