diff options
Diffstat (limited to 'ecomp-sdk/portalsdk-tag-lib-test-app/src/app/app.component.ts')
-rw-r--r-- | ecomp-sdk/portalsdk-tag-lib-test-app/src/app/app.component.ts | 57 |
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; + } +} |