client/src/app/+admin/users/user-add/user-add.component.html

   1 <div class="row">
   2   <div class="content-padding">
   3
   4     <h3>Add user</h3>
   5
   6     <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   7
   8     <form role="form" (ngSubmit)="addUser()" [formGroup]="form">
   9       <div class="form-group">
  10         <label for="username">Username</label>
  11         <input
  12           type="text" class="form-control" id="username" placeholder="john"
  13           formControlName="username"
  14         >
  15         <div *ngIf="formErrors.username" class="alert alert-danger">
  16           {{ formErrors.username }}
  17         </div>
  18       </div>
  19
  20       <div class="form-group">
  21         <label for="email">Email</label>
  22         <input
  23           type="text" class="form-control" id="email" placeholder="mail@example.com"
  24           formControlName="email"
  25         >
  26         <div *ngIf="formErrors.email" class="alert alert-danger">
  27           {{ formErrors.email }}
  28         </div>
  29       </div>
  30
  31       <div class="form-group">
  32         <label for="password">Password</label>
  33         <input
  34           type="password" class="form-control" id="password"
  35           formControlName="password"
  36         >
  37         <div *ngIf="formErrors.password" class="alert alert-danger">
  38           {{ formErrors.password }}
  39         </div>
  40       </div>
  41
  42       <div class="form-group">
  43         <label for="videoQuota">Video quota</label>
  44         <select class="form-control" id="videoQuota" formControlName="videoQuota">
  45           <option value="-1">Unlimited</option>
  46           <option value="100000000">100MB</option>
  47           <option value="500000000">500MB</option>
  48           <option value="1000000000">1GB</option>
  49           <option value="5000000000">5GB</option>
  50           <option value="20000000000">20GB</option>
  51           <option value="50000000000">50GB</option>
  52         </select>
  53       </div>
  54
  55       <input type="submit" value="Add user" class="btn btn-default" [disabled]="!form.valid">
  56     </form>
  57   </div>
  58 </div>