juick-spring-www: index template WIP

1 files changed, 49 insertions, 0 deletions

diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_messages.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_messages.html
new file mode 100644
index 00000000..b444acc2
--- /dev/null
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_messages.html
@@ -0,0 +1,49 @@
+<th:block th:each="msg:${msgs}">
+    <article th:data-mid="${msg.getMid()}">
+        <header class="u">
+            @<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">
+                <a th:href="|/${msg.getUser().getName()}/${msg.getMid()}|">
+                <time th:datetime="|${msg.getDate()}Z|"
+                      th:title="|${msg.getDate()} GMT|"
+                th:text="${msg.getDate()}">01.01.1970</time>
+                </a>
+            </div>
+            <div class="msg-tags" th:text="${msg.getTagsString()}"></div>
+        </header>
+        <p class="ir" th:if="${msg.getAttachmentType() != null}">
+            <a href="|//i.juick.com/photos-512/${msg.getMid()}.${msg.getAttachmentType()}|">
+            <img src="|//i.juick.com/photos-512/${msg.getMid()}.${msg.getAttachmentType()}|"
+                 th:data-fname="|${msg.getMid()}.${msg.getAttachmentType()}|" alt=""/></a>
+        </p>
+        <p th:utext="${msg.getText()}">Lorem ipsum</p>
+        <div class="irbr" th:if="${msg.getAttachmentType() != null}"></div>
+        <nav class="l">
+            <th:block th:switch="${visitor.getUid()}">
+                <a th:case="0" class="a-login" th:href="|/${msg.getMid()}/|">Рекомендовать</a>
+                <a th:case="*" class="a-like" th:href="|/post?body=!+%23${msg.getMid()}/|">Рекомендовать</a>
+            </th:block>
+            <a th:if="${visitor.getUid() == 0 && !msg.ReadOnly}" class="a-login" th:href="|/${msg.getMid()}/|">Комментировать</a>
+            <a th:if="${visitor.getUid() > 0 && (!msg.ReadOnly || visitor.getUid() == msg.getUser().getUid())}"
+               class="a-comment" th:href="|/${msg.getMid()}/|">Комментировать</a>
+
+            <th:block th:if="${visitor.getUid() == 3694}">
+                <a href="#" class="a-popular-plus">+</a>
+                <a href="#" class="a-popular-minus">-</a>
+                <a href="#" class="a-popular-delete">x</a>
+            </th:block>
+        </nav>
+        <nav class="s">
+            <a th:if="${msg.getLikes() > 0}" th:href="|/${msg.getUser().getName()}/${msg.getMid()}|"
+               class="likes" th:text="${msg.getLikes()}">10</a>
+            <a th:if="${msg.getReplies() > 0}" th:href="|/${msg.getUser().getName()}/${msg.getMid()}|"
+               class="replies" th:text="${msg.getReplies()}">42</a>
+        </nav>
+    </article>
+</th:block>
\ No newline at end of file