mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2025-02-25 18:55:32 -06:00
101 lines
4.0 KiB
HTML
101 lines
4.0 KiB
HTML
<div class="margin-content">
|
|
|
|
<div i18n class="title-page title-page-single">
|
|
Create an account
|
|
</div>
|
|
|
|
<my-signup-success *ngIf="signupDone" [message]="success"></my-signup-success>
|
|
<div *ngIf="info" class="alert alert-info">{{ info }}</div>
|
|
|
|
<div class="wrapper" [hidden]="signupDone">
|
|
<div class="register-form">
|
|
<my-custom-stepper linear *ngIf="!signupDone">
|
|
<cdk-step [stepControl]="formStepUser" i18n-label label="User">
|
|
<my-register-step-user
|
|
[hasCodeOfConduct]="!!aboutHtml.codeOfConduct"
|
|
[videoUploadDisabled]="videoUploadDisabled"
|
|
(formBuilt)="onUserFormBuilt($event)" (termsClick)="onTermsClick()" (codeOfConductClick)="onCodeOfConductClick()"
|
|
>
|
|
</my-register-step-user>
|
|
|
|
<button i18n cdkStepperNext [disabled]="!formStepUser || !formStepUser.valid"
|
|
(click)="signup()">{{ videoUploadDisabled ? 'Signup' : 'Next' }}</button>
|
|
</cdk-step>
|
|
|
|
<cdk-step [stepControl]="formStepChannel" i18n-label label="Channel" *ngIf="!videoUploadDisabled">
|
|
<my-register-step-channel (formBuilt)="onChannelFormBuilt($event)" [username]="getUsername()"></my-register-step-channel>
|
|
|
|
<button i18n cdkStepperNext (click)="signup()"
|
|
[disabled]="!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()"
|
|
>
|
|
Create my account
|
|
</button>
|
|
</cdk-step>
|
|
|
|
<cdk-step i18n-label label="Done" editable="false">
|
|
<div *ngIf="!signupDone && !error" class="done-loader">
|
|
<my-loader [loading]="true"></my-loader>
|
|
|
|
<div i18n>PeerTube is creating your account...</div>
|
|
</div>
|
|
|
|
<div *ngIf="error" class="alert alert-danger">{{ error }}</div>
|
|
</cdk-step>
|
|
</my-custom-stepper>
|
|
</div>
|
|
|
|
<div class="instance-information">
|
|
<ngb-accordion [closeOthers]="true" #accordion="ngbAccordion">
|
|
<ngb-panel id="instance-features" i18n-title title="Features found on this instance">
|
|
<ng-template ngbPanelContent>
|
|
<my-instance-features-table></my-instance-features-table>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
|
|
<ng-container *ngIf="about">
|
|
<ngb-panel
|
|
*ngIf="aboutHtml.administrator || about.instance.maintenanceLifetime || about.instance.businessModel"
|
|
id="admin-sustainability" i18n-title title="Administrators & Sustainability"
|
|
>
|
|
<ng-template ngbPanelContent>
|
|
<div class="block">
|
|
<strong i18n>Who are we?</strong>
|
|
<div [innerHTML]="aboutHtml.administrator"></div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<strong i18n>How long do we plan to maintain this instance?</strong>
|
|
<div [innerHTML]="about.instance.maintenanceLifetime"></div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<strong i18n>How will we finance this instance?</strong>
|
|
<div [innerHTML]="about.instance.businessModel"></div>
|
|
</div>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
|
|
<ngb-panel *ngIf="aboutHtml.moderationInformation" id="moderation-information" i18n-title title="Moderation information">
|
|
<ng-template ngbPanelContent>
|
|
<div class="block" [innerHTML]="aboutHtml.moderationInformation"></div>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
|
|
<ngb-panel *ngIf="aboutHtml.codeOfConduct" id="code-of-conduct" i18n-title title="Code of conduct">
|
|
<ng-template ngbPanelContent>
|
|
<div class="block" [innerHTML]="aboutHtml.codeOfConduct"></div>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
|
|
<ngb-panel *ngIf="aboutHtml.terms" id="terms" i18n-title title="Terms">
|
|
<ng-template ngbPanelContent>
|
|
<div class="block" [innerHTML]="aboutHtml.terms"></div>
|
|
</ng-template>
|
|
</ngb-panel>
|
|
</ng-container>
|
|
</ngb-accordion>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|