151 lines
7.5 KiB
HTML
151 lines
7.5 KiB
HTML
<!doctype html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>问答-Quinn</title>
|
||
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
|
||
|
||
<style>
|
||
.nav-underline .nav-link {
|
||
padding-top: .75rem;
|
||
padding-bottom: .75rem;
|
||
font-size: .875rem;
|
||
color: #6c757d;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body style="background: #f2f2f2;">
|
||
|
||
<!-- 导航栏 -->
|
||
<div th:replace="~{common/header::header(activeUrl='question')}"></div>
|
||
|
||
<main role="main" class="container mt-3 p-3 bg-white rounded">
|
||
<div class="row">
|
||
<div class="col-md-12 blog-main">
|
||
|
||
<div class="blog-post">
|
||
<h2 class="blog-post-title" th:text="${question.getTitle()}"></h2>
|
||
<p class="blog-post-meta">
|
||
<span th:text="${#dates.format(question.getGmtUpdate(),'yyyy-MM-dd')}"></span>
|
||
by
|
||
<a href="#" th:text="${question.getAuthorName()}"></a>
|
||
<span>
|
||
<svg class="bi bi-eye-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
|
||
<path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
|
||
</svg>
|
||
[[${question.getViews()}]]
|
||
</span>
|
||
<!-- 自己写的文章可以编辑和删除 -->
|
||
<a th:if="${session.loginUser.getUid()==question.getAuthorId()}"
|
||
class="float-right" style="color: red"
|
||
th:href="@{'/question/delete/'+${session.loginUser.getUid()}+'/'+${question.getQid()}}"
|
||
onclick="if(!confirm('你确认要删除吗？')) return false;">
|
||
<svg class="bi bi-x-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
|
||
<path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"/>
|
||
<path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"/>
|
||
</svg>
|
||
删除
|
||
</a>
|
||
<a th:if="${session.loginUser.getUid()==question.getAuthorId()}"
|
||
class="float-right mr-3"
|
||
th:href="@{'/question/editor/'+${session.loginUser.getUid()}+'/'+${question.getQid()}}">
|
||
<svg class="bi bi-pencil-square" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456l-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
|
||
<path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
|
||
</svg>
|
||
编辑
|
||
</a>
|
||
</p>
|
||
</div>
|
||
|
||
<hr style="margin-top: 18px">
|
||
|
||
<!--文章主体内容-->
|
||
<div id="doc-content">
|
||
<textarea th:text="${question.getContent()}" style="display:none;" placeholder="markdown"></textarea>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-12 blog-main" style="margin-top: 20px">
|
||
<hr>
|
||
</div>
|
||
|
||
<div class="col-md-12 blog-main" style="margin-top: 20px">
|
||
<form th:action="@{'/question/comment/'+${question.getQid()}}" method="post">
|
||
<input type="hidden" name="userId" th:value="${session.loginUser.getUid()}">
|
||
<input type="hidden" name="userName" th:value="${session.loginUser.getUsername()}">
|
||
<input type="hidden" name="userAvatar" th:value="${session.loginUser.getAvatar()}">
|
||
<input type="hidden" name="topicId" th:value="${question.getQid()}">
|
||
<div class="form-group">
|
||
<textarea required name="content" class="form-control" rows="3"></textarea>
|
||
</div>
|
||
<button type="submit" onclick="this.disabled=true; this.form.submit();" class="btn btn-primary float-right">提交评论</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div th:if="${commentList.size()!=0}" class="col-md-12 blog-main" style="margin-top: 20px">
|
||
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
||
<h6 class="border-bottom border-gray pb-2 mb-0">评论列表</h6>
|
||
|
||
<div th:each="comment:${commentList}" class="media text-muted pt-3">
|
||
<img th:src="${comment.getUserAvatar()}" style="border-radius: 5px;margin-right: 5px " width="32" height="32">
|
||
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
||
<strong class="d-block text-gray-dark" th:text="${comment.getUserName()}"></strong>
|
||
<span th:text="${comment.getContent()}"></span>
|
||
<span th:text="${#dates.format(comment.getGmtCreate(),'yyyy-MM-dd')}" class="badge badge-light float-right"></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div th:if="${commentList.size()==0}" class="col-md-12 blog-main" style="margin-top: 20px">
|
||
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
||
<h6 class="pb-2 mb-4 text-center">还没有人评论，抢个沙发？</h6>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</main>
|
||
|
||
<div th:replace="~{common/footer::footer}"></div>
|
||
|
||
<a class="to-top">返回顶部</a>
|
||
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
|
||
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
||
<script th:src="@{/js/toTop.js}"></script>
|
||
<script th:src="@{/js/jquery-ui.min.js}"></script>
|
||
<script th:src="@{/live/js/addlive2d.js}"></script>
|
||
|
||
<link rel="stylesheet" th:href="@{/editormd/css/editormd.preview.css}" />
|
||
<script th:src="@{/editormd/lib/marked.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/prettify.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/raphael.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/underscore.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/sequence-diagram.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/flowchart.min.js}"></script>
|
||
<script th:src="@{/editormd/lib/jquery.flowchart.min.js}"></script>
|
||
<script th:src="@{/editormd/editormd.js}"></script>
|
||
|
||
<script type="text/javascript">
|
||
var testEditor;
|
||
$(function () {
|
||
testEditor = editormd.markdownToHTML("doc-content", {//注意：这里是上面DIV的id
|
||
htmlDecode: "style,script,iframe",
|
||
emoji: true,
|
||
taskList: true,
|
||
tocm: true,
|
||
tex: true, // 默认不解析
|
||
flowChart: true, // 默认不解析
|
||
sequenceDiagram: true, // 默认不解析
|
||
codeFold: true
|
||
});});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|