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 i18n>
  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="displayName" i18n>Channel display name</label>
  16
  17     <div class="input-group">
  18       <input
  19         type="text" id="displayName"
  20         formControlName="displayName" [ngClass]="{ 'input-error': formErrors['displayName'] }"
  21       >
  22     </div>
  23
  24     <div *ngIf="formErrors.displayName" class="form-error">
  25       {{ formErrors.displayName }}
  26     </div>
  27   </div>
  28
  29   <div class="form-group">
  30     <label for="name" i18n>Channel name</label>
  31
  32     <div class="input-group">
  33       <input
  34         type="text" id="name" i18n-placeholder placeholder="Example: my_super_channel"
  35         formControlName="name" [ngClass]="{ 'input-error': formErrors['name'] }"
  36       >
  37       <div class="input-group-append">
  38         <span class="input-group-text">@{{ instanceHost }}</span>
  39       </div>
  40     </div>
  41
  42     <div class="name-information" i18n>
  43       The channel name is a unique identifier of your channel on this instance. It's like an address mail, so other people can find your channel.
  44     </div>
  45
  46     <div *ngIf="formErrors.name" class="form-error">
  47       {{ formErrors.name }}
  48     </div>
  49
  50     <div *ngIf="isSameThanUsername()" class="form-error" i18n>
  51       Channel name cannot be the same than your account name. You can click on the first step to update your account name.
  52     </div>
  53   </div>
  54 </form>