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]=
"formStepUser" i18n-label
label=
"User">
14 <my-register-step-user
15 [hasCodeOfConduct]=
"!!aboutHtml.codeOfConduct"
16 [videoUploadDisabled]=
"videoUploadDisabled"
17 (formBuilt)=
"onUserFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
19 </my-register-step-user>
21 <button i18n cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid"
22 (click)=
"signup()">{{ videoUploadDisabled ? 'Signup' : 'Next' }}
</button>
25 <cdk-step [stepControl]=
"formStepChannel" i18n-label
label=
"Channel" *
ngIf=
"!videoUploadDisabled">
26 <my-register-step-channel (formBuilt)=
"onChannelFormBuilt($event)" [username]=
"getUsername()"></my-register-step-channel>
28 <button i18n cdkStepperNext (click)=
"signup()"
29 [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()"
35 <cdk-step i18n-label
label=
"Done" editable=
"false">
36 <div *
ngIf=
"!signupDone && !error" class=
"done-loader">
37 <my-loader [loading]=
"true"></my-loader>
39 <div i18n
>PeerTube is creating your account...
</div>
42 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
47 <div class=
"instance-information">
48 <ngb-accordion [closeOthers]=
"true" #
accordion=
"ngbAccordion">
49 <ngb-panel id=
"instance-features" i18n-title
title=
"Features found on this instance">
50 <ng-template ngbPanelContent
>
51 <my-instance-features-table></my-instance-features-table>
55 <ng-container *
ngIf=
"about">
57 *
ngIf=
"aboutHtml.administrator || about.instance.maintenanceLifetime || about.instance.businessModel"
58 id=
"admin-sustainability" i18n-title
title=
"Administrators & Sustainability"
60 <ng-template ngbPanelContent
>
62 <strong i18n
>Who are we?
</strong>
63 <div [innerHTML]=
"aboutHtml.administrator"></div>
67 <strong i18n
>How long do we plan to maintain this instance?
</strong>
68 <div [innerHTML]=
"about.instance.maintenanceLifetime"></div>
72 <strong i18n
>How will we finance this instance?
</strong>
73 <div [innerHTML]=
"about.instance.businessModel"></div>
78 <ngb-panel *
ngIf=
"aboutHtml.moderationInformation" id=
"moderation-information" i18n-title
title=
"Moderation information">
79 <ng-template ngbPanelContent
>
80 <div class=
"block" [innerHTML]=
"aboutHtml.moderationInformation"></div>
84 <ngb-panel *
ngIf=
"aboutHtml.codeOfConduct" id=
"code-of-conduct" i18n-title
title=
"Code of conduct">
85 <ng-template ngbPanelContent
>
86 <div class=
"block" [innerHTML]=
"aboutHtml.codeOfConduct"></div>
90 <ngb-panel *
ngIf=
"aboutHtml.terms" id=
"terms" i18n-title
title=
"Terms">
91 <ng-template ngbPanelContent
>
92 <div class=
"block" [innerHTML]=
"aboutHtml.terms"></div>