diff options
| author |  Vitaly Takmazov | 2016-12-20 15:28:54 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2016-12-20 15:28:54 +0300 |
| commit | ebfae6637d88c9d444f39c7fbe43ce4b7ffc130f (patch) | |
| tree | 5d65fb9e9c7a6d96c210997c0425c43a9a68fa5c /juick-spring-www/src/main/webapp/WEB-INF/templates/views | |
| parent | 3859c9616d0a7a04e68427d173b863161b818140 (diff) | |
juick-spring-www: WIP
Diffstat (limited to 'juick-spring-www/src/main/webapp/WEB-INF/templates/views')
| -rw-r--r-- | juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/thread_message.html | 57 | ||||
| -rw-r--r-- | juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html | 17 |
2 files changed, 74 insertions, 0 deletions
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/thread_message.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/thread_message.html new file mode 100644 index 00000000..159eebf5 --- /dev/null +++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/thread_message.html @@ -0,0 +1,57 @@ +<ul xmlns:th="http://www.thymeleaf.org"> + <li th:id="|msg-${msg.getMid()}|" th:data-mid="${msg.getMid()}" class="msg msgthread"> + <div class="msg-cont"> + <div class="msg-menu"><a href="#"></a></div> + <div class="msg-ts" th:text="${msg.getDate()}">01.01.1970</div> + <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-header"> + @<a th:href="|/${msg.getUser().getName()}/|" th:text="${msg.getUser().getName()}">ugnich</a>: + <th:block th:text="${tagsStr}"/> + </div> + <div class="msg-txt" th:utext="${msg.getText()}"> + Lorem ipsum + </div> + <div class="msg-media" th:if="${msg.getAttachmentType() != null}"> + <a href="|//i.juick.com/p/${msg.getMid()}.${msg.getAttachmentType()}|"> + <img src="|//i.juick.com/photos-512/${msg.getMid()}.${msg.getAttachmentType()}|"/> + </a> + </div> + <form th:if="${msg.VisitorCanComment}" action="/comment" method="POST" enctype="multipart/form-data"> + <input type="hidden" name="mid" th:value="${msg.getMid()}"/> + <div class="msg-comment"> + <div class="ta-wrapper"> + <textarea name="body" rows="1" class="reply" placeholder="Написать комментарий"></textarea> + </div> + </div> + </form> + <div class="msg-recomms" th:text="|Рекомендовали (${recommsCount}): ${recomms}|">Recommended(1): @ugnich</div> + </div> + </li> + <li id="mtoolbar"> + <ul> + <li><a th:href="|/${msg.getMid()}|"> + <div style="background-position: -64px 0"></div> + <th:block th:text="${msg.getMid()}"></th:block> + </a></li> + <th:block th:if="${#authorization.expression('isAuthenticated()')}"> + <li th:if="${isSubscribed}"><a th:href="|/post?body=U+%23${msg.getMid()}|"> + <div style="background-position: -48px 0"></div> + Подписан</a></li> + <li th:if="${isSubscribed == false}"><a th:href="|/post?body=S+%23${msg.getMid()}|"> + <div style="background-position: -16px 0"></div> + Подписаться</a></li> + <li th:if="${visitorInBL == false}"><a th:href="|/post?body=%21+%23${msg.getMid()}|"> + <div style="background-position: -32px 0"></div> + Рекомендовать</a></li> + <li th:if="${isOwnMessage}"><a th:href="|/post?body=D+%23${msg.getMid()}|"> + <div style="background-position: 0"></div> + Удалить</a></li> + </th:block> + </ul> + </li> +</ul>
\ No newline at end of file diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html new file mode 100644 index 00000000..ac7da17f --- /dev/null +++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html @@ -0,0 +1,17 @@ +<!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:if="${#authorization.expression('isAuthenticated()')}" th:text="${title}">Page title</title> +</head> + +<body> +<section id="content" th:data-mid="${mid}" style="margin-left: 0; width: 100%"> + <th:block layout:fragment="content"> + <th:block th:replace="views/partial/thread_message"/> + </th:block> +</section> +</body> +</html> + |