blob: aa102358ad0793827b0ed955622071b90ff4bfb9 (
plain) (
tree)
|
|
<h3>Add user</h3>
<div *ngIf="error" class="alert alert-danger">{{ error }}</div>
<form role="form" (ngSubmit)="addUser(username.value, password.value)" #addUserForm="ngForm">
<div class="form-group">
<label for="username">Username</label>
<input
type="text" class="form-control" name="username" id="username" placeholder="Username" required
ngControl="username" #username="ngForm"
>
<div [hidden]="username.valid || username.pristine" class="alert alert-danger">
Username is required with a length >= 3 and <= 20
</div>
</div>
<div class="form-group">
<label for="password">Password</label>
<input
type="password" class="form-control" name="password" id="password" placeholder="Password" required
ngControl="password" #password="ngForm"
>
<div [hidden]="password.valid || password.pristine" class="alert alert-danger">
Password is required with a length >= 6
</div>
</div>
<input type="submit" value="Add user" class="btn btn-default" [disabled]="!addUserForm.form.valid">
</form>
|