From ebfae6637d88c9d444f39c7fbe43ce4b7ffc130f Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Tue, 20 Dec 2016 15:28:54 +0300
Subject: juick-spring-www: WIP

---
 .../templates/views/partial/thread_message.html    | 57 ++++++++++++++++++++++
 .../webapp/WEB-INF/templates/views/thread.html     | 17 +++++++
 2 files changed, 74 insertions(+)
 create mode 100644 juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/thread_message.html
 create mode 100644 juick-spring-www/src/main/webapp/WEB-INF/templates/views/thread.html

(limited to 'juick-spring-www/src/main/webapp/WEB-INF/templates')

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>
+
-- 
cgit v1.2.3