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