From f515a4ea1954b3e98c35d8ea8e7fee58272ea0a0 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Mon, 12 Dec 2016 16:14:12 +0300
Subject: juick-spring-www: index template WIP

---
 .../templates/views/partial/blog_messages.html     | 49 ++++++++++++++++++++++
 .../templates/views/partial/blog_paginator.html    |  3 ++
 .../templates/views/partial/blog_postform.html     | 12 ++++++
 3 files changed, 64 insertions(+)
 create mode 100644 juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_messages.html
 create mode 100644 juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_paginator.html
 create mode 100644 juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_postform.html

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

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
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_paginator.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_paginator.html
new file mode 100644
index 00000000..626f955c
--- /dev/null
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_paginator.html
@@ -0,0 +1,3 @@
+<p class="page" th:if="${nextpage != null}">
+    <a th:href="${nextpage}" rel="prev">Читать дальше →</a>
+</p>
\ No newline at end of file
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_postform.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_postform.html
new file mode 100644
index 00000000..804605dd
--- /dev/null
+++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/partial/blog_postform.html
@@ -0,0 +1,12 @@
+<form action="/post" method="post" enctype="multipart/form-data">
+    <section id="newmessage">
+        <textarea name="body" placeholder="Новое сообщение..."></textarea>
+        <div>
+            <input type="text" class="img" name="img" placeholder="Ссылка на изображение (JPG/PNG, до 10Мб)" style="margin-bottom: 8pt"/> или <a
+                href="#">загрузить</a><br/>
+
+            <input type="text" class="tags" name="tags" placeholder="Теги (через пробел)"/><br/>
+            <input type="submit" class="subm" value="Отправить"/>
+        </div>
+    </section>
+</form>
\ No newline at end of file
-- 
cgit v1.2.3