aswi2021codebakers-gitlab/src/app/dashboard/components/dashboard.component.ts @ 03d22047

import { Component, OnInit } from '@angular/core';
import {Group} from '../../shared/api/endpoints/models/group';
import {Drivers} from '../../shared/api/endpoints/models/drivers';
import {GeneralInfo} from '../../shared/api/endpoints/models/general-info';
import {Lastpos} from '../../shared/api/endpoints/models/lastpos';
import {Sensor} from '../../shared/api/endpoints/models/sensor';
import {Unit} from '../../shared/api/endpoints/models/unit';
import {DataService} from '../../shared/api/endpoints/services/data.service';
import {tap} from 'rxjs/operators';
import {Phenomenon} from '../../shared/api/endpoints/models/phenomenon';
import {SensorsService} from '../../shared/api/endpoints/services/sensors.service';
import {ConfirmationService, ConfirmEventType, MessageService} from 'primeng/api';
import {ManagementService} from '../../shared/api/endpoints/services/management.service';
import {InsertUnit} from '../../shared/api/endpoints/models/insert-unit';

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

  position: 'bottom';
  groups: Group[];
  units: Array<{ drivers?: Drivers; generalInfo?: GeneralInfo; holder?: any; lastpos?: Lastpos; sensors?: Array<Sensor>; unit?: Unit }>;
  showInsertUnitPopup = false;
  editedUnit: Unit;
  showEditUnitPopup = false;
  showInsertSensorPopup = false;
  phenomenons: Phenomenon[];

  constructor(
    private dataService: DataService,
    private sensorService: SensorsService,
    private confirmationService: ConfirmationService,
    private messageService: MessageService,
    private managementService: ManagementService
  ) {
    this.sensorService.getPhenomenons().subscribe(
      response => this.phenomenons = response
    );
  }

  ngOnInit(): void {
    this.getUnits();
  }

  getUnits() {
    this.dataService.getData().pipe(
      tap(data => {
        this.units = data;
        this.units.forEach(unit => unit.sensors.sort((a, b)  => a.sensorId - b.sensorId));
      })
    ).subscribe();
  }

  editUnit($event: MouseEvent, unit: Unit) {
    $event.stopPropagation();
    this.editedUnit = unit;
    this.showEditUnitPopup = true;
  }

  insertUnitPopup() {
    this.showInsertUnitPopup = true;
  }

  getEditedUnit(): Unit {
    return this.editedUnit;
  }

  addSensor($event: any, unit: Unit) {
    $event.stopPropagation();
    this.showInsertSensorPopup = true;
    this.editedUnit = unit;
  }

  deleteUnit($event: any, unit: Unit) {
    $event.stopPropagation();
    this.confirmationService.confirm({
      message: 'Do you want to delete this unit?',
      header: 'Delete Unit Confirmation',
      icon: 'pi pi-info-circle',
      accept: () => {
        console.log('ACCEPTED');
        // TODO this.processUnitDeletion(unit);
        // this.messageService.add({severity:'info', summary:'Confirmed', detail:'Record deleted'});
      },
      reject: () => {
        console.log('REJECTED');
      },
      key: 'positionDialog'
    });
  }

  processUnitDeletion(insertUnit: InsertUnit) {
    this.managementService.deleteUnit({body: {unit: insertUnit}});
  }
}