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
21 (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"
22 pluginScope=
"signup" pluginHook=
"filter:signup.instance-about-plugin-panels.create.result"
23 ></my-instance-about-accordion>
26 <my-register-step-terms
27 [hasCodeOfConduct]=
"!!aboutHtml.codeOfConduct"
28 [minimumAge]=
"minimumAge"
29 (formBuilt)=
"onTermsFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
30 ></my-register-step-terms>
32 <button cdkStepperNext [disabled]=
"!formStepTerms || !formStepTerms.valid">{{ defaultNextStepButtonLabel }}
</button>
35 <cdk-step [stepControl]=
"formStepUser" i18n-label=
"Stepper label for the registration page asking user information" label=
"User">
36 <my-register-step-user (formBuilt)=
"onUserFormBuilt($event)" [videoUploadDisabled]=
"videoUploadDisabled"></my-register-step-user>
38 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
39 <button cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid" (click)=
"videoUploadDisabled && signup()">{{ stepUserButtonLabel }}
</button>
42 <cdk-step [stepControl]=
"formStepChannel" i18n-label=
"Stepper label for the registration page asking information about the default channel" label=
"Channel" *
ngIf=
"!videoUploadDisabled">
43 <my-register-step-channel (formBuilt)=
"onChannelFormBuilt($event)" [username]=
"getUsername()"></my-register-step-channel>
45 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
46 <button cdkStepperNext [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)=
"signup()" i18n
>
51 <cdk-step i18n-label
label=
"Done" editable=
"false">
52 <div *
ngIf=
"!signupDone && !error" class=
"done-loader">
53 <my-loader [loading]=
"true"></my-loader>
55 <div i18n
>PeerTube is creating your account...
</div>
58 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>