webapp/src/app/pages/targets/target-add-modal/target-add-modal.component.html

   1 <div class="modal-header">
   2   <span>Add a new target</span>
   3   <button class="close" aria-label="Close" (click)="closeModal()">
   4     <span aria-hidden="true">&times;</span>
   5   </button>
   6 </div>
   7
   8 <div class="modal-body row">
   9   <div class="col-12">
  10     <form [formGroup]="addTargetForm" (ngSubmit)="onSubmit()">
  11
  12       <div class="form-group row">
  13         <label for="sharing-type" class="col-sm-3 col-form-label">Target Type</label>
  14         <div class="col-sm-9">
  15           <select id="select-sharing-type" class="form-control" formControlName="type">
  16             <option *ngFor="let t of targetTypes" [value]="t.value">{{t.display}}
  17             </option>
  18           </select>
  19         </div>
  20       </div>
  21
  22       <div class="form-group row">
  23         <label for="select-ip" class="col-sm-3 col-form-ip">IP or Name</label>
  24         <div class="col-sm-9">
  25           <input type="text" id="inputLabel" class="form-control" formControlName="ip" (keyup)="onKeyLabel($event)">
  26         </div>
  27       </div>
  28
  29       <div class="form-group row">
  30         <label for="select-name" class="col-sm-3 col-form-name">Name</label>
  31         <div class="col-sm-9">
  32           <input type="text" id="inputLabel" class="form-control" formControlName="name" (keyup)="onKeyLabel($event)">
  33         </div>
  34       </div>
  35
  36     </form>
  37   </div>
  38 </div>
  39 <div class="modal-footer form-group">
  40   <div class="col-12">
  41     <div class="offset-sm-4 col-sm-6">
  42       <button class="btn btn-md btn-secondary" (click)="cancelAction=true; closeModal()"> Cancel </button>
  43       <button class="btn btn-md btn-primary" (click)="onSubmit()" [disabled]="!addTargetForm.valid">Add Folder</button>
  44     </div>
  45   </div>
  46 </div>