aswi2021codebakers-gitlab/src/app/dashboard/components/unit-insert-popup/unit-insert-popup.component.ts @ 6686ea24

import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
import {FormArray, FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
import {InsertUnit} from '../../../shared/api/endpoints/models/insert-unit';
import {InsertSensor} from '../../../shared/api/endpoints/models/insert-sensor';
import {Sensor} from '../../../shared/api/endpoints/models/sensor';
import {ManagementService} from '../../../shared/api/endpoints/services/management.service';

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

  insertForm: FormGroup;
  items: FormArray;


  @Input() phenomenons;
  @Input() isVisible;
  @Output() isVisibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();

  constructor(
    private formBuilder: FormBuilder,
    private managementService: ManagementService
  ) {
    this.initForm();
  }

  ngOnInit(): void {
  }

  close() {
    this.isVisibleChange.emit(false);
  }

  initForm() {
    this.insertForm = this.formBuilder.group({
      unitId: ['', [Validators.required]],
      unitDescription: ['', Validators.required],
      sensors: this.formBuilder.array([this.createSensor()])
    });
  }

  createSensor(): FormGroup {
    return this.formBuilder.group({
      sensorId: '',
      sensorName: '',
      sensorType: '',
      phenomenons: ['']
    });
  }

  addSensor(): void {
    this.items = this.insertForm.get('sensors') as FormArray;
    this.items.push(this.createSensor());
  }

  clearFormArray() {
    const frmArray = this.insertForm?.get('sensors') as FormArray;
    if (frmArray) {
      frmArray.clear();
    }
    this.addSensor();
    this.insertForm.reset();
  }

  processInsertion() {
    if (this.insertForm.valid) {
      const unit: InsertUnit = {
        unit_id: this.insertForm.controls.unitId.value,
        description: this.insertForm.controls.unitDescription.value
      };
      const sensors: InsertSensor[] = [];
      const frmArray = this.insertForm?.get('sensors') as FormArray;

      frmArray.controls.forEach(control => {
        const sensor: InsertSensor = {
          sensor_id: control.get('sensorId').value,
          sensor_name: control.get('sensorName').value,
          sensor_type: control.get('sensorType').value,
          phenomenon: {
            phenomenon_id: control.get('phenomenons').value
          },
        }
        console.log(sensor);
        sensors.push(sensor);
      });

      this.managementService.insertUnit({ body: { unit, sensors}}).toPromise();
    }
  }
}