aboutsummaryrefslogtreecommitdiff
path: root/juick-spring-www/src/main/webapp/WEB-INF/templates/views
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2016-12-20 15:28:54 +0300
committerGravatar Vitaly Takmazov2016-12-20 15:28:54 +0300
commitebfae6637d88c9d444f39c7fbe43ce4b7ffc130f (patch)
tree5d65fb9e9c7a6d96c210997c0425c43a9a68fa5c /juick-spring-www/src/main/webapp/WEB-INF/templates/views
parent3859c9616d0a7a04e68427d173b863161b818140 (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.html57
-rw-r--r--juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html17
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>
+