3 <div class=
"margin-content 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 <h1 i18n
class=
"title-page-v2">
9 <strong class=
"underline-orange">{{ instanceName }}
</strong>
14 <div class=
"register-content">
15 <my-custom-stepper linear
>
17 <cdk-step i18n-label
label=
"About" [editable]=
"!signupSuccess">
18 <my-signup-step-title mascotImageName=
"about" i18n
>
19 <strong>Create an account
</strong>
20 <div>on {{ instanceName }}
</div>
21 </my-signup-step-title>
23 <my-register-step-about [videoUploadDisabled]=
"videoUploadDisabled"></my-register-step-about>
25 <div class=
"step-buttons">
26 <a i18n
class=
"skip-step underline-orange" routerLink=
"/login">
27 <strong>I already have an account
</strong>, I log in
30 <button i18n cdkStepperNext
>I create an account
</button>
34 <cdk-step [stepControl]=
"formStepTerms" i18n-label
label=
"Terms" [editable]=
"!signupSuccess">
35 <my-signup-step-title mascotImageName=
"terms" i18n
>
36 <strong>Terms
</strong>
37 <div>of {{ instanceName }}
</div>
38 </my-signup-step-title>
40 <my-instance-about-accordion
41 [displayInstanceName]=
"false"
42 (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"
43 pluginScope=
"signup" pluginHook=
"filter:signup.instance-about-plugin-panels.create.result"
44 ></my-instance-about-accordion>
46 <my-register-step-terms
47 [hasCodeOfConduct]=
"!!aboutHtml.codeOfConduct"
48 [minimumAge]=
"minimumAge"
49 (formBuilt)=
"onTermsFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
50 ></my-register-step-terms>
52 <div class=
"step-buttons">
53 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
54 <button cdkStepperNext [disabled]=
"!formStepTerms || !formStepTerms.valid">{{ defaultNextStepButtonLabel }}
</button>
58 <cdk-step [stepControl]=
"formStepUser" label=
"My account" [editable]=
"!signupSuccess">
59 <my-signup-step-title mascotImageName=
"account" i18n
>
60 <strong>Setup
</strong>
61 <div>your account
</div>
62 </my-signup-step-title>
64 <my-register-step-user
65 (formBuilt)=
"onUserFormBuilt($event)"
66 [videoUploadDisabled]=
"videoUploadDisabled" [requiresEmailVerification]=
"requiresEmailVerification"
67 ></my-register-step-user>
69 <div class=
"step-buttons">
70 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
71 <button cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid" (click)=
"videoUploadDisabled && signup()">{{ stepUserButtonLabel }}
</button>
75 <cdk-step *
ngIf=
"!videoUploadDisabled" [optional]=
"true" [stepControl]=
"formStepChannel" i18n-label
label=
"My channel" [editable]=
"!signupSuccess">
76 <my-signup-step-title mascotImageName=
"channel" i18n
>
78 <strong>your first channel
</strong>
79 </my-signup-step-title>
81 <my-register-step-channel
82 (formBuilt)=
"onChannelFormBuilt($event)"
83 [videoQuota]=
"videoQuota" [instanceName]=
"instanceName" [username]=
"getUsername()"
84 ></my-register-step-channel>
86 <div class=
"step-buttons">
87 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
89 <div class=
"skip-step">
90 <span class=
"underline-orange" role=
"button" (click)=
"skipChannelCreation()">
91 <strong i18n
>I don't want to create a channel
</strong>
94 <div class=
"skip-step-description" i18n
>You will be able to create a channel later
</div>
97 <button cdkStepperNext [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)=
"signup()" i18n
>
103 <cdk-step #lastStep i18n-label
label=
"Done!" [editable]=
"false">
104 <div *
ngIf=
"!signupSuccess && !signupError" class=
"done-loader">
105 <my-loader [loading]=
"true"></my-loader>
107 <div i18n
>PeerTube is creating your account...
</div>
110 <div *
ngIf=
"signupError" class=
"alert alert-danger">{{ signupError }}
</div>
112 <my-signup-success *
ngIf=
"signupSuccess" [requiresEmailVerification]=
"requiresEmailVerification"></my-signup-success>
114 <div *
ngIf=
"signupError" class=
"steps-button">
115 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>