+ <cdk-step *ngIf="!videoUploadDisabled" [optional]="true" [stepControl]="formStepChannel" i18n-label label="My channel" [editable]="!signupSuccess">
+ <my-signup-step-title mascotImageName="channel" i18n>
+ <div>Create</div>
+ <strong>your first channel</strong>
+ </my-signup-step-title>
+
+ <my-register-step-channel
+ (formBuilt)="onChannelFormBuilt($event)"
+ [videoQuota]="videoQuota" [instanceName]="instanceName" [username]="getUsername()"
+ ></my-register-step-channel>
+
+ <div class="step-buttons">
+ <button cdkStepperPrevious>{{ defaultPreviousStepButtonLabel }}</button>
+
+ <div class="skip-step">
+ <span class="underline-orange" role="button" (click)="skipChannelCreation()">
+ <strong i18n>I don't want to create a channel</strong>
+ </span>
+
+ <div class="skip-step-description" i18n>You will be able to create a channel later</div>
+ </div>
+
+ <button cdkStepperNext [disabled]="!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)="signup()" i18n>
+ Create my account
+ </button>
+ </div>
+ </cdk-step>
+
+ <cdk-step #lastStep i18n-label label="Done!" [editable]="false">
+ <div *ngIf="!signupSuccess && !signupError" class="done-loader">
+ <my-loader [loading]="true"></my-loader>
+
+ <div i18n>PeerTube is creating your account...</div>
+ </div>
+
+ <div *ngIf="signupError" class="alert alert-danger">{{ signupError }}</div>
+
+ <my-signup-success *ngIf="signupSuccess" [requiresEmailVerification]="requiresEmailVerification"></my-signup-success>
+
+ <div *ngIf="signupError" class="steps-button">
+ <button cdkStepperPrevious>{{ defaultPreviousStepButtonLabel }}</button>
+ </div>
+ </cdk-step>
+ </my-custom-stepper>