update-owner.component.html 1.13 KB
Newer Older
1
<div *ngIf="error" class="alert alert-danger alert-dismissible fade show" role="alert">
2 3 4 5 6
  <strong>Error! </strong> {{ errorMessage }}
  <button type="button" (click)="vanishError()" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
7

8 9 10 11 12 13
<div *ngIf="success" class="alert alert-success alert-dismissible fade show" role="alert">
  <p><strong>Success! </strong> Owner {{ success }} has been successfully updated. </p>
  <button type="button" (click)="vanishAlert()" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
14

15 16 17 18 19 20 21
<div class="container">
  <h1>Update owner</h1>
  <form (ngSubmit)="updateOwner()" #ownerForm="ngForm">
    <div class="form-group">
      <label for="name">Name</label>
      <input type="text" class="form-control" name="name" pattern="\S+.*" [(ngModel)]="owner.name" required>
    </div>
22

23 24 25 26
    <button type="submit" class="btn btn-success float-left" [disabled]="!ownerForm.form.valid" (submit)="updateOwner()">Submit</button>
    <a class="btn btn-light float-right" href="owner">Cancel</a>
  </form>
</div>