2023-07-10 15:55:35 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<th:block
|
2024-01-22 11:01:43 +08:00
|
|
|
th:insert="~{common/layout :: layout (title = ${title} + ' - ' + ${site.title}, canonical = @{/moments}, content = ~{::content}, isPost = true)}"
|
2023-12-01 20:04:30 +08:00
|
|
|
th:with="isJournals = true, enableShare = ${theme.config.page_config.enable_journals_share}, baseEnableComment = ${theme.config.page_config.enable_journals_comment}"
|
2023-07-10 15:55:35 +08:00
|
|
|
xmlns:th="https://www.thymeleaf.org">
|
|
|
|
|
<th:block th:fragment="content">
|
2024-04-03 18:28:25 +08:00
|
|
|
<div class="card card-content journal" th:if="${!#lists.isEmpty(tags)}">
|
2024-04-03 18:26:17 +08:00
|
|
|
<div class="card-tab">
|
|
|
|
|
<div>
|
|
|
|
|
[[${#strings.replace(title, ' - ' + site.title, '')}]]
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="journal-teams">
|
|
|
|
|
<a th:class="${#strings.isEmpty(param.tag)? 'item active' : 'item'}" th:href="@{/moments}">全部</a>
|
|
|
|
|
<a th:each="tag : ${tags}" th:class="${#strings.equals(param.tag, tag.name)? 'item active' : 'item'}" th:href="@{/moments(tag=${tag.name})}" th:text="${tag.name}"></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-07-10 15:55:35 +08:00
|
|
|
<div class="card card-content journal" th:each="moment : ${moments.items}">
|
|
|
|
|
<p class="journal-date">
|
2023-09-12 10:44:43 +08:00
|
|
|
<i class="ri-send-plane-line"></i>
|
2023-07-10 15:55:35 +08:00
|
|
|
<em th:text="${#dates.format(moment.spec.releaseTime,'yyyy年MM月dd日 HH:mm:ss')}"></em>
|
|
|
|
|
</p>
|
|
|
|
|
<div class="journal-content fold">
|
|
|
|
|
<div class="main-content not-toc" data-target="Moment" th:data-id="${moment.metadata.name}">
|
|
|
|
|
[(${moment.spec.content.html})]
|
2024-01-23 16:22:59 +08:00
|
|
|
<mew-photos th:if="${!#lists.isEmpty(moment.spec.content.medium)}">
|
|
|
|
|
<img th:each="momentItem : ${moment.spec.content.medium}" th:if="${momentItem.type.name == 'PHOTO'}" th:src="${momentItem.url}" />
|
2023-07-10 15:55:35 +08:00
|
|
|
</mew-photos>
|
|
|
|
|
<th:block th:if="${!#lists.isEmpty(moment.spec.content.medium)}" th:each="momentItem : ${moment.spec.content.medium}">
|
|
|
|
|
<mew-video th:if="${momentItem.type.name == 'VIDEO'}" th:src="${momentItem.url}"></mew-video>
|
|
|
|
|
</th:block>
|
2024-05-09 20:26:49 +08:00
|
|
|
<th:block th:if="${!#lists.isEmpty(moment.spec.content.medium)}" th:each="momentItem : ${moment.spec.content.medium}">
|
|
|
|
|
<mew-music th:if="${momentItem.type.name == 'AUDIO'}" th:url="${momentItem.url}" th:with="list = ${#strings.listSplit(momentItem.url,'/')}, size = ${#lists.size(list)}" th:name="${size >= 0 ? list[size - 1] : momentItem.url}"></mew-music>
|
|
|
|
|
</th:block>
|
2023-07-10 15:55:35 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="journal-operation">
|
|
|
|
|
<span class="journal-operation-item">
|
|
|
|
|
<a class="like" th:data-id="${moment.metadata.name}" th:data-likes="${moment.stats.upvote}">
|
2023-09-12 10:44:43 +08:00
|
|
|
<i class="ri-heart-3-line"></i>
|
2023-07-10 15:55:35 +08:00
|
|
|
<em th:text="${(moment.stats.upvote != 0)? moment.stats.upvote : '喜欢'}"></em>
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="journal-operation-item" th:if="${enableComment}">
|
|
|
|
|
<a class="comment">
|
2023-09-12 10:44:43 +08:00
|
|
|
<i class="ri-message-3-line"></i>
|
2023-11-15 14:49:07 +08:00
|
|
|
<em th:text="${(moment.stats.totalComment != 0)? moment.stats.totalComment : '评论'}"></em>
|
2023-07-10 15:55:35 +08:00
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="journal-operation-item" th:if="${enableShare}">
|
2023-09-12 10:44:43 +08:00
|
|
|
<a class="share"><i class="ri-share-forward-line"></i><em>分享</em></a>
|
2023-07-10 15:55:35 +08:00
|
|
|
</span>
|
2024-01-29 18:53:47 +08:00
|
|
|
<div th:if="${theme.config.page_config.enable_journals_owner}" class="journal-operation-owner" th:title="${moment.owner.displayName}">
|
|
|
|
|
<img th:unless="${#strings.isEmpty(moment.owner.avatar)}" class="avatar" th:src="${moment.owner.avatar}"
|
|
|
|
|
alt="avatar">
|
|
|
|
|
<div th:if="${#strings.isEmpty(moment.owner.avatar)}" class="no-avatar">
|
|
|
|
|
<span class="avatar-info">[[${#strings.substring(moment.owner.displayName, 0, 1)}]]</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="name">[[${moment.owner.displayName}]]</span>
|
|
|
|
|
</div>
|
2023-07-10 15:55:35 +08:00
|
|
|
</div>
|
2024-03-09 10:57:53 +08:00
|
|
|
<div class="journal-comment comment-wrapper-z-index" th:if="${enableComment}">
|
2024-05-07 13:01:30 +08:00
|
|
|
<th:block th:if="${theme.config.enhance.enable_pjax}">
|
|
|
|
|
<comment-widget
|
|
|
|
|
group="moment.halo.run"
|
|
|
|
|
kind="Moment"
|
|
|
|
|
version="v1alpha1"
|
|
|
|
|
th:name="${moment.metadata.name}"
|
|
|
|
|
with-replies="false"
|
|
|
|
|
></comment-widget>
|
|
|
|
|
</th:block>
|
|
|
|
|
<th:block th:unless="${theme.config.enhance.enable_pjax}">
|
|
|
|
|
<halo:comment
|
|
|
|
|
group="moment.halo.run"
|
|
|
|
|
kind="Moment"
|
|
|
|
|
th:attr="name=${moment.metadata.name}"
|
|
|
|
|
/>
|
|
|
|
|
</th:block>
|
2023-07-10 15:55:35 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<th:block th:replace="~{main/pagination :: pagination (${moments}, '/moments')}"/>
|
|
|
|
|
</th:block>
|
2024-01-22 11:01:43 +08:00
|
|
|
</th:block>
|
