X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.ts;h=16e4446785fbe742412ac11500db52ec3ffc0134;hb=ad76628b17ff8f25d3402d6d669b274116bbf76c;hp=682e592c79704da19bad91dea1021c616ef724f2;hpb=d18d64787b3ea174f7dc2740c8c8c9555625047e;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/signup/signup.component.ts b/client/src/app/signup/signup.component.ts index 682e592c7..16e444678 100644 --- a/client/src/app/signup/signup.component.ts +++ b/client/src/app/signup/signup.component.ts @@ -1,11 +1,9 @@ import { Component, OnInit } from '@angular/core' import { Router } from '@angular/router' -import { ServerService } from '@app/core/server' - import { NotificationsService } from 'angular2-notifications' import { UserCreate } from '../../../../shared' -import { FormReactive, USER_EMAIL, USER_PASSWORD, USER_USERNAME, UserService } from '../shared' -import { RedirectService } from '@app/core' +import { FormReactive, UserService, UserValidatorsService } from '../shared' +import { RedirectService, ServerService } from '@app/core' import { I18n } from '@ngx-translate/i18n-polyfill' import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service' @@ -16,45 +14,35 @@ import { FormValidatorService } from '@app/shared/forms/form-validators/form-val }) export class SignupComponent extends FormReactive implements OnInit { error: string = null - quotaHelpIndication = '' - - private static getApproximateTime (seconds: number) { - const hours = Math.floor(seconds / 3600) - let pluralSuffix = '' - if (hours > 1) pluralSuffix = 's' - if (hours > 0) return `~ ${hours} hour${pluralSuffix}` - - const minutes = Math.floor(seconds % 3600 / 60) - if (minutes > 1) pluralSuffix = 's' - - return `~ ${minutes} minute${pluralSuffix}` - } constructor ( protected formValidatorService: FormValidatorService, + private userValidatorsService: UserValidatorsService, private router: Router, private notificationsService: NotificationsService, private userService: UserService, - private redirectService: RedirectService, private serverService: ServerService, + private redirectService: RedirectService, private i18n: I18n ) { super() } - get initialUserVideoQuota () { - return this.serverService.getConfig().user.videoQuota + get instanceHost () { + return window.location.host + } + + get requiresEmailVerification () { + return this.serverService.getConfig().signup.requiresEmailVerification } ngOnInit () { this.buildForm({ - username: USER_USERNAME, - password: USER_PASSWORD, - email: USER_EMAIL + username: this.userValidatorsService.USER_USERNAME, + password: this.userValidatorsService.USER_PASSWORD, + email: this.userValidatorsService.USER_EMAIL, + terms: this.userValidatorsService.USER_TERMS }) - - this.serverService.configLoaded - .subscribe(() => this.buildQuotaHelpIndication()) } signup () { @@ -64,35 +52,21 @@ export class SignupComponent extends FormReactive implements OnInit { this.userService.signup(userCreate).subscribe( () => { - this.notificationsService.success( - this.i18n('Success'), - this.i18n('Registration for {{username}} complete.', { username: userCreate.username }) - ) + if (this.requiresEmailVerification) { + this.notificationsService.alert( + this.i18n('Welcome'), + this.i18n('Please check your email to verify your account and complete signup.') + ) + } else { + this.notificationsService.success( + this.i18n('Success'), + this.i18n('Registration for {{username}} complete.', { username: userCreate.username }) + ) + } this.redirectService.redirectToHomepage() }, err => this.error = err.message ) } - - private buildQuotaHelpIndication () { - if (this.initialUserVideoQuota === -1) return - - const initialUserVideoQuotaBit = this.initialUserVideoQuota * 8 - - // 1080p: ~ 6Mbps - // 720p: ~ 4Mbps - // 360p: ~ 1.5Mbps - const fullHdSeconds = initialUserVideoQuotaBit / (6 * 1000 * 1000) - const hdSeconds = initialUserVideoQuotaBit / (4 * 1000 * 1000) - const normalSeconds = initialUserVideoQuotaBit / (1.5 * 1000 * 1000) - - const lines = [ - this.i18n('{{seconds}} of full HD videos', { seconds: SignupComponent.getApproximateTime(fullHdSeconds) }), - this.i18n('{{seconds}} of HD videos', { seconds: SignupComponent.getApproximateTime(hdSeconds) }), - this.i18n('{{seconds}} of average quality videos', { seconds: SignupComponent.getApproximateTime(normalSeconds) }) - ] - - this.quotaHelpIndication = lines.join('
') - } }