Chatto/chatto/src/main/resources/templates/login.html

104 lines
4.8 KiB
HTML
Raw Normal View History

2019-09-27 06:37:55 +00:00
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
2019-10-02 16:25:46 +00:00
2019-09-27 06:37:55 +00:00
<head>
2019-10-15 05:28:56 +00:00
<div th:replace="fragments/head :: headFragment">
<title id="pageTitle">Login</title>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js" th:if="false"></script>
<script src="http://blackpeppersoftware.github.io/thymeleaf-fragment.js/thymeleaf-fragment.js" defer="defer" th:if="false"></script>
2019-09-27 06:37:55 +00:00
</head>
2019-10-02 16:25:46 +00:00
<body>
2019-10-15 05:28:56 +00:00
<div th:include="fragments/navbar :: navbarFragment"></div>
<!-- <header id="chat-section" class="bg-secondary">
<div class="dark-overlay">
<div class="chat-inner container">
<div class="row">
<div class="col-sm d-lg-block">
<h1 class="display-4">Chat with your friends</h1>
<div class="d-flex">
<div class="p-4 align-self-start">
</div>
<div class="p-4 align-self-end">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam dolorem nostrum consequatur eos voluptates. Ipsam ullam quos illo qui. Quaerat corrupti nisi numquam rerum quasi nesciunt deserunt fugit commodi consequatur!
</div>
</div>
</div>
</div>
</div>
</div>
</header> -->
<header>
<div class="container">
<div class="row">
<div class="col-sm py-5">
<!-- <h4 class="display-4 text-center py-2">Chat</h4> -->
<div class="card text-white bg-primary mb-3 text-center card-form rounded mx-auto" id="login-card">
<div class="card-body rounded">
<!-- <h4 class="card-title">Chat</h4> -->
<!-- <div class="form-group">
<textarea id="chatTextArea" class="form-control-lg py-2" disabled></textarea>
</div> -->
<!-- <form action="#" th:action="@{/seedstartermng}" th:object="${seedStarter}" method="post"> -->
<!-- th:action="@{/api/chat}" -->
<div class="card-text">
<form action="#" th:action="@{/perform_login}" method="POST" id="loginForm">
<!-- <fieldset>
<legend>Please Sign In</legend> -->
<h2 class="card-title">Please Sign In</h2>
<div th:if="${param.error}" class="alert alert-danger">
Error signing in. Please check your username and password.
2019-10-15 05:28:56 +00:00
</div>
<div th:if="${param.logout}" class="alert alert-success">
You have been logged out.
</div>
<div class="form-group">
<label for="username">Enter user name: </label>
<input class="form-control" type="text" name="username" id="username">
</div>
<div class="form-group">
<label for="password">Enter password: </label>
<input class="form-control" type="password" name="password" id="password">
</div>
<div class="form-group">
<button class="form-control btn btn-secondary" type="submit">Login</button>
</div>
<!-- </fieldset> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<script src="../js/loginPage.js" type="text/javascript"></script>
</body>
</html>
<!-- form th:action="@{/login.html}" method="post" -->
<!-- <form action="#" th:action="@{/greeting}" th:object="${greeting}" method="post">
2019-09-27 06:37:55 +00:00
<p>Id: <input type="text" th:field="*{id}" /></p>
<p>Message: <input type="text" th:field="*{content}" /></p>
<p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
</form> -->
2019-10-15 05:28:56 +00:00
<!-- <form action="#" th:action="@{/perform_login}" th:object=${user} method="POST">
2019-09-27 06:37:55 +00:00
<label>Enter user name: </label>
<input th:field="*{userName}" type="text" name="username" id="username">
<br> <br> <label>Enter password: </label>
<input th:field="*{password}" type="password" name="password" id="username"> <br> <br>
<input type="submit" value="Submit">
</form>
2019-10-15 05:28:56 +00:00
-->