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

   1 <div class="panel panel-default">
   2     <div class="panel-heading">
   3         <h2 class="panel-title" (click)="gConfigIsCollapsed = !gConfigIsCollapsed">
   4             Global Configuration
   5             <div class="pull-right">
   6                 <span class="fa fa-fw fa-exchange fa-size-x2" [style.color]="((serverStatus$ | async)?.WS_connected)?'green':'red'"></span>
   7
   8                 <button class="btn btn-link" (click)="gConfigIsCollapsed = !gConfigIsCollapsed; $event.stopPropagation()">
   9                     <span *ngIf="gConfigIsCollapsed" class="fa fa-angle-double-right fa-size-x2"></span>
  10                     <span *ngIf="!gConfigIsCollapsed" class="fa fa-angle-double-down fa-size-x2"></span>
  11                 </button>
  12             </div>
  13         </h2>
  14     </div>
  15     <div class="panel-body" [collapse]="gConfigIsCollapsed">
  16         <div class="row">
  17             <div class="col-xs-12">
  18                 <table class="table table-condensed">
  19                     <tbody>
  20                         <tr [ngClass]="{'info': (agentStatus$ | async)?.connected, 'danger': !(agentStatus$ | async)?.connected}">
  21                             <th><label>XDS local Agent URL</label></th>
  22                             <td> <input type="text" [(ngModel)]="xdsAgentUrl"></td>
  23                             <td style="white-space: nowrap">
  24                                 <div class="btn-group">
  25                                     <button class="btn btn-link" (click)="xdsAgentRestartConn()"><span class="fa fa-refresh fa-size-x2"></span></button>
  26                                     <dl-xds-agent class="button" [packageUrls]="(config$ | async).xdsAgentPackages"></dl-xds-agent>
  27                                 </div>
  28                             </td>
  29                         </tr>
  30                         <tr class="info">
  31                             <th><label>Local Agent connection retry</label></th>
  32                             <td> <input type="text" [(ngModel)]="xdsAgentRetry" (ngModelChange)="showApplyBtn['retry'] = true"></td>
  33                             <td>
  34                                 <button *ngIf="showApplyBtn['retry']" class="btn btn-primary btn-xs" (click)="submitGlobConf('retry')">APPLY</button>
  35                             </td>
  36                         </tr>
  37                         <tr [ngClass]="{'info': (localSTStatus$ | async)?.connected, 'danger': !(localSTStatus$ | async)?.connected}">
  38                             <th><label>Local Sync-tool URL</label></th>
  39                             <td> <input type="text" [(ngModel)]="syncToolUrl"></td>
  40                             <td>
  41                                 <button class="btn btn-link" (click)="xdsAgentRestartConn()"><span class="fa fa-refresh fa-size-x2"></span></button>
  42                             </td>
  43                         </tr>
  44                         <tr class="info">
  45                             <th><label>Local Projects root directory</label></th>
  46                             <td> <input type="text" [(ngModel)]="projectsRootDir" (ngModelChange)="showApplyBtn['rootDir'] = true"></td>
  47                             <td>
  48                                 <button *ngIf="showApplyBtn['rootDir']" class="btn btn-primary btn-xs" (click)="submitGlobConf('rootDir')">APPLY</button>
  49                             </td>
  50                         </tr>
  51                     </tbody>
  52                 </table>
  53             </div>
  54         </div>
  55     </div>
  56 </div>
  57
  58 <div class="panel panel-default">
  59     <div class="panel-heading">
  60         <h2 class="panel-title" (click)="sdksIsCollapsed = !sdksIsCollapsed">
  61             Cross SDKs
  62             <div class="pull-right">
  63                 <button class="btn btn-link" (click)="childSdkModal.show(); $event.stopPropagation()"><span class="fa fa-plus fa-size-x2"></span></button>
  64
  65                 <button class="btn btn-link" (click)="sdksIsCollapsed = !sdksIsCollapsed; $event.stopPropagation()">
  66                     <span *ngIf="sdksIsCollapsed" class="fa fa-angle-double-right fa-size-x2"></span>
  67                     <span *ngIf="!sdksIsCollapsed" class="fa fa-angle-double-down fa-size-x2"></span>
  68                 </button>
  69             </div>
  70         </h2>
  71     </div>
  72     <div class="panel-body" [collapse]="sdksIsCollapsed">
  73         <div class="row col-xs-12">
  74             <sdks-list-accordion [sdks]="(sdks$ | async)"></sdks-list-accordion>
  75         </div>
  76     </div>
  77 </div>
  78
  79 <div class="panel panel-default">
  80     <div class="panel-heading">
  81         <h2 class="panel-title" (click)="projectsIsCollapsed = !projectsIsCollapsed; $event.stopPropagation()">
  82             Projects
  83             <div class="pull-right">
  84                 <button class="btn btn-link" (click)="childProjectModal.show(); $event.stopPropagation()"><span class="fa fa-plus fa-size-x2"></span></button>
  85
  86                 <button class="btn btn-link" (click)="projectsIsCollapsed = !projectsIsCollapsed; $event.stopPropagation()">
  87                         <span *ngIf="projectsIsCollapsed" class="fa fa-angle-double-right fa-size-x2"></span>
  88                         <span *ngIf="!projectsIsCollapsed" class="fa fa-angle-double-down fa-size-x2"></span>
  89                 </button>
  90             </div>
  91         </h2>
  92     </div>
  93     <div class="panel-body" [collapse]="projectsIsCollapsed">
  94         <div class="row col-xs-12">
  95             <projects-list-accordion [projects]="(config$ | async).projects"></projects-list-accordion>
  96         </div>
  97     </div>
  98 </div>
  99
 100 <!-- Modals -->
 101 <project-add-modal #childProjectModal [title]="'Add a new project'">
 102 </project-add-modal>
 103 <sdk-add-modal  #childSdkModal [title]="'Add a new SDK'">
 104 </sdk-add-modal>
 105
 106 <!-- only for debug -->
 107 <div *ngIf="false" class="row">
 108     {{config$ | async | json}}
 109 </div>