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 class=
"looking-for-account alert alert-info" *
ngIf=
"signupAllowed === false" role=
"alert">
12 <h6 class=
"alert-heading" i18n
>
13 If you are looking for an account…
17 Currently this instance doesn't allow for user registration, but you can find an instance
18 that gives you the possibility to sign up for an account and upload your videos there.
22 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>.
26 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
27 <span *
ngIf=
"error === 'User email is not verified.'"> <a i18n
routerLink=
"/verify-account/ask-send-email">Request new verification email.
</a></span>
30 <div class=
"login-form-and-externals">
32 <form role=
"form" (ngSubmit)=
"login()" [formGroup]=
"form">
33 <div class=
"form-group">
35 <label i18n
for=
"username">User
</label>
37 type=
"text" id=
"username" i18n-placeholder
placeholder=
"Username or email address" required
tabindex=
"1"
38 formControlName=
"username" class=
"form-control" [ngClass]=
"{ 'input-error': formErrors['username'] }" #usernameInput
40 <a i18n *
ngIf=
"signupAllowed === true" routerLink=
"/signup" class=
"create-an-account">
45 <div *
ngIf=
"formErrors.username" class=
"form-error">
46 {{ formErrors.username }}
50 <div class=
"form-group">
51 <label i18n
for=
"password">Password
</label>
54 type=
"password" name=
"password" id=
"password" i18n-placeholder
placeholder=
"Password" required
tabindex=
"2" autocomplete=
"current-password"
55 formControlName=
"password" class=
"form-control" [ngClass]=
"{ 'input-error': formErrors['password'] }"
57 <a i18n-title
class=
"forgot-password-button" (click)=
"openForgotPasswordModal()" title=
"Click here to reset your password">I forgot my password
</a>
59 <div *
ngIf=
"formErrors.password" class=
"form-error">
60 {{ formErrors.password }}
64 <input type=
"submit" i18n-value
value=
"Login" [disabled]=
"!form.valid">
67 <div class=
"external-login-blocks" *
ngIf=
"getExternalLogins().length !== 0">
68 <div class=
"block-title" i18n
>Or sign in with
</div>
71 <a class=
"external-login-block" *
ngFor=
"let auth of getExternalLogins()" [href]=
"getAuthHref(auth)" role=
"button">
72 {{ auth.authDisplayName }}
81 <ng-template #forgotPasswordModal
>
82 <div class=
"modal-header">
83 <h4 i18n
class=
"modal-title">Forgot your password
</h4>
85 <my-global-icon iconName=
"cross" aria-label=
"Close" role=
"button" (click)=
"hideForgotPasswordModal()"></my-global-icon>
88 <div class=
"modal-body">
90 <div *
ngIf=
"isEmailDisabled()" class=
"alert alert-danger" i18n
>
91 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system.
94 <div class=
"form-group" [hidden]=
"isEmailDisabled()">
95 <label i18n
for=
"forgot-password-email">Email
</label>
97 type=
"email" id=
"forgot-password-email" i18n-placeholder
placeholder=
"Email address" required
98 [(ngModel)]=
"forgotPasswordEmail" #forgotPasswordEmailInput
103 <div class=
"modal-footer inputs">
105 type=
"button" role=
"button" i18n-value
value=
"Cancel" class=
"action-button action-button-cancel"
106 (click)=
"hideForgotPasswordModal()" (key.enter)=
"hideForgotPasswordModal()"
110 type=
"submit" i18n-value
value=
"Send me an email to reset my password" class=
"action-button-submit"
111 (click)=
"askResetPassword()" [disabled]=
"!forgotPasswordEmailInput.validity.valid"