47 lines
2.9 KiB
HTML
47 lines
2.9 KiB
HTML
<h1 *ngIf="!asModal">{{ "ADDEDITSERVER.AddNewServer" | translate }}</h1>
|
|
<form class="row g-3" [formGroup]="addServerFormGroup" (ngSubmit)="saveServer()">
|
|
<div class="col-12">
|
|
<label for="inputName" class="form-label">{{ "ADDEDITSERVER.Name" | translate }}</label>
|
|
<input type="text" class="form-control" id="inputName" placeholder="{{ 'ADDEDITSERVER.NamePlaceholder' | translate }}" formControlName="serverNameControl"
|
|
[class.is-invalid]="addServerFormGroup.get('serverNameControl')?.invalid && (addServerFormGroup.get('serverNameControl')?.dirty || addServerFormGroup.get('serverNameControl')?.touched)">
|
|
<div class="invalid-feedback">
|
|
{{ "ADDEDITSERVER.RequiredOrTooLongField" | translate }}
|
|
</div>
|
|
<div *ngIf="serverAlreadyExists" class="text-danger">
|
|
{{ "ADDEDITSERVER.ServerAlreadyExist" | translate }}
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-10">
|
|
<label for="inputIp" class="form-label">{{ "ADDEDITSERVER.Ip" | translate }}</label>
|
|
<input type="text" class="form-control" id="inputIp" placeholder="{{ 'ADDEDITSERVER.IpPlaceholder' | translate }}" formControlName="serverIpControl"
|
|
[class.is-invalid]="addServerFormGroup.get('serverIpControl')?.invalid && (addServerFormGroup.get('serverIpControl')?.dirty || addServerFormGroup.get('serverIpControl')?.touched)">
|
|
<div class="invalid-feedback">
|
|
{{ "ADDEDITSERVER.RequiredField" | translate }}
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2">
|
|
<label for="inputPort" class="form-label">{{ "ADDEDITSERVER.Port" | translate }}</label>
|
|
<input type="number" class="form-control" id="inputPort" formControlName="serverPortControl"
|
|
[class.is-invalid]="addServerFormGroup.get('serverPortControl')?.invalid && (addServerFormGroup.get('serverPortControl')?.dirty || addServerFormGroup.get('serverPortControl')?.touched)">
|
|
<div class="invalid-feedback">
|
|
{{ "ADDEDITSERVER.InvalidPort" | translate }}
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="inputPassword" class="form-label">{{ "ADDEDITSERVER.Password" | translate }}</label>
|
|
<input type="password" class="form-control" id="inputPassword" placeholder="{{ 'ADDEDITSERVER.PasswordPlaceholder' | translate }}" formControlName="serverPasswordControl"
|
|
[class.is-invalid]="addServerFormGroup.get('serverPasswordControl')?.invalid && (addServerFormGroup.get('serverPasswordControl')?.dirty || addServerFormGroup.get('serverPasswordControl')?.touched)">
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="sslCheck" formControlName="serverSslEnabledControl">
|
|
<label class="form-check-label" for="sslCheck">
|
|
{{ "ADDEDITSERVER.SslEnabled" | translate }}
|
|
</label>
|
|
<p *ngIf="isClientOverHttps" class="text-warning">{{ "ADDEDITSERVER.SslEnabledMandatory" | translate }}</p>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="!asModal" class="col-12">
|
|
<button type="submit" class="btn btn-primary">{{ "ADDEDITSERVER.Add" | translate }}</button>
|
|
</div>
|
|
</form> |