generationtux/brizo

<div class="container-fluid">
  <div class="page-header">
    <h2>
      <small class="breadcrumb-previous"><a [routerLink]="['/']">Apps</a> &gt;</small>
      <small class="breadcrumb-previous"><a [routerLink]="['/applications', application.uuid]">{{ application?.name }}</a> &gt;</small>
      <small class="breadcrumb-previous"><a [routerLink]="['/environments', environment.uuid]">{{ environment?.name }}</a> &gt;</small>
      <br>
      Configuration
    </h2>
  </div>
  <div class="row">
    <div class="col-md-12">
      <form class="form-inline config-form" [formGroup]="createConfigForm" novalidate (ngSubmit)="saveConfigurations()">
        <div formArrayName="configurations" class="row">
          <div *ngFor="let config of createConfigForm.controls.configurations.controls;let i=index">
            <div class="flex-container col-sm-12" [formGroupName]="i">
              <input name="uuid" formControlName="uuid" type="hidden" />
              <input class="form-control flex-input flex-input-first" name="key" formControlName="name" placeholder="KEY" type="text" />
              <input class="form-control flex-input" name="value" formControlName="value" placeholder="value" type="text" />
              <button type="button" class="btn btn-danger flex-input-delete" aria-label="Remove" (click)="removeConfiguration(i)">
                <span aria-hidden="true"><i class="fa fa-times"></i></span>
              </button>
            </div>
            <br>
            <br>
          </div>
        </div>
        <button class="btn btn-default add-btn" type="button" (click)="addConfiguration()"><i class="fa fa-plus"></i> Add Row</button>
        <button class="btn btn-primary pull-right" type="submit">Save</button>
      </form>
    </div>
  </div>
</div>