@angular/cdk/clipboard#ClipboardModule TypeScript Examples
The following examples show how to use
@angular/cdk/clipboard#ClipboardModule.
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: 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 { }
Example #2
| Source File: json-preview-dialog.module.ts From ASW-Form-Builder with MIT License | 6 votes |
|
@NgModule({
imports: [
CommonModule,
MatDialogModule,
ClipboardModule
],
declarations: [
AswJsonPreviewDialog
],
exports: [
AswJsonPreviewDialog
]
})
export class AswJsonPreviewDialogModule { }
Example #3
| Source File: copy.module.ts From ng-ant-admin with MIT License | 6 votes |
|
@NgModule({
declarations: [
CopyComponent
],
imports: [
SharedModule,
CopyRoutingModule,
ClipboardModule
]
})
export class CopyModule { }
Example #4
| Source File: chat.module.ts From onchat-web with Apache License 2.0 | 6 votes |
|
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
ChatPageRoutingModule,
SharedModule,
ActiveClassModule,
ScrollbarModule,
QuillModule,
ClipboardModule,
RippleModule,
SwiperModule,
ForTrackByIdModule
],
declarations: [
ChatPage,
MessageListComponent,
TipsMessageComponent,
ImageMessageComponent,
CardMessageComponent,
VoiceMessageComponent,
BubbleToolbarComponent,
ChatDrawerComponent,
ChatRecorderComponent,
ChatBottomBarComponent,
RichTextEditorComponent,
ImagePreviewerComponent
]
})
export class ChatPageModule { }
Example #5
| Source File: shared.module.ts From angular-communities with MIT License | 6 votes |
|
MATERIAL_MODULES = [ MatInputModule, MatButtonModule, MatFormFieldModule, MatSelectModule, MatIconModule, MatCardModule, MatToolbarModule, MatProgressSpinnerModule, MatSnackBarModule, MatPaginatorModule, MatGridListModule, MatSidenavModule, MatAutocompleteModule, MatDividerModule, ScrollingModule, MatChipsModule, ClipboardModule ]
Example #6
| Source File: swaps.module.ts From rubic-app with GNU General Public License v3.0 | 5 votes |
|
@NgModule({
declarations: [
SwapsFormComponent,
SettingsContainerComponent,
SettingsItComponent,
SettingsBridgeComponent,
SettingsCcrComponent,
TokenAmountInputComponent,
UserBalanceContainerComponent,
CrossChainSwapInfoComponent,
IframeSettingsComponent,
VerticalIframeTokenAmountInputComponent,
CcrPromocodeComponent,
SwapInfoContainerComponent,
InstantTradeSwapInfoComponent,
BridgeSwapInfoComponent,
CrossChainBridgeSwapInfoComponent,
PriceImpactInfoLineComponent,
SwapsSwitcherComponent,
PlatformTokensAmountComponent,
SwapsHeaderComponent
],
exports: [],
imports: [
CommonModule,
SharedModule,
SwapsRoutingModule,
InstantTradeModule,
BridgeModule,
CrossChainModule,
TuiHostedDropdownModule,
TuiDataListModule,
TuiSvgModule,
TuiDropdownControllerModule,
ReactiveFormsModule,
TuiInputModule,
TuiSliderModule,
TuiToggleModule,
TuiInputNumberModule,
TuiTextfieldControllerModule,
InlineSVGModule,
TuiHintModule,
TokensSelectModule,
FormsModule,
TuiLoaderModule,
ClipboardModule,
TuiAccordionModule
],
entryComponents: [
SettingsItComponent,
SettingsBridgeComponent,
SettingsCcrComponent,
IframeSettingsComponent
],
providers: [SwapsService, SuccessTxModalService]
})
export class SwapsModule {}
Example #7
| Source File: shared.module.ts From ng-devui-admin with MIT License | 5 votes |
|
@NgModule({
declarations: [
LoginComponent,
SideSettingsComponent,
HeaderOperationComponent,
HeaderLogoComponent,
SideMenuComponent,
HeaderNoticeComponent,
RegisterComponent,
...COMPONENTS,
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
TranslateModule,
DCommonModule,
AlertModule,
ClipboardModule,
ToastModule,
TooltipModule,
I18nModule,
DaGridModule,
...DEVUI_MODULES,
],
exports: [
CommonModule,
FormsModule,
TranslateModule,
HeaderLogoComponent,
HeaderOperationComponent,
I18nModule,
DaGridModule,
SideMenuComponent,
...DEVUI_MODULES,
...COMPONENTS,
],
})
export class SharedModule {
static forRoot(): ModuleWithProviders<SharedModule> {
return {
ngModule: SharedModule,
providers: [],
};
}
}
Example #8
| Source File: app.module.ts From Angular-Cookbook with MIT License | 5 votes |
|
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, AppRoutingModule, ClipboardModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
Example #9
| 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 { }
Example #10
| Source File: app.module.ts From scion-microfrontend-platform with Eclipse Public License 2.0 | 5 votes |
|
@NgModule({
declarations: [
AppComponent,
AppMenuComponent,
AppListComponent,
AppListItemComponent,
AppDetailsComponent,
CapabilityAccordionPanelComponent,
CapabilityAccordionItemComponent,
RequiredCapabilitiesComponent,
IntentionAccordionPanelComponent,
IntentionAccordionItemComponent,
DependentIntentionsComponent,
FindCapabilitiesComponent,
FilterFieldComponent,
CapabilityFilterResultComponent,
QualifierChipListComponent,
AppNamePipe,
CustomParamMetadataPipe,
],
imports: [
BrowserModule,
BrowserAnimationsModule,
ReactiveFormsModule,
A11yModule,
ClipboardModule,
AppRoutingModule,
SciViewportModule,
SciListModule,
SciAccordionModule,
SciFilterFieldModule,
SciParamsEnterModule,
SciPropertyModule,
SciTabbarModule,
SciFormFieldModule,
SciSashboxModule,
],
providers: [
{
provide: APP_INITIALIZER,
useFactory: providePlatformInitializerFn,
multi: true,
deps: [NgZoneMessageClientDecorator, NgZoneIntentClientDecorator, NgZone],
},
{provide: MessageClient, useFactory: () => Beans.get(MessageClient)},
{provide: IntentClient, useFactory: () => Beans.get(IntentClient)},
{provide: OutletRouter, useFactory: () => Beans.get(OutletRouter)},
{provide: ManifestService, useFactory: () => Beans.get(ManifestService)},
],
bootstrap: [AppComponent],
})
export class AppModule {
}
Example #11
| Source File: mat-module.ts From WowUp with GNU General Public License v3.0 | 5 votes |
|
@NgModule({
exports: [
MatSliderModule,
MatTabsModule,
MatSelectModule,
MatButtonModule,
MatTableModule,
MatSortModule,
MatInputModule,
MatIconModule,
MatSlideToggleModule,
MatProgressBarModule,
MatCheckboxModule,
MatDividerModule,
MatProgressSpinnerModule,
MatMenuModule,
MatRadioModule,
MatTooltipModule,
MatDialogModule,
MatCardModule,
MatSnackBarModule,
MatSidenavModule,
MatListModule,
MatBadgeModule,
ClipboardModule,
ScrollingModule,
MatGridListModule,
MatExpansionModule,
],
imports: [
MatSliderModule,
MatTabsModule,
MatSelectModule,
MatButtonModule,
MatTableModule,
MatSortModule,
MatInputModule,
MatIconModule,
MatSlideToggleModule,
MatProgressBarModule,
MatCheckboxModule,
MatDividerModule,
MatProgressSpinnerModule,
MatMenuModule,
MatRadioModule,
MatTooltipModule,
MatDialogModule,
MatCardModule,
MatSnackBarModule,
MatSidenavModule,
MatListModule,
MatBadgeModule,
ClipboardModule,
ScrollingModule,
MatGridListModule,
MatExpansionModule,
],
})
export class MatModule {}
Example #12
| Source File: json-preview-dialog.spec.ts From ASW-Form-Builder with MIT License | 5 votes |
|
describe('AswJsonPreviewDialog', () => {
let component: AswJsonPreviewDialog;
let fixture: ComponentFixture<AswJsonPreviewDialog>;
const data: any = [
{
icon: 'title',
displayName: 'Header',
controlType: 'header',
subtype: 'h1',
style: 'text-left',
label: 'Header'
}
];
const mockDialogRef = {
close: () => { }
};
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [
AswJsonPreviewDialog
],
imports: [
MatButtonModule,
MatDialogModule,
ClipboardModule
],
providers: [
{ provide: MAT_DIALOG_DATA, useValue: data },
{ provide: MatDialogRef, useValue: mockDialogRef }
]
}).compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(AswJsonPreviewDialog);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should be created', () => {
expect(component).toBeTruthy();
});
it('No calls onNoClick()', () => {
spyOn(component, 'onNoClick');
fixture.detectChanges();
const button = fixture.debugElement.nativeElement.querySelector('#closeDialog');
button.click();
expect(button.textContent).toContain('Close');
expect(component.onNoClick).toHaveBeenCalled();
});
it('Yes calls onYesClick()', () => {
const button = fixture.debugElement.nativeElement.querySelector('#copyData');
expect(button.textContent).toContain('Copy Data');
});
it('dialog should be closed after onNoClick()', () => {
const spy = spyOn(component.dialogRef, 'close').and.callThrough();
component.onNoClick();
fixture.detectChanges();
expect(spy).toHaveBeenCalled();
});
it('dialog should be shows json data', () => {
// const previewData = fixture.debugElement.nativeElement.querySelector('#jsonPreviewContent');
const button = fixture.debugElement.nativeElement.querySelector('#copyData');
expect(button.textContent).toContain('Copy Data');
// expect(previewData.textContent).toEqual(data);
});
});
Example #13
| 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 {}
Example #14
| Source File: material.module.ts From blockcore-hub with MIT License | 4 votes |
|
@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 #15
| Source File: app.module.ts From attack-workbench-frontend with Apache License 2.0 | 4 votes |
|
@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 #16
| Source File: app.module.ts From nuxx with GNU Affero General Public License v3.0 | 4 votes |
|
@NgModule({
declarations: [
AppComponent,
RepoSearchComponent,
DialogDetails,
DialogAddCustom,
HeaderComponent,
CodeViewComponent,
CanvasComponent,
HomeComponent,
ManageProjectDialogComponent,
ManageVolumesDialogComponent,
SpinnerComponent,
CheckCircleComponent,
ConfirmDialogComponent,
NodeComponent,
MarkedPipe,
TruncateTextPipe,
KeyValueComponent,
ManageNetworksDialogComponent,
SideBarComponent,
LoginComponent,
RegistrationComponent,
ManageUserDialogComponent,
CallbackComponent,
ImportDialogComponent,
GlobalDialogComponent,
RecipeComponent,
DialogPublishRecipe,
DialogRecipeDetails,
BuildDialogComponent,
DeployDialogComponent
],
imports: [
BrowserModule,
AppRoutingModule,
BrowserAnimationsModule,
MatSidenavModule,
MatCardModule,
MatFormFieldModule,
MatInputModule,
MatDialogModule,
MatButtonModule,
MatIconModule,
MatSelectModule,
MatTabsModule,
MatButtonToggleModule,
MatProgressSpinnerModule,
MatSliderModule,
MatTooltipModule,
MatCheckboxModule,
MatMenuModule,
MatStepperModule,
MatAutocompleteModule,
DragDropModule,
HighlightModule,
FlexLayoutModule,
FormsModule,
ReactiveFormsModule,
HttpClientModule,
StoreModule.forRoot({ project: projectReducer, globalSpinnerState: globalSpinnerReducer, globalError: globalDialogReducer, globalAppConfiguration: globalConfigurationReducer }),
ClipboardModule,
EffectsModule.forRoot([ProjectEffects]),
AngularSplitModule.forRoot(),
CodemirrorModule
],
providers: [
{
provide: HIGHLIGHT_OPTIONS,
useValue: <HighlightOptions>{
lineNumbers: true,
languages: getHighlightLanguages(),
}
},
{ provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
EventEmitterService,
NodeService,
],
bootstrap: [AppComponent],
})
export class AppModule {}
