interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add previous button to registration form, with alignment

This commit is contained in:
Rigel Kent 2020-12-09 13:20:58 +01:00
parent 23cd3129a9
commit e0fea785bf
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/app/+signup/+register/register.component.html
View File

@ -26,15 +26,15 @@
<cdk-step [stepControl]="formStepUser" i18n-label="Stepper label for the registration page asking user informations" label="User"> <cdk-step [stepControl]="formStepUser" i18n-label="Stepper label for the registration page asking user informations" label="User">
<my-register-step-user (formBuilt)="onUserFormBuilt($event)" [videoUploadDisabled]="videoUploadDisabled"></my-register-step-user> <my-register-step-user (formBuilt)="onUserFormBuilt($event)" [videoUploadDisabled]="videoUploadDisabled"></my-register-step-user>
<button cdkStepperPrevious>{{ defaultPreviousStepButtonLabel }}</button>
<button cdkStepperNext [disabled]="!formStepUser || !formStepUser.valid" (click)="videoUploadDisabled && signup()">{{ stepUserButtonLabel }}</button> <button cdkStepperNext [disabled]="!formStepUser || !formStepUser.valid" (click)="videoUploadDisabled && signup()">{{ stepUserButtonLabel }}</button>
</cdk-step> </cdk-step>
<cdk-step [stepControl]="formStepChannel" i18n-label="Stepper label for the registration page asking information about the default channel" label="Channel" *ngIf="!videoUploadDisabled"> <cdk-step [stepControl]="formStepChannel" i18n-label="Stepper label for the registration page asking information about the default channel" label="Channel" *ngIf="!videoUploadDisabled">
<my-register-step-channel (formBuilt)="onChannelFormBuilt($event)" [username]="getUsername()"></my-register-step-channel> <my-register-step-channel (formBuilt)="onChannelFormBuilt($event)" [username]="getUsername()"></my-register-step-channel>
<button i18n cdkStepperNext (click)="signup()" <button cdkStepperPrevious>{{ defaultPreviousStepButtonLabel }}</button>
[disabled]="!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" <button cdkStepperNext [disabled]="!formStepChannel || !formStepChannel.valid || hasSameChannelAndAccountNames()" (click)="signup()" i18n>
>
Create my account Create my account
</button> </button>
</cdk-step> </cdk-step>

11
client/src/app/+signup/+register/register.component.scss
View File

@ -55,7 +55,16 @@ input:not([type=submit]) {
input[type=submit], input[type=submit],
button { button {
@include peertube-button; @include peertube-button;
@include orange-button;
&[cdkStepperNext] {
@include orange-button;
float: inline-end;
}
&[cdkStepperPrevious] {
@include grey-button;
float: inline-start;
}
} }
.name-information { .name-information {

5
client/src/app/+signup/+register/register.component.ts
View File

@ -38,7 +38,8 @@ export class RegisterComponent implements OnInit {
moderation: false moderation: false
} }
defaultNextStepButtonLabel = $localize`Next` defaultPreviousStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Back`
defaultNextStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Next`
stepUserButtonLabel = this.defaultNextStepButtonLabel stepUserButtonLabel = this.defaultNextStepButtonLabel
private serverConfig: ServerConfig private serverConfig: ServerConfig
@ -60,7 +61,7 @@ export class RegisterComponent implements OnInit {
this.videoUploadDisabled = this.serverConfig.user.videoQuota === 0 this.videoUploadDisabled = this.serverConfig.user.videoQuota === 0
this.stepUserButtonLabel = this.videoUploadDisabled this.stepUserButtonLabel = this.videoUploadDisabled
? $localize`Signup` ? $localize`:Button on the registration form to finalize the account and channel creation:Signup`
: this.defaultNextStepButtonLabel : this.defaultNextStepButtonLabel
this.hooks.runAction('action:signup.register.init', 'signup') this.hooks.runAction('action:signup.register.init', 'signup')