25 lines
1.0 KiB
HTML
25 lines
1.0 KiB
HTML
<div *ngIf="error" class="alert alert-danger alert-dismissible fade show" role="alert">
|
|
<strong>Error! </strong> {{ errorMessage }}
|
|
<button type="button" (click)="vanishError()" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div *ngIf="success" class="alert alert-success alert-dismissible fade show" role="alert">
|
|
<p><strong>Success! </strong> Owner {{ success }} has been successfully added. </p>
|
|
<button type="button" (click)="vanishAlert()" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h1>Add new owner</h1>
|
|
<form (ngSubmit)="addOwner()" #ownerForm="ngForm">
|
|
<div class="form-group">
|
|
<label for="name">Name</label>
|
|
<input type="text" class="form-control" name="name" [(ngModel)]="owner.name" pattern="\S+.*" required>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-success" [disabled]="!ownerForm.form.valid" (submit)="addOwner()">Submit</button>
|
|
</form>
|
|
</div> |