webapp/src/app/pages/projects/project-add-modal/project-add-modal.component.html

   1 <div class="modal-header">
   2   <span>Add a new project</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]="addProjectForm" (ngSubmit)="onSubmit()">
  11
  12       <div class="form-group row">
  13         <label for="sharing-type" class="col-sm-3 col-form-label">Sharing 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 projectTypes" [value]="t.value">{{t.display}}
  17             </option>
  18           </select>
  19         </div>
  20       </div>
  21
  22       <div class="form-group row">
  23         <label for="select-local-path" class="col-sm-3 col-form-label">Local Path</label>
  24         <div class="col-sm-9">
  25           <input type="text" id="inputLocalPath" class="form-control" formControlName="pathCli" placeholder="/tmp/myProject" (change)="onChangeLocalProject($event)">
  26         </div>
  27       </div>
  28
  29       <div class="form-group row">
  30         <label for="select-server-path" class="col-sm-3 col-form-label">Server Path</label>
  31         <div class="col-sm-9">
  32           <input type="text" id="inputServerPath" class="form-control" formControlName="pathSvr">
  33         </div>
  34       </div>
  35
  36       <div class="form-group row">
  37         <label for="select-label" class="col-sm-3 col-form-label">Label</label>
  38         <div class="col-sm-9">
  39           <input type="text" id="inputLabel" class="form-control" formControlName="label" (keyup)="onKeyLabel($event)">
  40         </div>
  41       </div>
  42
  43       <div class="offset-sm-3 col-sm-9">
  44         <button class="btn btn-md btn-secondary" (click)="cancelAction=true; closeModal()"> Cancel </button>
  45         <button class="btn btn-md btn-primary" type="submit" [disabled]="!addProjectForm.valid">Add Folder</button>
  46       </div>
  47     </form>
  48   </div>
  49 </div>
  50 <div class="modal-footer form-group">
  51 </div>