1 <div class=
"margin-content">
2 <div i18n
class=
"title-page title-page-single">
6 <div class=
"alert alert-danger" i18n *
ngIf=
"externalAuthError">
7 Sorry but there was an issue with the external login process. Please
<a routerLink=
"/about">contact an administrator
</a>.
10 <ng-container *
ngIf=
"!externalAuthError && !isAuthenticatedWithExternalAuth">
11 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
12 <span *
ngIf=
"error === 'User email is not verified.'"> <a i18n
routerLink=
"/verify-account/ask-send-email">Request new verification email.
</a></span>
16 <div class=
"login-form-and-externals">
18 <form role=
"form" (ngSubmit)=
"login()" [formGroup]=
"form">
19 <div class=
"form-group">
21 <label i18n
for=
"username">User
</label>
23 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Username or email address" required
tabindex=
"1"
24 formControlName=
"username" class=
"form-control" [ngClass]=
"{ 'input-error': formErrors['username'] }" myAutofocus
28 <div *
ngIf=
"formErrors.username" class=
"form-error">
29 {{ formErrors.username }}
32 <div *
ngIf=
"hasUsernameUppercase()" i18n
class=
"form-warning">
33 ⚠️ Most email addresses do not include capital letters.
37 <div class=
"form-group">
38 <label i18n
for=
"password">Password
</label>
39 <my-input-toggle-hidden formControlName=
"password" inputId=
"password"
40 i18n-placeholder
placeholder=
"Password"
41 [ngClass]=
"{ 'input-error': formErrors['password'] }"
42 autocomplete=
"current-password" [tabindex]=
"2"></my-input-toggle-hidden>
43 <div *
ngIf=
"formErrors.password" class=
"form-error">
44 {{ formErrors.password }}
48 <input type=
"submit" class=
"peertube-button orange-button" i18n-value
value=
"Login" [disabled]=
"!form.valid">
50 <div class=
"additionnal-links">
51 <a i18n
class=
"forgot-password-button" (click)=
"openForgotPasswordModal()" i18n-title
title=
"Click here to reset your password">I forgot my password
</a>
52 <div *
ngIf=
"signupAllowed" class=
"signup-link">
54 <a i18n
routerLink=
"/signup" class=
"create-an-account">Create an account
</a>
58 <div class=
"looking-for-account alert alert-info" role=
"alert">
59 <h6 class=
"alert-heading" i18n
>
60 Logging into an account lets you publish content
63 <div *
ngIf=
"signupAllowed" i18n
>
64 This instance allows registration. However, be careful to check the
<a class=
"terms-anchor" (click)=
"onTermsClick($event, instanceInformation)" href='#'
>Terms
</a><a class=
"terms-link" target=
"_blank" routerLink=
"/about/instance" fragment=
"terms">Terms
</a> before creating an account.
65 You may also search for another instance to match your exact needs at:
<br /><a class=
"alert-link" href=
"https://joinpeertube.org/instances" target=
"_blank" rel=
"noopener noreferrer">https://joinpeertube.org/instances
</a>.
68 <div *
ngIf=
"!signupAllowed" i18n
>
69 Currently this instance doesn't allow for user registration, you may check the
<a (click)=
"onTermsClick($event, instanceInformation)" href='#'
>Terms
</a> for more details or find an instance that gives you the possibility to sign up for an account and upload your videos there.
70 Find yours among multiple instances at:
<br /> <a class=
"alert-link" href=
"https://joinpeertube.org/instances" target=
"_blank" rel=
"noopener noreferrer">https://joinpeertube.org/instances
</a>.
75 <div class=
"external-login-blocks" *
ngIf=
"getExternalLogins().length !== 0">
76 <div class=
"block-title" i18n
>Or sign in with
</div>
79 <a class=
"external-login-block" *
ngFor=
"let auth of getExternalLogins()" [href]=
"getAuthHref(auth)" role=
"button">
80 {{ auth.authDisplayName }}
86 <div #instanceInformation
class=
"instance-information">
87 <my-instance-about-accordion (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"></my-instance-about-accordion>
93 <ng-template #forgotPasswordModal
>
94 <div class=
"modal-header">
95 <h4 i18n
class=
"modal-title">Forgot your password
</h4>
97 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hideForgotPasswordModal()"></my-global-icon>
100 <div class=
"modal-body">
102 <div *
ngIf=
"isEmailDisabled()" class=
"alert alert-danger" i18n
>
103 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system.
106 <div *
ngIf=
"!isEmailDisabled()" class=
"forgot-password-instructions" i18n
>
107 Enter your email address and we will send you a link to reset your password.
110 <div class=
"form-group" [hidden]=
"isEmailDisabled()">
111 <label i18n
for=
"forgot-password-email">Email
</label>
113 type=
"email" id=
"forgot-password-email" i18n-placeholder
placeholder=
"Email address" required
114 [(ngModel)]=
"forgotPasswordEmail" #forgotPasswordEmailInput
119 <div class=
"modal-footer inputs">
121 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
122 (click)=
"hideForgotPasswordModal()" (key.enter)=
"hideForgotPasswordModal()"
126 type=
"submit" i18n-value=
"Password reset button" value=
"Reset" class=
"peertube-button orange-button"
127 (click)=
"askResetPassword()" [disabled]=
"!forgotPasswordEmailInput.validity.valid"