diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts')
-rw-r--r-- | ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts new file mode 100644 index 00000000..49f51ce1 --- /dev/null +++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-button/rdp-button.component.ts @@ -0,0 +1,31 @@ +import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core'; + +@Component({ + selector: 'rdp-button', + styleUrls: ['./rdp-button.component.css'], + template: ` + <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">{{text}}</button> + ` +}) +export class RdpButtonComponent implements OnInit { + + @Output() rdpClick = new EventEmitter<any>(); + @Input() isDisabled:boolean = false; + @Input() text = "Button Name"; + + constructor() { } + + ngOnInit() { + } + + emitClickEvent(){ + this.rdpClick.emit(); + } + + +// Usage Example 1: +// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=true ></rdp-button> +// Example 2: +// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [isDisabled]=false ></rdp-button> + +} |