webapp/src/app/config/config.component.html

   1 <div class="panel panel-default">
   2     <div class="panel-heading clearfix">
   3         <h2 class="panel-title pull-left">Global Configuration</h2>
   4         <div class="pull-right">
   5             <span class="fa fa-fw fa-exchange fa-size-x2" [style.color]="((severStatus$ | async)?.WS_connected)?'green':'red'"></span>
   6         </div>
   7     </div>
   8     <div class="panel-body">
   9         <div class="row">
  10             <div class="col-xs-12">
  11                 <table class="table table-condensed">
  12                     <tbody>
  13                         <tr [ngClass]="{'info': (localSTStatus$ | async)?.connected, 'danger': !(localSTStatus$ | async)?.connected}">
  14                             <th><label>Local Sync-tool URL</label></th>
  15                             <td> <input type="text" [(ngModel)]="syncToolUrl"></td>
  16                             <td>
  17                                 <button class="btn btn-link" (click)="syncToolRestartConn()"><span class="fa fa-refresh fa-size-x2"></span></button>
  18                             </td>
  19                         </tr>
  20                         <tr class="info">
  21                             <th><label>Local Sync-tool connection retry</label></th>
  22                             <td> <input type="text" [(ngModel)]="syncToolRetry" (ngModelChange)="showApplyBtn['retry'] = true"></td>
  23                             <td>
  24                                 <button *ngIf="showApplyBtn['retry']" class="btn btn-primary btn-xs" (click)="submitGlobConf('retry')">APPLY</button>
  25                             </td>
  26                         </tr>
  27                         <tr class="info">
  28                             <th><label>Local Projects root directory</label></th>
  29                             <td> <input type="text" [(ngModel)]="projectsRootDir" (ngModelChange)="showApplyBtn['rootDir'] = true"></td>
  30                             <td>
  31                                 <button *ngIf="showApplyBtn['rootDir']" class="btn btn-primary btn-xs" (click)="submitGlobConf('rootDir')">APPLY</button>
  32                             </td>
  33                         </tr>
  34                     </tbody>
  35                 </table>
  36             </div>
  37         </div>
  38     </div>
  39 </div>
  40
  41 <div class="panel panel-default">
  42     <div class="panel-heading">
  43         <h2 class="panel-title">Cross SDKs Configuration</h2>
  44     </div>
  45     <div class="panel-body">
  46         <div class="row col-xs-12">
  47             <sdks-list-accordion [sdks]="(sdks$ | async)"></sdks-list-accordion>
  48         </div>
  49     </div>
  50 </div>
  51
  52 <div class="panel panel-default">
  53     <div class="panel-heading">
  54         <h2 class="panel-title">Projects Configuration</h2>
  55     </div>
  56     <div class="panel-body">
  57         <form [formGroup]="addProjectForm" (ngSubmit)="onSubmit()">
  58             <div class="row ">
  59                 <div class="col-xs-2">
  60                     <button class="btn btn-primary" type="submit" [disabled]="!addProjectForm.valid"><i class="fa fa-plus"></i>&nbsp;New Folder</button>
  61                 </div>
  62
  63                 <div class="col-xs-6">
  64                     <label>Folder Path </label>
  65                     <input type="text" style="width:70%;" formControlName="path" placeholder="myProject">
  66                 </div>
  67                 <div class="col-xs-4">
  68                     <label>Label </label>
  69                     <input type="text" formControlName="label" (keyup)="onKeyLabel($event)">
  70                 </div>
  71             </div>
  72         </form>
  73
  74         <div class="row col-xs-12">
  75             <projects-list-accordion [projects]="(config$ | async).projects"></projects-list-accordion>
  76         </div>
  77     </div>
  78 </div>
  79
  80
  81 <!-- only for debug -->
  82 <div *ngIf="false" class="row">
  83     {{config$ | async | json}}
  84 </div>