[portal/sdk.git] /

import { AfterViewInit, Component, OnInit, ViewChild, Input, SimpleChange } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { MatTable } from '@angular/material/table';
import { AllReportsDataSource, AllReportsItem } from './report-list-datasource';
import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';
import { environment } from '../../../../environments/environment';

@Component({
  selector: 'app-all-reports',
  templateUrl: './report-list.component.html',
  styleUrls: ['./report-list.component.css']
})
export class ReportListComponent implements AfterViewInit, OnInit {
  @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
  @ViewChild(MatSort, {static: false} as any) sort: MatSort;
  @ViewChild(MatTable, {static: false} as any) table: MatTable<AllReportsItem>;

  @Input("reportId") reportId1 : string;


  dataSource: AllReportsDataSource;
  finalGETObj : {};
  finalGETObjRowsArr : [][];
  rowArr : {}[];
  reportIdArr : string[];
  toggle : boolean;
  intermediateDisplayedColumns : string[];
  displayedColumns : string[];
  finalRowArr : AllReportsItem[];
  rowObj : any;
  reportId : string;
  toggle1 : boolean;
  showSpinner : boolean;
  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
  // displayedColumns = ['id', 'name'];

  constructor(private _http : HttpClient, private _router : Router){

    this.showSpinner = true;
    this.dataSource = new AllReportsDataSource();
    this.intermediateDisplayedColumns = new Array();


    this.finalGETObj = new Object();

    this.finalGETObj = new Object();
    this.finalGETObjRowsArr = new Array();
    this.rowArr = new Array();
    this.reportIdArr = new Array();
    this.toggle = false;
    this.toggle1 = false;

    this.finalRowArr = new Array();
   

    this._http.get(environment.baseUrl + "raptor.htm?action=report.search.execute&r_page=0")
    .subscribe((responseObj) => {
      this.finalGETObj = responseObj;
      // console.log(responseObj);
      this.finalGETObjRowsArr = this.finalGETObj["rows"];

      let j=0;
      while(this.finalGETObj["columns"][0][j])
      {
        if(this.finalGETObj["columns"][0][j]["columnId"] !== "no")
        {
          this.intermediateDisplayedColumns.push(this.finalGETObj["columns"][0][j]["columnId"]);
        }
        j++;
      }
      //console.log(this.intermediateDisplayedColumns);

      this.displayedColumns = this.intermediateDisplayedColumns;

      let i=0;

      while(this.finalGETObjRowsArr[0][i])
      {
        this.rowArr = this.finalGETObjRowsArr[0][i];
        this.rowObj = new Object();
        let j=0;
        while(this.rowArr[j])
        {
          

          if(this.rowArr[j]["columnId"] === "rep_id")
          {
            this.rowObj["rep_id"] = this.rowArr[j]["searchresultField"]["displayValue"];
            this.reportIdArr.push(this.rowArr[j]["searchresultField"]["displayValue"]);
          }

          if(this.rowArr[j]["columnId"] === "rep_name")
          {
            this.rowObj["rep_name"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "descr")
          {
            this.rowObj["descr"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "owner")
          {
            this.rowObj["owner"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "create_date")
          {
            this.rowObj["create_date"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "copy")
          {
            this.rowObj["copy"] = this.rowArr[j]["searchresultField"]["displayValue"];          }

          if(this.rowArr[j]["columnId"] === "edit")
          {
            this.rowObj["edit"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "delete")
          {
            this.rowObj["delete"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "schedule")
          {
            this.rowObj["schedule"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          if(this.rowArr[j]["columnId"] === "run")
          {
            this.rowObj["run"] = this.rowArr[j]["searchresultField"]["displayValue"];
          }

          
          j++;
        }
        this.finalRowArr.push(this.rowObj);
        i++;
      }

      console.log(this.finalRowArr);
      console.log(this.toggle);
      this.showSpinner = false;

      if(!this.showSpinner)
      {
       this.dataSource.data = this.finalRowArr;

       this.dataSource.sort = this.sort;
    this.dataSource.paginator = this.paginator;
       this.table.dataSource = this.dataSource;
      }
       //[{rep_id: '1', rep_name: 'Hydrogen', descr: 'Hydrogen',owner: 'Hydrogen',create_date: 'Hydrogen',copy: 'Hydrogen',edit: 'Hydrogen',delete: 'Hydrogen',schedule: 'Hydrogen',run: 'Hydrogen' }];
      //this.finalRowArr;

      

      console.log(this.showSpinner);
    });


  }

  ngOnInit() {
      this.toggle = false;  
      //console.log(this.toggle);
  }

  ngAfterViewInit() {
    this.dataSource.sort = this.sort;
    this.dataSource.paginator = this.paginator;
    this.table.dataSource = this.dataSource;
    console.log(this.toggle);
  }

  displayReport(reportId : string)
  {
    // this.toggle = true;
    console.log(reportId, this.toggle);
    this.reportId = reportId;

    this._router.navigate(["v2/reports", "Edit",reportId]);  

    
    
  }

  runReport(reportId : string)
  {
    // this.toggle1 = true;
   
    this.reportId = reportId;

    this._router.navigate(['v2/run', reportId]);

  }

  
}