1 files changed, 57 insertions, 0 deletions
diff --git a/ecomp-sdk/portalsdk-tag-lib-test-app/src/app/app.component.ts b/ecomp-sdk/portalsdk-tag-lib-test-app/src/app/app.component.ts
new file mode 100644
index 00000000..536b1714
--- /dev/null
+++ b/ecomp-sdk/portalsdk-tag-lib-test-app/src/app/app.component.ts
@@ -0,0 +1,57 @@
+import { Component, OnInit } from '@angular/core';
+import { Column, DataTableSettings, ColumnTypes } from 'portalsdk-tag-lib';
+import { AppService } from './shared/services/app.service';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent  implements OnInit{
+  title = 'portalsdk-tag-lib-test-app';
+
+  public users;
+  public settings;
+  public columns : any = [];
+
+  constructor(public appservice: AppService) { }
+
+  ngOnInit() {
+    
+    this.users = [
+      {"id": "1", "name": "Sundar","company": "AT&T","location": "USA"},
+      {"id": "2", "name": "Kishore", "company": "AT&T","location": "USA"},
+      {"id": "3", "name": "Sudarshan","company": "AT&T","location": "India"},
+      {"id": "4", "name": "Jegadeesh","company": "AT&T","location": "India"},
+      {"id": "5", "name": "Muni","company": "AT&T","location": "USA"},
+      {"id": "6", "name": "Dinesh","company": "AT&T","location": "India"},
+      {"id": "7", "name": "Abhay","company": "AT&T","location": "India"}
+    ];
+
+    let list = [];
+    let val1 = {"id":"1","name":"India"};
+    let val2 = {"id":"2","name":"US"};
+    let val3 = {"id":"2","name":"China"};
+    list.push(val1);
+    list.push(val2);
+    list.push(val3);
+
+    //Demonstrating disable feature
+    let column  = new Column("id","ID",ColumnTypes.TEXT, false,list);
+    column.setIsColumnDisabled = true;
+
+    this.columns.push(column);
+    this.columns.push(new Column("name","Name",ColumnTypes.TEXT, true,list));
+    this.columns.push(new Column("company","Company", ColumnTypes.TEXT, false,list));
+    this.columns.push(new Column("location","Location", ColumnTypes.DROPDOWN, true,list));
+
+    this.settings = new DataTableSettings()
+    this.settings.columns = this.columns;
+    this.settings.isPaginationEnabled=true;
+    this.settings.paginationsSize = "5";
+    this.settings.applicationService = this.appservice;
+    this.settings.modalPopupTitle = "Edit"; 
+    this.settings.isServerSidePaginationEnabled=false;  
+    this.settings.isReadOnly = false; 
+  }
+}