technostrea/trouvetonprofile
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

base de l'authentification (#4)

Browse Source 
Co-authored-by: styve Lioumba <styve.lioumba@jdc.fr>
This commit is contained in:
Styve Lioumba
2024-09-26 19:08:25 +02:00
committed by styve Lioumba
parent 0d575e0737
commit 1dc1109482
25 changed files with 491 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/shared/features/login/login.component.html Normal file
View File

@@ -0,0 +1,56 @@
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="w-full space-y-4">
<div class="">
<div class="relative">
<span class="absolute block w-3 h-3 -translate-y-1/2 top-1/2 left-1">
<svg xmlns="http://www.w3.org/2000/svg" class="w-full h-full fill-current" viewBox="0 0 512 512">
<path
d="M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256v32c0 53-43 96-96 96c-29.3 0-55.6-13.2-73.2-33.9C320 371.1 289.5 384 256 384c-70.7 0-128-57.3-128-128s57.3-128 128-128c27.9 0 53.7 8.9 74.7 24.1c5.7-5 13.1-8.1 21.3-8.1c17.7 0 32 14.3 32 32v80 32c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-106-86-192-192-192zm64 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"/>
</svg>
</span>
<input formControlName="email" placeholder="email" type="email" id="email" name="email" class="w-full h-10 px-5 py-2 text-xs bg-transparent border rounded-md"/>
</div>
</div>
<div class="">
<div class="text-right">
<div class="relative">
<span class="absolute block w-3 h-3 -translate-y-1/2 top-1/2 left-1">
<svg xmlns="http://www.w3.org/2000/svg" class="w-full h-full fill-current" viewBox="0 0 448 512">
<path
d="M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z"/>
</svg>
</span>
<input formControlName="password" placeholder="mot de passe" type="password" id="password" name="" class="w-full h-10 px-5 py-2 text-xs bg-transparent border rounded-md"/>
<button class="absolute w-4 h-4 -translate-y-1/2 right-1 top-1/2 togglePasswordVisibility">
<span class="inline-block w-4 h-4">
<svg xmlns="http://www.w3.org/2000/svg" class="w-full h-full fill-current" viewBox="0 -960 960 960">
<path d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/>
</svg>
</span>
</button>
</div>
<a [routerLink]="['']" class="text-xs">Mot de passe oublié?</a>
</div>
</div>
<div class="relative">
<button class="text-xs py-2 px-4 border bg-[#002B2F] w-1/2 text-center text-gray-50 rounded-md">
Se connecter
</button>
</div>
<div class="relative">
<div class="flex items-center">
<input checked id="checked-checkbox" type="checkbox" value="" class="w-4 h-4 text-red-600 bg-gray-100 border-gray-300 rounded"/>
<label for="checked-checkbox" class="text-sm font-medium ms-2">
Se souvenir de moi
</label>
</div>
</div>
<div class="">
<p class="text-xs font-light text-center"> Vous n'avez pas de compte?
<a [routerLink]="['register']" class="font-bold">Créez-en ici</a>
</p>
</div>
</form>