diff options
| author |  Vitaly Takmazov | 2016-12-12 16:14:12 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2016-12-12 16:14:12 +0300 |
| commit | f515a4ea1954b3e98c35d8ea8e7fee58272ea0a0 (patch) | |
| tree | ff231c72faae2b8f1bd1717e935737be26e86a27 /juick-spring-www/src/main/webapp/WEB-INF/templates/views | |
| parent | 454c0ff323942a15e30111cbbc8f01793d7dd148 (diff) | |
juick-spring-www: index template WIP
Diffstat (limited to 'juick-spring-www/src/main/webapp/WEB-INF/templates/views')
4 files changed, 83 insertions, 0 deletions
diff --git a/juick-spring-www/src/main/webapp/WEB-INF/templates/views/index.html b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/index.html new file mode 100644 index 00000000..8f667135 --- /dev/null +++ b/juick-spring-www/src/main/webapp/WEB-INF/templates/views/index.html @@ -0,0 +1,19 @@ +<!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:text="${title}">Main title</title> +</head> + +<body> +<section layout:fragment="content"> + <div th:if="${visitor.getUid() > 0}" th:replace="views/partial/blog_postform" /> + <div th:replace="views/partial/blog_messages"></div> + <div th:replace="views/partial/blog_paginator"></div> +</section> +<aside id="column"> + <p layout:fragment="column" th:replace="views/partial/homecolumn">Main side column</p> +</aside> +</body> +</html>
\ No newline at end of file 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 |