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