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 (formBuilt)=
"onUserFormBuilt($event)" (termsClick)=
"onTermsClick()" (codeOfConductClick)=
"onCodeOfConductClick()"
18 </my-register-step-user>
20 <button i18n cdkStepperNext [disabled]=
"!formStepUser || !formStepUser.valid">Next
</button>
23 <cdk-step [stepControl]=
"formStepChannel" i18n-label
label=
"Channel">
24 <my-register-step-channel (formBuilt)=
"onChannelFormBuilt($event)" [username]=
"getUsername()"></my-register-step-channel>
26 <button i18n cdkStepperNext (click)=
"signup()"
27 [disabled]=
"!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()"
33 <cdk-step i18n-label
label=
"Done" editable=
"false">
34 <div *
ngIf=
"!signupDone && !error" class=
"done-loader">
35 <my-loader [loading]=
"true"></my-loader>
37 <div i18n
>PeerTube is creating your account...
</div>
40 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
45 <div class=
"instance-information">
46 <ngb-accordion [closeOthers]=
"true" #
accordion=
"ngbAccordion">
47 <ngb-panel id=
"instance-features" i18n-title
title=
"Features found on this instance">
48 <ng-template ngbPanelContent
>
49 <my-instance-features-table></my-instance-features-table>
53 <ng-container *
ngIf=
"about">
55 *
ngIf=
"aboutHtml.administrator || about.instance.maintenanceLifetime || about.instance.businessModel"
56 id=
"admin-sustainability" i18n-title
title=
"Administrators & Sustainability"
58 <ng-template ngbPanelContent
>
60 <strong i18n
>Who are we?
</strong>
61 <div [innerHTML]=
"aboutHtml.administrator"></div>
65 <strong i18n
>How long do we plan to maintain this instance?
</strong>
66 <div [innerHTML]=
"about.instance.maintenanceLifetime"></div>
70 <strong i18n
>How will we finance this instance?
</strong>
71 <div [innerHTML]=
"about.instance.businessModel"></div>
76 <ngb-panel *
ngIf=
"aboutHtml.moderationInformation" id=
"moderation-information" i18n-title
title=
"Moderation information">
77 <ng-template ngbPanelContent
>
78 <div class=
"block" [innerHTML]=
"aboutHtml.moderationInformation"></div>
82 <ngb-panel *
ngIf=
"aboutHtml.codeOfConduct" id=
"code-of-conduct" i18n-title
title=
"Code of conduct">
83 <ng-template ngbPanelContent
>
84 <div class=
"block" [innerHTML]=
"aboutHtml.codeOfConduct"></div>
88 <ngb-panel *
ngIf=
"aboutHtml.terms" id=
"terms" i18n-title
title=
"Terms">
89 <ng-template ngbPanelContent
>
90 <div class=
"block" [innerHTML]=
"aboutHtml.terms"></div>