aswi2021codebakers-gitlab/src/app/unit/components/unit.component.ts @ 773d3c89

import {Component, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {AnalyticsService} from '../../shared/api/endpoints/services/analytics.service';
import {tap} from 'rxjs/operators';
import {Sensors} from '../../shared/api/endpoints/models/sensors';
import {AggreationModel} from '../../shared/models/aggreation.model';
import * as moment from 'moment-timezone';
import {GraphLoader} from '../../shared/graph-loading/graphloader';

declare var require: any

@Component({
  selector: 'app-unit',
  templateUrl: './unit.component.html',
  styleUrls: ['./unit.component.scss']
})
export class UnitComponent implements OnInit {

  preselectedSensors: string;
  unitId: number;
  viewCount = 0;
  data;
  sensorGroups = [];
  rangeDates: Date[];
  aggregationFunction: AggreationModel[];
  selectedAggregationFunction: string;

  constructor(
    private activatedRoute: ActivatedRoute,
    private analyticsService: AnalyticsService
  ) {
    this.aggregationFunction = [
      {name: 'Hour', code: 'HOUR'},
      {name: 'Day', code: 'DAY'},
      {name: 'Month', code: 'MONTH'},
      {name: 'Year', code: 'YEAR'}
    ];
  }

  ngOnInit(): void {
/*    this.route.queryParams.subscribe(params => {
      if(params.sensors)  {
        this.preselectedSensors = params.sensors;
      }
    });*/

    this.unitId = parseInt(this.activatedRoute.snapshot.paramMap.get('unitId'), 10);

    this.showGraph()
  }

  showGraph() {
    let agg = 'HOUR';
    let range: Date[] = [moment().subtract(6, 'months').toDate(), moment().toDate()];
    if (this.selectedAggregationFunction) {
      agg = this.selectedAggregationFunction;
    }

    if (this.rangeDates) {
      range = this.rangeDates;
    }

    this.analyticsService.getAnalytics({unit_id: this.unitId, sensor_id: null,
      from: moment(range[0]).format('yyyy-MM-DD HH:mm:ssZ').slice(0, -3),
      to: moment(range[1]).format('yyyy-MM-DD HH:mm:ssZ').slice(0, -3), interval: agg}).pipe(
      tap(data => {
        var objectKeys = Object.keys(data);
        for(const key of objectKeys ) {
          let element = this.createView();
          GraphLoader.getGraph(key, data[key]["data"], data[key]["interval"], element);
        }
      })
    ).subscribe();
  }

  createView() {
    let div = document.createElement("div");
    let name = "view" + this.viewCount;
    div.id = name;
    this.viewCount++;

    let container = document.getElementById("vega_container");
    container.appendChild(div);

    return '#' + name;
  }
}