You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
4.8 KiB
106 lines
4.8 KiB
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<head>
|
|
|
|
<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> -->
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<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>
|
|
<div class="card text-white bg-primary mb-3 text-center card-form rounded mx-auto">
|
|
|
|
<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>
|
|
<form action="#" th:object="${chatMessageDTO}" method="post" id="chatMessageForm">
|
|
<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}">
|
|
Demo User
|
|
</label>
|
|
</th:block>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="my-form-inputs container">
|
|
<div class="form-group">
|
|
<label for="chatInput">Your message: </label>
|
|
<textarea class="form-control" type="text" id="chatInput"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="passphrase">Passphrase: </label>
|
|
<input class="form-control" type="password" id="passphrase">
|
|
</div>
|
|
<div class="form-group">
|
|
<input class="form-control btn btn-secondary" type="submit" value="Send">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</body>
|
|
<script th:src="@{js/chat.js}" type="text/javascript"></script>
|
|
<script src="../static/js/chatStatic.js" th:if="false"></script>
|
|
|
|
|
|
</html>
|
|
|
|
<!-- <div th:include="::frag (${value1},${value2})">...</div>
|
|
<div th:include="::frag (onevar=${value1},twovar=${value2})">...</div> -->
|