2019-10-02 16:25:46 +00:00
<!DOCTYPE html>
< html xmlns:th = "http://www.thymeleaf.org" >
< head >
2019-10-15 05:28:56 +00:00
< 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 >
< div th:replace = "fragments/head :: headFragment" >
< meta charset = "UTF-8" >
< title id = "pageTitle" > Chat< / title >
< / div >
<!-- <script th:src="@{js/my_Crypto.js}" type="text/javascript"></script> -->
2019-10-02 16:25:46 +00:00
< / head >
< body >
2019-10-15 05:28:56 +00:00
< div th:include = "fragments/navbar :: navbarFragment" > < / div >
< header id = "chat-section" >
< div class = "dark-overlay" >
< div class = "chat-inner container bg-primary" >
< 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 >
< section >
< div class = "container" >
< div class = "row" >
< div class = "col-sm" >
< h4 class = "display-4 text-center py-2" > Chat< / h4 >
2019-10-22 12:12:18 +00:00
< div class = "card text-white bg-primary mb-3 card-form rounded mx-auto" >
2019-10-15 05:28:56 +00:00
< 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" >
< / div >
2019-10-22 12:12:18 +00:00
< form action = "#" th:object = "${chatMessageDTO}" method = "post" id = "chatMessageForm" class = "needs-validation" novalidate >
2019-10-15 05:28:56 +00:00
< div class = "row" >
< div class = "col-3" >
< div class = "form-group" >
< label class = "lead" for = "toUser" > User to send to: < / label >
< th:block th:each = "userName: ${userNames}" >
< input class = "form-control" type = "radio" th:field = "*{toUser}" th:value = "${userName}" >
< label class = "btn btn-secondary" th:for = "${#ids.prev('toUser')}" th:text = "${userName}" >
2019-10-22 12:12:18 +00:00
Demo User
< / label >
2019-10-15 05:28:56 +00:00
< / th:block >
< / div >
< / div >
< div class = "col" >
< div class = "my-form-inputs container" >
< div class = "form-group" >
< label for = "chatInput" > Your message: < / label >
2019-10-22 12:12:18 +00:00
< textarea class = "form-control" type = "text" id = "chatInput" required > < / textarea >
< div class = "invalid-feedback" >
Cannot be empty
< / div >
2019-10-15 05:28:56 +00:00
< / div >
< div class = "form-group" >
< label for = "passphrase" > Passphrase: < / label >
2019-10-22 12:12:18 +00:00
< input class = "form-control" type = "password" id = "passphrase" required >
2019-10-15 05:28:56 +00:00
< / div >
2019-10-26 13:25:10 +00:00
< div class = "form-group text-center" >
< button class = "btn btn-secondary mx-auto" > Submit< / button >
2019-10-15 05:28:56 +00:00
< / div >
< / div >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
2019-10-02 16:25:46 +00:00
< / body >
< script th:src = "@{js/chat.js}" type = "text/javascript" > < / script >
2019-10-15 05:28:56 +00:00
< script src = "../static/js/chatStatic.js" th:if = "false" > < / script >
2019-10-02 16:25:46 +00:00
< / html >
<!-- <div th:include="::frag (${value1},${value2})">...</div>
< div th:include = "::frag (onevar=${value1},twovar=${value2})" > ...< / div > -->
