webapp/src/app/pages/config/config-xds/config-xds.component.html

   1 <div class="row">
   2   <div class="col-md-12">
   3     <nb-card>
   4       <nb-card-header>XDS Server Configuration</nb-card-header>
   5       <nb-card-body>
   6         <form (ngSubmit)="onSubmit()" #ConfigXdsForm="ngForm">
   7           <div class="form-group row">
   8             <label class="col-sm-3 col-form-label">XDS Server URL</label>
   9             <div class="col-sm-8">
  10               <input type="url" class="form-control" [ngClass]="{ 'form-control-danger': !server?.connected }" id="inputServerUrl" [(ngModel)]="xdsServerUrl" name="serverUrl" (ngModelChange)="configFormChanged=true" [disabled]="applying">
  11             </div>
  12             <div class="col-sm-1">
  13               <span class="fa fa-fw fa-exchange faa-burst fa-size-x2 vcenter" [ngClass]="{'animated': applying}" [style.color]="(server?.connected && !animated)?'green':'red'" ></span>
  14             </div>
  15           </div>
  16           <div class="form-group row">
  17             <label class="col-sm-3 col-form-label">XDS Server connection retry</label>
  18             <div class="col-sm-8" *ngIf="server">
  19               <input type="number" class="form-control" id="inputServerConnRetry" [(ngModel)]="server.connRetry" name="serverRetry" (ngModelChange)="configFormChanged=true">
  20             </div>
  21           </div>
  22         </form>
  23       </nb-card-body>
  24       <nb-card-footer>
  25         <div class="col-12">
  26           <div class="offset-sm-5 col-sm-2">
  27             <button class="btn btn-primary" (click)="onSubmit()" [disabled]="
  28             applying || (server?.connected && !configFormChanged)">{{ applying ?"Applying... ":"Apply" }}
  29             <span *ngIf="applying" class="fa fa-gear faa-spin animated fa-size-x2"></span>
  30           </button>
  31           </div>
  32         </div>
  33       </nb-card-footer>
  34     </nb-card>
  35   </div>
  36 </div>