aswi2021codebakers-gitlab/src/app/dashboard/components/unit-insert-popup/unit-insert-popup.component.html @ a3ae1cab

<p-dialog [visible]="isVisible" [closable]="false" [draggable]="false" header="Add unit!" [style]="{width: '50vw'}" [baseZIndex]="10000" (onShow)="clearFormArray()">

  <form [formGroup]="insertForm">
    <div class="input-group form-group">
      <input type="text" formControlName="unitId" class="form-control" id="unitId" placeholder="unitId"/>
    </div>
    <div class="input-group form-group">
      <input type="text" formControlName="unitDescription" class="form-control" id="unitDescription" placeholder="unitDescription"/>
    </div>
    <div class="input-group form-group">
      <div formArrayName="sensors" *ngFor="let item of insertForm.get('sensors')['controls']; let i = index;">
        <div [formGroupName]="i">
          <input type="text" formControlName="sensorId" class="form-control" id="sensorId" placeholder="sensorId"/>
          <input type="text" formControlName="sensorName" class="form-control" id="sensorName" placeholder="sensorName"/>
          <input type="text" formControlName="sensorType" class="form-control" id="sensorType" placeholder="sensorType"/>
          <select formControlName="phenomenons" id="phenomenons">
            <option *ngFor="let phenomenon of phenomenons; let i = index" [value]="phenomenons[i].phenomenonId">
              {{phenomenons[i].phenomenonName}} ( {{ phenomenons[i].unit}})
            </option>
          </select>
        </div>
        <br>
      </div>
    </div>
  </form>


  <button type="button" (click)="addSensor()">Add Sensor</button>







  <p-footer>
    <div class="row justify-content-end align-items-center">
      <div>
        <p-button icon="pi pi-check" (click)="processInsertion()" type="submit" label="Uložit" class="pr-2"></p-button>
        <p-button icon="pi pi-times" (click)="close()" label="Zavřít" class="pr-2"></p-button>
      </div>
    </div>
  </p-footer>
</p-dialog>