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-text">@{{ instanceHost }}</div>
  38     </div>
  39
  40     <div class="name-information" i18n>
  41       The channel name is a unique identifier of your channel 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.
  42     </div>
  43
  44     <div *ngIf="formErrors.name" class="form-error">
  45       {{ formErrors.name }}
  46     </div>
  47
  48     <div *ngIf="isSameThanUsername()" class="form-error" i18n>
  49       Channel name cannot be the same as your account name. You can click on the first step to update your account name.
  50     </div>
  51   </div>
  52 </form>