webapp/src/app/projects/projectAddModal.component.html

   1 <div bsModal #childProjectModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
   2     [config]="{backdrop: 'static'}" aria-hidden="true">
   3     <div class="modal-dialog modal-lg">
   4         <div class="modal-content">
   5             <div class="modal-header">
   6                 <h4 class="modal-title pull-left">{{title}}</h4>
   7                 <button type="button" class="close pull-right" aria-label="Close" (click)="hide()">
   8                         <span aria-hidden="true">&times;</span>
   9                     </button>
  10             </div>
  11
  12             <form [formGroup]="addProjectForm" (ngSubmit)="onSubmit()">
  13                 <div class="modal-body">
  14                     <div class="row ">
  15                         <div class="col-xs-12">
  16                             <table class="table table-borderless">
  17                                 <tbody>
  18                                     <tr>
  19                                         <th><label>Sharing Type </label></th>
  20                                         <td><select class="form-control" formControlName="type">
  21                                             <option *ngFor="let t of projectTypes" [value]="t.value">{{t.display}}
  22                                             </option>
  23                                         </select>
  24                                         </td>
  25                                     </tr>
  26                                     <tr>
  27                                         <th><label for="select-local-path">Local Path </label></th>
  28                                         <td><input type="text" id="select-local-path" formControlName="pathCli" placeholder="/tmp/myProject" (change)="onChangeLocalProject($event)"></td>
  29                                     </tr>
  30                                     <tr>
  31                                         <th><label for="select-server-path">Server Path </label></th>
  32                                         <td><input type="text" id="select-server-path" formControlName="pathSvr"></td>
  33                                     </tr>
  34                                     <tr>
  35                                         <th><label for="select-label">Label </label></th>
  36                                         <td><input type="text" formControlName="label" id="select-label" (keyup)="onKeyLabel($event)"></td>
  37                                     </tr>
  38                                 </tbody>
  39                             </table>
  40                         </div>
  41                     </div>
  42                 </div>
  43                 <div class="modal-footer">
  44                     <div class="pull-left">
  45                         <button class="btn btn-default" (click)="cancelAction=true; hide()"> Cancel </button>
  46                     </div>
  47                     <div class="">
  48                         <button class="btn btn-primary" type="submit" [disabled]="!addProjectForm.valid">Add Folder</button>
  49                     </div>
  50                 </div>
  51             </form>
  52         </div>
  53     </div>
  54 </div>