Cleanup login form
authorChocobozzz <me@florianbigard.com>
Tue, 21 Jan 2020 09:52:22 +0000 (10:52 +0100)
committerChocobozzz <me@florianbigard.com>
Tue, 21 Jan 2020 10:03:46 +0000 (11:03 +0100)
client/src/app/header/header.component.html
client/src/app/header/header.component.ts
client/src/app/login/login.component.html
client/src/app/login/login.component.ts

index 1bdfe9858292ad36480e699c308414a2cbb3c835..4fd18f9bdf20b8d1f9beb64d9558aa59d59edb55 100644 (file)
@@ -4,7 +4,7 @@
 >
 <span (click)="doSearch()" class="icon icon-search"></span>
 
-<a class="upload-button" [routerLink]="routerLink">
+<a class="upload-button" routerLink="/videos/upload">
   <my-global-icon iconName="upload"></my-global-icon>
   <span i18n class="upload-button-label">Upload</span>
 </a>
index 5fd1229307a9207a8870e3dc1cf99f39803fb3c2..92a7eded651eea650993ca6243ec7930cf433f34 100644 (file)
@@ -2,9 +2,8 @@ import { filter, first, map, tap } from 'rxjs/operators'
 import { Component, OnInit } from '@angular/core'
 import { ActivatedRoute, NavigationEnd, Params, Router } from '@angular/router'
 import { getParameterByName } from '../shared/misc/utils'
-import { AuthService, ServerService, Notifier } from '@app/core'
+import { AuthService, Notifier, ServerService } from '@app/core'
 import { of } from 'rxjs'
-import { ServerConfig } from '@shared/models'
 import { I18n } from '@ngx-translate/i18n-polyfill'
 
 @Component({
@@ -17,8 +16,6 @@ export class HeaderComponent implements OnInit {
   searchValue = ''
   ariaLabelTextForSearch = ''
 
-  private serverConfig: ServerConfig
-
   constructor (
     private router: Router,
     private route: ActivatedRoute,
@@ -38,23 +35,6 @@ export class HeaderComponent implements OnInit {
           map(() => getParameterByName('search', window.location.href))
         )
         .subscribe(searchQuery => this.searchValue = searchQuery || '')
-
-    this.serverConfig = this.serverService.getTmpConfig()
-    this.serverService.getConfig().subscribe(
-      config => this.serverConfig = config,
-
-      err => this.notifier.error(err.message)
-    )
-  }
-
-  get routerLink () {
-    if (this.isUserLoggedIn()) {
-      return [ '/videos/upload' ]
-    } else if (this.isRegistrationAllowed()) {
-      return [ '/signup' ]
-    } else {
-      return [ '/login', { fromUpload: true } ]
-    }
   }
 
   doSearch () {
@@ -73,15 +53,6 @@ export class HeaderComponent implements OnInit {
     o.subscribe(() => this.router.navigate([ '/search' ], { queryParams }))
   }
 
-  isUserLoggedIn () {
-    return this.authService.isLoggedIn()
-  }
-
-  isRegistrationAllowed () {
-    return this.serverConfig.signup.allowed &&
-           this.serverConfig.signup.allowedForCurrentIP
-  }
-
   private loadUserLanguagesIfNeeded (queryParams: any) {
     if (queryParams && queryParams.languageOneOf) return of(queryParams)
 
index 6c6a41c4a040a529950e54645fe708482fb2ae43..0b0bacff03eb77f93a6ff9880f1db7ed28a73177 100644 (file)
@@ -3,15 +3,18 @@
     Login
   </div>
 
-  <div class="alert alert-warning" *ngIf="from.upload" role="alert">
+  <div class="alert alert-info" *ngIf="signupAllowed === false" role="alert">
     <h6 class="alert-heading" i18n>
       If you are looking for an account…
     </h6>
+
     <div i18n>
-      Currently this instance doesn't allow for user registration, but you can find an instance 
+      Currently this instance doesn't allow for user registration, but you can find an instance
       that gives you the possibility to sign up for an account and upload your videos there.
-      Find yours among multiple instances at <a class="alert-link" [href]="instancesIndexUrl" target="_blank" rel="noopener noreferrer">{{ instancesIndexUrl }}</a>
-      , a directory of instances recommended by this instance.
+
+      <br />
+
+      Find yours among multiple instances at <a class="alert-link" href="https://joinpeertube.org/instances" target="_blank" rel="noopener noreferrer">https://joinpeertube.org/instances</a>.
     </div>
   </div>
 
         <a i18n *ngIf="signupAllowed === true" routerLink="/signup" class="create-an-account">
           or create an account
         </a>
-
-        <a i18n *ngIf="signupAllowed === false" href="https://joinpeertube.org/instances#instances-list" target="_blank" title="Click here to see a list of instances where to register" class="create-an-account">
-          or create an account on another instance
-        </a>
-
-        <my-help *ngIf="signupAllowed === false">
-          <ng-template ptTemplate="customHtml">
-            <ng-container i18n>User registration is not allowed on this instance, but you can register on many others!</ng-container>
-          </ng-template>
-        </my-help>
       </div>
 
       <div *ngIf="formErrors.username" class="form-error">
index 1394d6b5856be98c7ac63591dd478151d409534b..580f2882210a65fc89303209607ff703aca29d50 100644 (file)
@@ -22,9 +22,6 @@ export class LoginComponent extends FormReactive implements OnInit {
 
   error: string = null
   forgotPasswordEmail = ''
-  from = {
-    upload: false
-  }
 
   private openedForgotPasswordModal: NgbModalRef
   private serverConfig: ServerConfig
@@ -47,17 +44,12 @@ export class LoginComponent extends FormReactive implements OnInit {
     return this.serverConfig.signup.allowed === true
   }
 
-  get instancesIndexUrl () {
-    return this.serverConfig.followings.instance.autoFollowIndex.indexUrl || 'https://instances.joinpeertube.org'
-  }
-
   isEmailDisabled () {
     return this.serverConfig.email.enabled === false
   }
 
   ngOnInit () {
     this.serverConfig = this.route.snapshot.data.serverConfig
-    this.from.upload = Boolean(this.route.snapshot.paramMap.get('fromUpload'))
 
     this.buildForm({
       username: this.loginValidatorsService.LOGIN_USERNAME,