aboutsummaryrefslogtreecommitdiff
path: root/juick-spring-www/src/main/webapp/WEB-INF/templates/views/pm_sent.html
blob: 8978ff673bea5bf6e0175826f6b326626c78a742 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/mainLayout}">
<head>
    <title th:text="${title}">Settings title</title>
</head>

<body>
<section id="content">
    <div layout:fragment="content">
        <form action="/pm/send" method="POST" enctype="multipart/form-data">
            <div class="newpm">
                <div class="newpm-to">To: <input type="text" name="uname" placeholder="username" th:value="${uname}"/></div>
                <div class="newpm-body"><textarea name="body" rows="2"></textarea></div>
                <div class="newpm-send"><input type="submit" value="OK"/></div>
            </div>
        </form>
        <ul id="private-messages" th:if="#{not lists.isEmpty(msgs)}">
            <li class="msg" th:each="msg:${msgs}">
                <div class="msg-cont">
                    <div class="msg-header">
                        @<a th:href="|/${msg.getUser().getName()}/|" th:text="${msg.getUser().getName()}">ugnich</a>:
                        <div class="msg-avatar">
                            <a th:href="|/${msg.getUser().getName()}/|">
                                <img th:src="|//i.juick.com/a/${msg.getUser().getUid()}.png|" th:alt="${msg.getUser().getName()}"/>
                            </a>
                        </div>
                        <div class="msg-ts" th:text="${msg.getDate()}">01.01.1970</div>
                    </div>
                    <div class="msg-txt" th:utext="${msg.getText()}"></div>
                </div>
            </li>
        </ul>
    </div>
</section>
<aside id="column">
    <p layout:fragment="column" th:replace="views/partial/homecolumn">Main side column</p>
</aside>

</body>
</html>