47 lines
2.5 KiB
HTML
47 lines
2.5 KiB
HTML
<div class="container mx-auto p-4 mt-20">
|
|
<div class="bg-white shadow-lg rounded-lg p-10 w-full max-w-xl mx-auto">
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-10 text-center">Login to SharePulse</h2>
|
|
<form class="mb-10">
|
|
<div class="mb-5">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="username">
|
|
Username
|
|
</label>
|
|
<input class="input w-full shadow text-center" id="username" type="text" placeholder="Username"
|
|
[(ngModel)]="inputUsername" name="username"
|
|
[ngClass]="{'input-error': loginFailed}" autofocus >
|
|
</div>
|
|
<div class="mb-5">
|
|
<label class="block text-gray-700 text-sm font-bold mb-2 text-center" for="password">
|
|
Password
|
|
</label>
|
|
<input class="input w-full shadow text-center" id="password" type="password" placeholder="********"
|
|
[(ngModel)]="inputPassword" name="password"
|
|
[ngClass]="{'input-error': loginFailed}"
|
|
(keydown.enter)="tryToLogin()">
|
|
</div>
|
|
<div class="mb-10">
|
|
<label class="flex items-center justify-center tooltip" data-tip="Storing login sessions is not functional yet">
|
|
<input type="checkbox" class="toggle" checked name="keepSignedIn"/>
|
|
<span class="ml-2 text-gray-700">Keep me signed in</span>
|
|
</label>
|
|
</div>
|
|
<div class="flex items-center justify-between mb-5">
|
|
<button *ngIf="!loginSuccessful" class="btn btn-primary w-full hover:scale-105 transition-transform duration-100" type="button" (click)="tryToLogin()">
|
|
Login
|
|
</button>
|
|
<button *ngIf="loginSuccessful" class="btn btn-success w-full hover:scale-105 transition-transform duration-100" type="button">
|
|
<span class="loading loading-ring loading-xs bg-white"></span>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-check-lg" viewBox="0 0 16 16">
|
|
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"/>
|
|
</svg>
|
|
<span class="loading loading-ring loading-xs bg-white"></span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<p class="text-gray-600 text-center">
|
|
Login to SharePulse to access the administrative dashboard and manage uploaded files. Please note that registration is disabled.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|