Added RDP Library

added RDP Library

Issue-ID: PORTAL-826
Change-Id: If00af4c55b568bb4e41c789b6b18749d8bc96858
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

1 files changed, 36 insertions, 0 deletions

diff --git a/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.ts b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.ts
new file mode 100644
index 00000000..225f739d
--- /dev/null
+++ b/ecomp-sdk/portalsdk-tag-library/projects/portalsdk-tag-lib/src/lib/rdp/rdp-cell-editor/rdp-icon-button/rdp-icon-button.component.ts
@@ -0,0 +1,36 @@
+import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';
+
+@Component({
+  selector: 'rdp-icon-button',
+  styleUrls: ['./rdp-icon-button.component.css'],
+  template: `
+  <button type="button" class="btn btn-primary" (click)="emitClickEvent()" [disabled]="isDisabled">
+  <i class="{{icon}}"></i>
+  {{text}}
+  </button>
+`
+})
+export class RdpIconButtonComponent implements OnInit {
+
+  @Output() rdpClick = new EventEmitter<any>();
+  @Input() isDisabled:boolean = false;
+  @Input() text = "Button Name";
+  @Input() icon : string;
+
+  
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  emitClickEvent(){
+    this.rdpClick.emit();
+  }
+  
+// Example usage: ( Needs Testing: )
+// ==================================
+// <rdp-button [text]="'SUBMIT'" (rdpClick)="editMyFiles(Object)" [icon]="'icon ion-md-person-add'" [isDisabled]=true></rdp-button>
+// Note: Ensure the text and icon strings are enslosed in this formt : "' <<YOUR TEXT>> '"
+ 
+
+}