1 <div class=
"margin-content">
3 <div i18n
class=
"title-page title-page-single">
7 <my-signup-success *
ngIf=
"signupDone" [message]=
"success"></my-signup-success>
8 <div *
ngIf=
"info" class=
"alert alert-info">{{ info }}
</div>
10 <div class=
"wrapper" [hidden]=
"signupDone">
11 <div class=
"register-form">
12 <my-custom-stepper linear *
ngIf=
"!signupDone">
13 <cdk-step [stepControl]=
"formStepTerms" i18n-label=
"Stepper label for the registration page describing terms of service" label=
"Terms">
14 <div class=
"instance-information">
15 <my-instance-about-accordion (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"></my-instance-about-accordion>
18 <my-register-step-terms
19 [hasCodeOfConduct]=
"!!aboutHtml.codeOfConduct"
20 (formBuilt)=
"onTermsFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
21 ></my-register-step-terms>
23 <button cdkStepperNext [disabled]=
"!formStepTerms || !formStepTerms.valid">{{ defaultNextStepButtonLabel }}
</button>
26 <cdk-step [stepControl]=
"formStepUser" i18n-label=
"Stepper label for the registration page asking user informations" label=
"User">
27 <my-register-step-user (formBuilt)=
"onUserFormBuilt($event)" [videoUploadDisabled]=
"videoUploadDisabled"></my-register-step-user>
29 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
30 <button cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid" (click)=
"videoUploadDisabled && signup()">{{ stepUserButtonLabel }}
</button>
33 <cdk-step [stepControl]=
"formStepChannel" i18n-label=
"Stepper label for the registration page asking information about the default channel" label=
"Channel" *
ngIf=
"!videoUploadDisabled">
34 <my-register-step-channel (formBuilt)=
"onChannelFormBuilt($event)" [username]=
"getUsername()"></my-register-step-channel>
36 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
37 <button cdkStepperNext [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)=
"signup()" i18n
>
42 <cdk-step i18n-label
label=
"Done" editable=
"false">
43 <div *
ngIf=
"!signupDone && !error" class=
"done-loader">
44 <my-loader [loading]=
"true"></my-loader>
46 <div i18n
>PeerTube is creating your account...
</div>
49 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>