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 class=
"title-page-v2">
9 <strong class=
"underline-orange">{{ instanceName }}
</strong>
11 <my-signup-label [requiresApproval]=
"requiresApproval"></my-signup-label>
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">
20 <my-signup-label [requiresApproval]=
"requiresApproval"></my-signup-label>
23 <div i18n
>on {{ instanceName }}
</div>
24 </my-signup-step-title>
26 <my-register-step-about [requiresApproval]=
"requiresApproval" [videoUploadDisabled]=
"videoUploadDisabled"></my-register-step-about>
28 <div class=
"step-buttons">
29 <a i18n
class=
"skip-step underline-orange" routerLink=
"/login">
30 <strong>I already have an account
</strong>, I log in
33 <button cdkStepperNext
>
34 <my-signup-label [requiresApproval]=
"requiresApproval"></my-signup-label>
39 <cdk-step [stepControl]=
"formStepTerms" i18n-label
label=
"Terms" [editable]=
"!signupSuccess">
40 <my-signup-step-title mascotImageName=
"terms" i18n
>
41 <strong>Terms
</strong>
42 <div>of {{ instanceName }}
</div>
43 </my-signup-step-title>
45 <my-instance-about-accordion
46 [displayInstanceName]=
"false"
47 (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"
48 pluginScope=
"signup" pluginHook=
"filter:signup.instance-about-plugin-panels.create.result"
49 ></my-instance-about-accordion>
51 <my-register-step-terms
52 [hasCodeOfConduct]=
"!!aboutHtml.codeOfConduct" [minimumAge]=
"minimumAge" [instanceName]=
"instanceName"
53 [requiresApproval]=
"requiresApproval"
54 (formBuilt)=
"onTermsFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
55 ></my-register-step-terms>
57 <div class=
"step-buttons">
58 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
59 <button cdkStepperNext [disabled]=
"!formStepTerms || !formStepTerms.valid">{{ defaultNextStepButtonLabel }}
</button>
63 <cdk-step [stepControl]=
"formStepUser" i18n-label
label=
"My account" [editable]=
"!signupSuccess">
64 <my-signup-step-title mascotImageName=
"account" i18n
>
65 <strong>Setup
</strong>
66 <div>your account
</div>
67 </my-signup-step-title>
69 <my-register-step-user
70 (formBuilt)=
"onUserFormBuilt($event)"
71 [videoUploadDisabled]=
"videoUploadDisabled" [requiresEmailVerification]=
"requiresEmailVerification"
72 ></my-register-step-user>
74 <div class=
"step-buttons">
75 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
76 <button cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid" (click)=
"videoUploadDisabled && signup()">{{ stepUserButtonLabel }}
</button>
80 <cdk-step *
ngIf=
"!videoUploadDisabled" [optional]=
"true" [stepControl]=
"formStepChannel" i18n-label
label=
"My channel" [editable]=
"!signupSuccess">
81 <my-signup-step-title mascotImageName=
"channel" i18n
>
83 <strong>your first channel
</strong>
84 </my-signup-step-title>
86 <my-register-step-channel
87 (formBuilt)=
"onChannelFormBuilt($event)"
88 [videoQuota]=
"videoQuota" [instanceName]=
"instanceName" [username]=
"getUsername()"
89 ></my-register-step-channel>
91 <div class=
"step-buttons">
92 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>
94 <div class=
"skip-step">
95 <span class=
"underline-orange" role=
"button" (click)=
"skipChannelCreation()">
96 <strong i18n
>I don't want to create a channel
</strong>
99 <div class=
"skip-step-description" i18n
>You will be able to create a channel later
</div>
102 <button cdkStepperNext [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)=
"signup()">
103 <my-signup-label [requiresApproval]=
"requiresApproval"></my-signup-label>
108 <cdk-step #lastStep i18n-label
label=
"Done!" [editable]=
"false">
109 <!-- Account creation can be a little bit long so display a loader -->
110 <div *
ngIf=
"!requiresApproval && !signupSuccess && !signupError" class=
"done-loader">
111 <my-loader [loading]=
"true"></my-loader>
113 <div i18n
>PeerTube is creating your account...
</div>
116 <div *
ngIf=
"signupError" class=
"alert alert-danger">{{ signupError }}
</div>
118 <my-signup-success-before-email
119 *
ngIf=
"signupSuccess"
120 [requiresEmailVerification]=
"requiresEmailVerification" [requiresApproval]=
"requiresApproval" [instanceName]=
"instanceName"
121 ></my-signup-success-before-email>
123 <div *
ngIf=
"signupError" class=
"steps-button">
124 <button cdkStepperPrevious
>{{ defaultPreviousStepButtonLabel }}
</button>