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'] }" autofocus
28 <div *
ngIf=
"formErrors.username" class=
"form-error">
29 {{ formErrors.username }}
33 <div class=
"form-group">
34 <label i18n
for=
"password">Password
</label>
35 <my-input-toggle-hidden formControlName=
"password" inputId=
"password"
36 i18n-placeholder
placeholder=
"Password"
37 [ngClass]=
"{ 'input-error': formErrors['password'] }"
38 autocomplete=
"current-password" [tabindex]=
"2"></my-input-toggle-hidden>
39 <div *
ngIf=
"formErrors.password" class=
"form-error">
40 {{ formErrors.password }}
44 <input type=
"submit" class=
"peertube-button orange-button" i18n-value
value=
"Login" [disabled]=
"!form.valid">
46 <div class=
"additionnal-links">
47 <a i18n
class=
"forgot-password-button" (click)=
"openForgotPasswordModal()" i18n-title
title=
"Click here to reset your password">I forgot my password
</a>
48 <div *
ngIf=
"signupAllowed" class=
"signup-link">
50 <a i18n
routerLink=
"/signup" class=
"create-an-account">Create an account
</a>
54 <div class=
"looking-for-account alert alert-info" role=
"alert">
55 <h6 class=
"alert-heading" i18n
>
56 Logging into an account lets you publish content
59 <div *
ngIf=
"signupAllowed" i18n
>
60 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.
61 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>.
64 <div *
ngIf=
"!signupAllowed" i18n
>
65 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.
66 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>.
71 <div class=
"external-login-blocks" *
ngIf=
"getExternalLogins().length !== 0">
72 <div class=
"block-title" i18n
>Or sign in with
</div>
75 <a class=
"external-login-block" *
ngFor=
"let auth of getExternalLogins()" [href]=
"getAuthHref(auth)" role=
"button">
76 {{ auth.authDisplayName }}
82 <div #instanceInformation
class=
"instance-information">
83 <my-instance-about-accordion (init)=
"onInstanceAboutAccordionInit($event)" [panels]=
"instanceInformationPanels"></my-instance-about-accordion>
89 <ng-template #forgotPasswordModal
>
90 <div class=
"modal-header">
91 <h4 i18n
class=
"modal-title">Forgot your password
</h4>
93 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hideForgotPasswordModal()"></my-global-icon>
96 <div class=
"modal-body">
98 <div *
ngIf=
"isEmailDisabled()" class=
"alert alert-danger" i18n
>
99 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system.
102 <div *
ngIf=
"!isEmailDisabled()" class=
"forgot-password-instructions" i18n
>
103 Enter your email address and we will send you a link to reset your password.
106 <div class=
"form-group" [hidden]=
"isEmailDisabled()">
107 <label i18n
for=
"forgot-password-email">Email
</label>
109 type=
"email" id=
"forgot-password-email" i18n-placeholder
placeholder=
"Email address" required
110 [(ngModel)]=
"forgotPasswordEmail" #forgotPasswordEmailInput
115 <div class=
"modal-footer inputs">
117 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"peertube-button grey-button"
118 (click)=
"hideForgotPasswordModal()" (key.enter)=
"hideForgotPasswordModal()"
122 type=
"submit" i18n-value=
"Password reset button" value=
"Reset" class=
"peertube-button orange-button"
123 (click)=
"askResetPassword()" [disabled]=
"!forgotPasswordEmailInput.validity.valid"