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

   1 <form role="form" [formGroup]="form">
   2
   3   <div class="channel-explanations">
   4     <p i18n>
   5       A channel is an entity in which you upload your videos. Creating several of them helps you to organize and separate your content.<br />
   6       For example, you could decide to have a channel to publish your piano concerts, and another channel in which you publish your videos talking about ecology.
   7     </p>
   8
   9     <p>
  10       Other users can decide to subscribe any channel they want, to be notified when you publish a new video.
  11     </p>
  12   </div>
  13
  14   <div class="form-group">
  15     <label for="name" i18n>Channel name</label>
  16
  17     <div class="input-group">
  18       <input
  19         type="text" id="name" i18n-placeholder placeholder="Example: my_super_channel"
  20         formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }"
  21       >
  22       <div class="input-group-append">
  23         <span class="input-group-text">@{{ instanceHost }}</span>
  24       </div>
  25     </div>
  26
  27     <div *ngIf="formErrors.name" class="form-error">
  28       {{ formErrors.name }}
  29     </div>
  30
  31     <div *ngIf="isSameThanUsername()" class="form-error" i18n>
  32       Channel name cannot be the same than your account name. You can click on the first step to update your account name.
  33     </div>
  34   </div>
  35
  36   <div class="form-group">
  37     <label for="displayName" i18n>Channel display name</label>
  38
  39     <div class="input-group">
  40       <input
  41         type="text" id="displayName"
  42         formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }"
  43       >
  44     </div>
  45
  46     <div *ngIf="formErrors.displayName" class="form-error">
  47       {{ formErrors.displayName }}
  48     </div>
  49   </div>
  50 </form>