client/src/app/+signup/+register/register-step-user.component.html

   1 <form role="form" [formGroup]="form">
   2
   3   <div class="capability-information alert alert-info" i18n *ngIf="videoUploadDisabled">
   4     Video uploads are disabled on this instance, hence your account won't be able to upload videos.
   5   </div>
   6
   7   <div class="form-group">
   8     <label for="displayName" i18n>Display name</label>
   9
  10     <div class="input-group">
  11       <input
  12         type="text" id="displayName" placeholder="John Doe"
  13         formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }"
  14       >
  15     </div>
  16
  17     <div *ngIf="formErrors.displayName" class="form-error">
  18       {{ formErrors.displayName }}
  19     </div>
  20   </div>
  21
  22   <div class="form-group">
  23     <label for="username" i18n>Username</label>
  24
  25     <div class="input-group">
  26       <input
  27         type="text" id="username" i18n-placeholder="Username choice placeholder in the registration form" placeholder="e.g. jane_doe"
  28         formControlName="username" class="form-control" [ngClass]="{ 'input-error': formErrors['username'] }"
  29       >
  30       <span class="input-group-text">@{{ instanceHost }}</span>
  31     </div>
  32
  33     <div class="name-information" i18n>
  34       The username is a unique identifier of your account on this and all the other instances. It's as unique as an email address, which makes it easy for other people to interact with it.
  35     </div>
  36
  37     <div *ngIf="formErrors.username" class="form-error">
  38       {{ formErrors.username }}
  39     </div>
  40   </div>
  41
  42   <div class="form-group">
  43     <label for="email" i18n>Email</label>
  44     <input
  45       type="text" id="email" i18n-placeholder placeholder="Email"
  46       formControlName="email" class="form-control" [ngClass]="{ 'input-error': formErrors['email'] }"
  47     >
  48     <div *ngIf="formErrors.email" class="form-error">
  49       {{ formErrors.email }}
  50     </div>
  51   </div>
  52
  53   <div class="form-group">
  54     <label for="password" i18n>Password</label>
  55     <my-input-toggle-hidden formControlName="password" inputId="password"
  56                             i18n-placeholder placeholder="Password"
  57                             [ngClass]="{ 'input-error': formErrors['password'] }"
  58                             autocomplete="new-password"></my-input-toggle-hidden>
  59     <div *ngIf="formErrors.password" class="form-error">
  60       {{ formErrors.password }}
  61     </div>
  62   </div>
  63
  64 </form>