"...src/app/component/add-owner/add-owner.component.html" did not exist on "3d9e918f395fdf1d93baa06210dafab09ebf89fa"
add-owner.component.html 1.05 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
<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">&times;</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">&times;</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>
20
      <input type="text" class="form-control" name="name" [(ngModel)]="owner.name" pattern="\s*\S+.*" required>
21 22 23 24 25
    </div>

    <button type="submit" class="btn btn-success" [disabled]="!ownerForm.form.valid" (submit)="addOwner()">Submit</button>
  </form>
</div>