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]="((serverStatus$ | 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': (agentStatus$ | async)?.connected, 'danger': !(agentStatus$ | async)?.connected}">
  14                             <th><label>XDS local Agent URL</label></th>
  15                             <td> <input type="text" [(ngModel)]="xdsAgentUrl"></td>
  16                             <td>
  17                                 <button class="btn btn-link" (click)="xdsAgentRestartConn()"><span class="fa fa-refresh fa-size-x2"></span></button>
  18                                 <button [disabled]="xdsAgentZipUrl==''" class="btn btn-link">
  19                                     <a *ngIf="xdsAgentZipUrl!=''" class="fa fa-download fa-size-x2" [href]="xdsAgentZipUrl" target="_blank"></a>
  20                                     <a *ngIf="xdsAgentZipUrl==''" class="fa fa-download fa-size-x2" href="javascript:void(0);" target="_blank"></a>
  21                                 </button>
  22                             </td>
  23                         </tr>
  24                         <tr class="info">
  25                             <th><label>Local Agent connection retry</label></th>
  26                             <td> <input type="text" [(ngModel)]="xdsAgentRetry" (ngModelChange)="showApplyBtn['retry'] = true"></td>
  27                             <td>
  28                                 <button *ngIf="showApplyBtn['retry']" class="btn btn-primary btn-xs" (click)="submitGlobConf('retry')">APPLY</button>
  29                             </td>
  30                         </tr>
  31                         <tr [ngClass]="{'info': (localSTStatus$ | async)?.connected, 'danger': !(localSTStatus$ | async)?.connected}">
  32                             <th><label>Local Sync-tool URL</label></th>
  33                             <td> <input type="text" [(ngModel)]="syncToolUrl"></td>
  34                             <td>
  35                                 <button class="btn btn-link" (click)="xdsAgentRestartConn()"><span class="fa fa-refresh fa-size-x2"></span></button>
  36                             </td>
  37                         </tr>
  38                         <tr class="info">
  39                             <th><label>Local Projects root directory</label></th>
  40                             <td> <input type="text" [(ngModel)]="projectsRootDir" (ngModelChange)="showApplyBtn['rootDir'] = true"></td>
  41                             <td>
  42                                 <button *ngIf="showApplyBtn['rootDir']" class="btn btn-primary btn-xs" (click)="submitGlobConf('rootDir')">APPLY</button>
  43                             </td>
  44                         </tr>
  45                     </tbody>
  46                 </table>
  47             </div>
  48         </div>
  49     </div>
  50 </div>
  51
  52 <div class="panel panel-default">
  53     <div class="panel-heading">
  54         <h2 class="panel-title">Cross SDKs Configuration</h2>
  55     </div>
  56     <div class="panel-body">
  57         <div class="row col-xs-12">
  58             <sdks-list-accordion [sdks]="(sdks$ | async)"></sdks-list-accordion>
  59         </div>
  60     </div>
  61 </div>
  62
  63 <div class="panel panel-default">
  64     <div class="panel-heading">
  65         <h2 class="panel-title">Projects Configuration</h2>
  66     </div>
  67     <div class="panel-body">
  68         <form [formGroup]="addProjectForm" (ngSubmit)="onSubmit()">
  69             <div class="row ">
  70                 <div class="col-xs-2">
  71                     <button class="btn btn-primary" type="submit" [disabled]="!addProjectForm.valid"><i class="fa fa-plus"></i>&nbsp;Add Folder</button>
  72                 </div>
  73
  74                 <div class="col-xs-6">
  75                     <label>Folder Path </label>
  76                     <input type="text" style="width:70%;" formControlName="path" placeholder="myProject">
  77                 </div>
  78                 <div class="col-xs-4">
  79                     <label>Label </label>
  80                     <input type="text" formControlName="label" (keyup)="onKeyLabel($event)">
  81                 </div>
  82             </div>
  83         </form>
  84
  85         <div class="row col-xs-12">
  86             <projects-list-accordion [projects]="(config$ | async).projects"></projects-list-accordion>
  87         </div>
  88     </div>
  89 </div>
  90
  91
  92 <!-- only for debug -->
  93 <div *ngIf="false" class="row">
  94     {{config$ | async | json}}
  95 </div>