48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" dir="ltr" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>e-commerce</title>
|
|
</head>
|
|
<body>
|
|
<nav class='hero' th:fragment="header">
|
|
<div class='content-width flex'>
|
|
<h1>Project eCommerce</h1>
|
|
<button>Angebote</button>
|
|
<div class='spacer input-icon secondary'>
|
|
<input type="text" placeholder="Nach Produkten suchen..."/>
|
|
<button>Finden</button>
|
|
</div>
|
|
|
|
<button onclick="document.getElementById('login').style.display='block'" style="width:auto;">Login</button>
|
|
<div id="login" class="dialog">
|
|
<form class="dialog-content" th:action="@{/home}" th:object="${user}" method="post">
|
|
<div class="container">
|
|
<label><b>Username</b></label>
|
|
<input type="text" th:field="*{uname}" placeholder="Enter Username" name="uname" required>
|
|
|
|
<label><b>Password</b></label>
|
|
<input type="password" th:field="*{pwd}" placeholder="Enter Password" name="pwd" required>
|
|
|
|
<button type="submit" name="action" value="login">Login</button>
|
|
<label>
|
|
<input type="checkbox" checked="checked" name="remember"> Remember me
|
|
</label>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<button type="button" onclick="document.getElementById('login').style.display='none'" class="cancelbtn">Cancel</button>
|
|
<span class="psw">Forgot <a href="#">password?</a></span>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<!-- <form class="button" th:action="@{/home}" method="POST">
|
|
<button type="submit" name="action" value="login">Login</button>
|
|
</form>-->
|
|
</div>
|
|
</nav>
|
|
</body>
|
|
</html>
|