]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/login/login.component.html
More discrete close icon for toast
[github/Chocobozzz/PeerTube.git] / client / src / app / login / login.component.html
CommitLineData
d235f6b0 1<div class="margin-content">
b1d40cff 2 <div i18n class="title-page title-page-single">
d235f6b0
C
3 Login
4 </div>
192ea60b 5
21e6dc81 6 <div class="alert alert-info" *ngIf="signupAllowed === false" role="alert">
000eb0e4
RK
7 <h6 class="alert-heading" i18n>
8 If you are looking for an account…
9 </h6>
21e6dc81 10
000eb0e4 11 <div i18n>
21e6dc81 12 Currently this instance doesn't allow for user registration, but you can find an instance
000eb0e4 13 that gives you the possibility to sign up for an account and upload your videos there.
21e6dc81
C
14
15 <br />
16
17 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>.
000eb0e4
RK
18 </div>
19 </div>
20
d9eaee39
JM
21 <div *ngIf="error" class="alert alert-danger">{{ error }}
22 <span *ngIf="error === 'User email is not verified.'"> <a i18n routerLink="/verify-account/ask-send-email">Request new verification email.</a></span>
23 </div>
b1794c53 24
d235f6b0
C
25 <form role="form" (ngSubmit)="login()" [formGroup]="form">
26 <div class="form-group">
2b084d70 27 <div>
b1d40cff 28 <label i18n for="username">User</label>
2b084d70 29 <input
b1d40cff 30 type="text" id="username" i18n-placeholder placeholder="Username or email address" required tabindex="1"
9fe44067 31 formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" #emailInput
2b084d70 32 >
b1d40cff 33 <a i18n *ngIf="signupAllowed === true" routerLink="/signup" class="create-an-account">
2b084d70
C
34 or create an account
35 </a>
2b084d70
C
36 </div>
37
a2b817d3 38 <div *ngIf="formErrors.username" class="form-error">
d235f6b0 39 {{ formErrors.username }}
897ec54d 40 </div>
d235f6b0 41 </div>
b1794c53 42
d235f6b0 43 <div class="form-group">
b1d40cff 44 <label i18n for="password">Password</label>
ecb4e35f
C
45 <div>
46 <input
7738273b 47 type="password" name="password" id="password" i18n-placeholder placeholder="Password" required tabindex="2" autocomplete="current-password"
ecb4e35f
C
48 formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
49 >
97eae838 50 <a i18n-title class="forgot-password-button" (click)="openForgotPasswordModal()" title="Click here to reset your password">I forgot my password</a>
ecb4e35f 51 </div>
a2b817d3 52 <div *ngIf="formErrors.password" class="form-error">
d235f6b0 53 {{ formErrors.password }}
897ec54d 54 </div>
d235f6b0 55 </div>
897ec54d 56
baf0a8c9 57 <input type="submit" i18n-value value="Login" [disabled]="!form.valid">
d235f6b0 58 </form>
897ec54d 59</div>
ecb4e35f 60
63347a0f
C
61<ng-template #forgotPasswordModal>
62 <div class="modal-header">
63 <h4 i18n class="modal-title">Forgot your password</h4>
457bb213
C
64
65 <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hideForgotPasswordModal()"></my-global-icon>
63347a0f 66 </div>
ecb4e35f 67
63347a0f 68 <div class="modal-body">
3b3b1820
C
69
70 <div *ngIf="isEmailDisabled()" class="alert alert-danger" i18n>
32d7f2b7 71 We are sorry, you cannot recover your password because your instance administrator did not configure the PeerTube email system.
3b3b1820
C
72 </div>
73
74 <div class="form-group" [hidden]="isEmailDisabled()">
63347a0f
C
75 <label i18n for="forgot-password-email">Email</label>
76 <input
77 type="email" id="forgot-password-email" i18n-placeholder placeholder="Email address" required
78 [(ngModel)]="forgotPasswordEmail" #forgotPasswordEmailInput
79 >
80 </div>
81 </div>
ecb4e35f 82
63347a0f
C
83 <div class="modal-footer inputs">
84 <span i18n class="action-button action-button-cancel" (click)="hideForgotPasswordModal()">Cancel</span>
ecb4e35f 85
63347a0f
C
86 <input
87 type="submit" i18n-value value="Send me an email to reset my password" class="action-button-submit"
88 (click)="askResetPassword()" [disabled]="!forgotPasswordEmailInput.validity.valid"
89 >
ecb4e35f 90 </div>
63347a0f 91</ng-template>