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

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 {Phenomenon} from '../../shared/api/endpoints/models/phenomenon';
import {SensorsService} from '../../shared/api/endpoints/services/sensors.service';
import {ConfirmationService, MenuItem, MessageService} from 'primeng/api';
import {ManagementService} from '../../shared/api/endpoints/services/management.service';
import {InsertUnit} from '../../shared/api/endpoints/models/insert-unit';
import {ToastService} from '../../shared/services/toast.service';
import {map} from 'rxjs/operators';
import {HttpResponse} from '@angular/common/http';
import {AuthService} from '../../auth/services/auth.service';
import {User} from '../../auth/models/user';

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

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

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

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

  setUser(){
    this.authService.getUserState().subscribe(res => {
      if(res){
        this.loggedUser = res;
      }
    });
  }

  getUnits() {
    this.dataService.getData().subscribe(data => {
      this.units = data;
      this.units.forEach(unit => unit.sensors.sort((a, b)  => a.sensorId - b.sensorId));
    }, err => this.toastService.showError(err.error.message));
  }

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

  insertSensorPopup($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: () => {
        // TODO this.processUnitDeletion(unit);
      },
      reject: () => {
        this.toastService.operationRejected();
      },
      key: 'positionDialog'
    });
  }

  processUnitDeletion(insertUnit: InsertUnit) {
    this.managementService.deleteUnit$Response({body: {unit: insertUnit}}).pipe(
      map((response: HttpResponse<any>) => {
        if (response.status === 200) {
          this.toastService.showSuccessMessage(response.body.message);
        } else {
        }
      })
    ).toPromise().then().catch(err => this.toastService.showError(err.error.message));
  }

  showItems($event: any, unit: Unit) {
    $event.stopPropagation();
    this.items = [
      {label: 'Edit unit', icon: 'pi pi-cog', command: () => {
          event.stopPropagation();
          this.editUnitPopup($event, unit);
        }},
      {label: 'Delete unit', icon: 'pi pi-times', command: () => {
          event.stopPropagation();
          this.deleteUnit($event, unit);
        }}
    ]
  }
}