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; 
  }
}