D-Net

import { Component, OnInit } from '@angular/core';

import { DashboardSection } from './../../shared/models/dashboard-section.interface';

import { DocumentClassification } from './../../shared/models/document-classification.interface';

import { IPowerClient } from './../../shared/models/ipower-client.interface';

import { AuthService } from './../../shared/services/auth.service';

import { DashboardService } from './../../shared/services/dashboard/dashboard.service';

import { IpowerClientsService } from './../../shared/services/administration/ipower-clients.service';

import { DocumentClassificationService } from './../../shared/services/document-classification.service';

import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';

import { PieConfiguration } from './dashboard.configuration';

import { environment } from './../../../environments/environment';

@Component({

  selector: 'app-dashboard',

  templateUrl: './dashboard.component.html',

  styleUrls: ['./dashboard.component.scss']

})

export class DashboardComponent implements OnInit {

  iPowerClients: IPowerClient[] = [];

  selectedIPowerClients: string[] = [];

  dashboardSections: DashboardSection[] = [];

  documentClassifications: DocumentClassification[];

  pieConfiguration = new PieConfiguration();

  constructor(public authService: AuthService,

              private dashboardService: DashboardService,

              private ipowerClientsService: IpowerClientsService,

              private errorHandlingService: ErrorHandlingService,

              private documentClassificationService: DocumentClassificationService) { }

  ngOnInit(): void {

    this.getClientsByUser();

    this.documentClassificationService.getAll().subscribe(docClassifications => {

      this.documentClassifications = docClassifications;

    });

  }

  enrichData(sections) {

    for (let section of sections) {

      const noneOngoing = (section.totalProcesses > 0) ? 0 :

                          (section.totalExceptions > 0) ? 0 :

                          (section.totalUnhandled > 0) ? 0 : 1; 

      section.pie = {

        labels: this.pieConfiguration.sections.find(x => x.type === section.type)?.options?.labels,

        datasets: [

          {

            data: [section.totalProcesses, section.totalExceptions, section.totalUnhandled, noneOngoing],

            backgroundColor: this.pieConfiguration.sections.find(x => x.type === section.type)?.options?.backgroundColor,

            hoverBackgroundColor: this.pieConfiguration.sections.find(x => x.type === section.type)?.options?.hoverBackgroundColor

          }

        ]

      };

      section.selectedElements = 3;

      section.selectedPage = 0;

      section.resultsLoading = false;

    } 

  }

  initializeData(sections) {

    this.enrichData(sections);

    this.dashboardSections = sections;

  }

  patchData(sections, sectionPage, sectionOffset) {

    let newSecs = this.dashboardSections.filter(section => section.type === sections[0].type);

    newSecs[0].type = sections[0].type;

    newSecs[0].totalPages = sections[0].totalPages;

    newSecs[0].totalElements = sections[0].totalElements;

    newSecs[0].aggregatedResults = sections[0].aggregatedResults;

    newSecs[0].selectedElements = sectionOffset;

    newSecs[0].selectedPage = sectionPage;

    newSecs[0].resultsLoading = false;

    this.dashboardSections = this.dashboardSections?.map(obj =>

      newSecs?.find(section =>

        section.type === obj.type

      ) || obj

    );

  }

  evaluateLoading(sectionType, loading) {

    for (let section of this.dashboardSections) {

      if (section.type === sectionType) {

        section.resultsLoading = loading;

      }

      else {

        section.resultsLoading = false;

      }

    }

  }

  setIPowerClientsInStore() {

    const now = new Date()

    const item = {

      value: this.selectedIPowerClients,

      expiry: now.getTime() + environment.dashboardSelectedIpowerClientsStorageTime

    }

    localStorage.setItem('selectedIpowerClients', JSON.stringify(item))

  }

  getStoredIPowerClients() {

    const selectedIpowerClients = localStorage.getItem('selectedIpowerClients')

    if (!selectedIpowerClients) {

      return [];

    }

    const item = JSON.parse(selectedIpowerClients)

	  const now = new Date()

	  if (now.getTime() > item.expiry) {

      localStorage.removeItem(selectedIpowerClients)

      return [];

    }

    return item.value;

  }

  getClientsByUser() {

    this.ipowerClientsService.getClientsByUser()

      .subscribe(clients => {

        this.iPowerClients = clients;

        const storedIPowerClients = this.getStoredIPowerClients();

        let filteredIPowerClients: IPowerClient[] = [];

        let selectedIPowerClients: string[] = [];

        filteredIPowerClients = this.iPowerClients.filter(function (item) {

          return storedIPowerClients.indexOf(item.clientCode) !== -1;

        });

        if (filteredIPowerClients.length > 0) {

          filteredIPowerClients.forEach(function (item) {

            selectedIPowerClients.push(item.clientCode);

          });

          this.selectedIPowerClients = selectedIPowerClients;

        }

        else {

          this.selectedIPowerClients = [];

        }

      }, err => {

        this.errorHandlingService.showHttpResponseError(err);

      }, () => {

        this.getData('', 0, 3);

      });

  }

  getData(sectionType, sectionPage, sectionOffset) {

    this.evaluateLoading(sectionType, true);

    this.dashboardService.getDashboardSections(sectionType, sectionPage, sectionOffset, this.selectedIPowerClients)

      .subscribe(sections => {

        this.setIPowerClientsInStore();

        if (sectionType !== '') {

          this.patchData(sections, sectionPage, sectionOffset);

        }

        else {

          this.initializeData(sections);

        }

      }, err => {

        this.errorHandlingService.showHttpResponseError(err);

      });

  }

  totalElementsChanged(sectionOffset, section) {

    this.getData(section.type, 0, sectionOffset);

    console.log(section);

  }

  paginationEvent(paginationEvent) {

    this.getData(paginationEvent.sectionType, paginationEvent.sectionPage, paginationEvent.sectionOffset);

  }

}