File generation features

SetCSVLink() {
  this.status_message.set("Generating please wait ...");
  
  let csv_link = this.backendService.getCSVLink();
  
  csv_link.subscribe({
    next: (p_csv_link: string) => {
      let fileUrl = `${this.configService.getConfigValue('baseUrlNetCore')}${p_csv_link}`;
      let downloadLink_1 = fileUrl;
      
      while (downloadLink_1.indexOf("\"") > -1) 
        downloadLink_1 = downloadLink_1.replace("\"", "");
      
      this.downloadLink = downloadLink_1;
      this.status_message.set("CSV file genetated correctly");
    },
    error: (err: Error) => {
      this.downloadCaption = "";
      this.status_message.set("An error occured generating CSV file. Please try again");
    },
    complete: () => {
      this.downloadCaption = "[Donwload CSV]";
    }
  });
}

// Material table configuration
public csv_dataSource = new MatTableDataSource<PersonEntity>();
public csv_displayedColumns = ['id_Column', 'ciudad', 'nombreCompleto'];

@ViewChild("csv_paginator", {read: MatPaginator}) csv_paginator!: MatPaginator;

// After data fetch
this.csv_dataSource = new MatTableDataSource<PersonEntity>(jsondata);
this.csv_dataSource.paginator = this.csv_paginator;

SetBarChart(): void {
  const statLabels: string[] = [];
  const statData: Number[] = [];
  const statBackgroundColor: string[] = [];
  
  let td_informeLogStat = this.backendService.getLogStatGET();
  
  td_informeLogStat.subscribe({
    next: (rawData: string) => {
      let jsondata = JSON.parse(rawData);
      
      jsondata.forEach((element: JSON, index: number) => {
        statLabels.push(jsondata[index]["pageName"] + " - " + jsondata[index]["ipValue"]);
        statData.push(Number(jsondata[index]["ipValue"]));
        statBackgroundColor.push('rgb('
          + (Number(jsondata[index]["ipValue"]) / 4) + ','
          + (Number(jsondata[index]["ipValue"]) / 3) + ','
          + (Number(jsondata[index]["ipValue"]) / 2) + ')');
      });
    },
    complete: () => {
      const data = {
        labels: statLabels,
        datasets: [{
          label: 'SESSION COUNT',
          data: statData,
          backgroundColor: statBackgroundColor,
          hoverOffset: 4
        }]
      };
      
      let context = this.canvas_xls.nativeElement.getContext('2d');
      
      this.pieChartVar_xls = new Chart(context, {
        type: 'bar',
        data: data,
        options: {
          responsive: true,
          plugins: {
            legend: {
              position: 'top',
            },
            title: {
              display: true,
              text: 'SESSION COUNT'
            }
          }
        }
      });
    }
  });
}

GetPDF(P_fileName: string): void {
  (P_fileName == '[PIE CHART]') 
    ? this.pdf_message_csv.set('[...Generating PDF...]') 
    : this.pdf_message_xls.set('[...Generating PDF...]');
  
  this.pdfService._GetPDF(
    P_fileName,
    (P_fileName == '[PIE CHART]') ? this.canvas_csv : this.canvas_xls,
    (P_fileName == '[PIE CHART]') ? this.divPieChart_CSV : this.divPieChart_xls,
    P_fileName,
  ).subscribe({
    next: (fileName: string) => {
      // PDF generated
    },
    error: (error: Error) => {
      let msg = 'An error occurred : ' + error.message;
      (P_fileName == '[PIE CHART]') 
        ? this.pdf_message_csv.set(msg) 
        : this.pdf_message_xls.set(msg);
    },
    complete: () => {
      let msg = `PDF file generated correctly`;
      (P_fileName == '[PIE CHART]') 
        ? this.pdf_message_csv.set(msg) 
        : this.pdf_message_xls.set(msg);
    }
  });
}