JoeKung/Progetto-m152-Angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added login page

Browse Source
This commit is contained in:
grata
2023-05-03 11:54:22 +02:00
parent 3768f8ef0e
commit 8cfbcc44ef
6 changed files with 47 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/app/component/login/login.component.css Normal file
View File

31
src/app/component/login/login.component.html Normal file
View File

@@ -0,0 +1,31 @@
<div class="h-screen w-screen flex items-center justify-center">
<div class="max-w-md py-12">
<div class="bg-white px-6 py-8 rounded-lg shadow-md w-[400px]">
<h2 class="text-center text-2xl font-bold mb-8">Accedi</h2>
<form>
<div class="mb-4">
<label for="email" class="block text-gray-700 font-bold mb-2">Email:</label>
<input type="email" id="email" name="email" placeholder="Inserisci la tua email"
class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
</div>
<div class="mb-4">
<label for="password" class="block text-gray-700 font-bold mb-2">Password:</label>
<input type="password" id="password" name="password" placeholder="Inserisci la tua password"
class="w-full px-4 py-2 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-transparent">
</div>
<div class="mb-4">
<button type="submit" class="btn gap-2 border-primary bg-primary text-secondary hover:bg-secondary hover:text-primary hover:border-primary py-2 w-full">Accedi</button>
</div>
</form>
</div>
</div>
</div>

10
src/app/component/login/login.component.ts Normal file
View File

@@ -0,0 +1,10 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent {
}

11
src/app/component/management/management.component.html
View File

@@ -1,11 +1,3 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Management</title>
</head>
<body>
<div class="dropdown dropdown-hover" id="translate">
<label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
id="translateLabel">{{translations.translate}}</label>
@@ -192,5 +184,4 @@
<button (click)="closeWaypointForm()">{{translations.close}}</button>
</div>
</div>
</body>
</html>