pdnsmanager/frontend/src/app/pages/edit-auth/edit-auth.component.html
2018-04-11 09:41:16 +02:00

70 lines
2.7 KiB
HTML

<div class="row">
<div class="col-12">
<p class="font-weight-bold">Update SOA data for {{ domainName }}</p>
</div>
</div>
<form [formGroup]="soaForm" (submit)="onSubmit()">
<div class="row">
<div class="col-12 col-md-4 col-lg-3">
<div class="form-group">
<label>Primary</label>
<input type="text" class="form-control auto-invalid" formControlName="primary" />
<div class="invalid-feedback">
Primary can not be empty.
</div>
</div>
<div class="form-group">
<label>Email</label>
<input type="text" class="form-control auto-invalid" formControlName="email" />
<div class="invalid-feedback">
Must be a valid email address.
</div>
</div>
</div>
<div class="col-12 col-md-3 col-lg-2 offset-lg-1">
<div class="form-group">
<label>Refresh</label>
<input type="text" class="form-control auto-invalid" formControlName="refresh" />
<div class="invalid-feedback">
Refresh must be positive integer.
</div>
</div>
<div class="form-group">
<label>Retry</label>
<input type="text" class="form-control auto-invalid" formControlName="retry" />
<div class="invalid-feedback">
Retry must be positive integer.
</div>
</div>
</div>
<div class="col-12 col-md-3 col-lg-2 offset-lg-1">
<div class="form-group">
<label>Expire</label>
<input type="text" class="form-control auto-invalid" formControlName="expire" />
<div class="invalid-feedback">
Expire must be positive integer.
</div>
</div>
<div class="form-group">
<label>TTL</label>
<input type="text" class="form-control auto-invalid" formControlName="ttl" />
<div class="invalid-feedback">
TTL must be positive integer.
</div>
</div>
</div>
<div class="col-12 col-md-2 col-lg-2 offset-lg-1">
<div class="form-group">
<label>Serial</label>
<input type="text" class="form-control auto-invalid" readonly formControlName="serial" />
</div>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary float-right float-md-left" [disabled]="!soaForm.valid || soaForm.pristine">Save</button>
</div>
</div>
</form>