This repository has been archived on 2026-06-21. You can view files and clone it, but cannot push or open issues or pull requests.
Files
MetaLab/templates/MetaLab-2026/html/studio/posts.html
Victor_Jay 99d0891413 feat: 创作中心内容管理页 - 锁定文章显示"已锁定"标签,隐藏编辑按钮
- 文章被锁定时,在主状态徽章旁追加"已锁定"标签(如 "已发布" "已锁定")
- 被锁定的帖子隐藏"编辑"按钮,仅显示"查看"和"删除"按钮
- API 层已有保护:Update 方法检查 IsLocked,拒绝越权编辑
2026-05-31 20:02:24 +08:00

107 lines
4.2 KiB
HTML

{{template "layout/header.html" .}}
<body>
{{template "layout/nav.html" .}}
<div class="studio-wrapper">
{{template "studio/sidebar.html" .}}
<main class="studio-main">
<div class="studio-header">
<h1>内容管理</h1>
{{if .Overview}}
<div class="header-counts">
<span class="header-count approved">已发布 {{.Overview.ApprovedCount}}</span>
<span class="header-count pending">审核中 {{.Overview.PendingCount}}</span>
<span class="header-count draft">草稿 {{.Overview.DraftCount}}</span>
<span class="header-count rejected">已退回 {{.Overview.RejectedCount}}</span>
</div>
{{end}}
</div>
{{if .Error}}
<div class="studio-error">{{.Error}}</div>
{{else}}
<!-- 状态筛选 tabs -->
<div class="status-tabs">
<a href="/studio/posts" class="status-tab {{if not .CurrentStatus}}active{{end}}">全部</a>
<a href="/studio/posts?status=approved" class="status-tab {{if eq .CurrentStatus "approved"}}active{{end}}">已发布</a>
<a href="/studio/posts?status=pending" class="status-tab {{if eq .CurrentStatus "pending"}}active{{end}}">审核中</a>
<a href="/studio/posts?status=draft" class="status-tab {{if eq .CurrentStatus "draft"}}active{{end}}">草稿</a>
<a href="/studio/posts?status=rejected" class="status-tab {{if eq .CurrentStatus "rejected"}}active{{end}}">已退回</a>
</div>
{{if .Posts}}
<div class="post-list">
{{range .Posts}}
<div class="post-item">
<div class="post-item-main">
<a href="/posts/{{.ID}}" class="post-item-title" target="_blank">{{.Title}}</a>
<div class="post-item-meta">
<span class="post-status-badge status-{{.Status}}">{{index $.StatusNames .Status}}</span>
{{if .IsLocked}}<span class="post-status-badge status-locked">已锁定</span>{{end}}
<span>{{.CreatedAt.Format "2006-01-02 15:04"}}</span>
{{if .RejectReason}}
<span class="post-reject-hint">退回理由:{{.RejectReason}}</span>
{{end}}
</div>
</div>
<div class="post-item-actions">
{{if not .IsLocked}}<a href="/studio/write?id={{.ID}}" class="action-btn">编辑</a>{{end}}
<a href="/posts/{{.ID}}" target="_blank" class="action-btn">查看</a>
<button class="action-btn danger" onclick="deletePost({{.ID}})" title="删除">删除</button>
</div>
</div>
{{end}}
</div>
<!-- 分页 -->
{{if gt .TotalPages 1}}
<div class="pagination">
{{if gt .Page 1}}
<a href="/studio/posts?status={{$.CurrentStatus}}&page={{subtract .Page 1}}" class="page-btn">上一页</a>
{{end}}
<span class="page-info">第 {{.Page}} / {{.TotalPages}} 页(共 {{.Total}} 篇)</span>
{{if lt .Page .TotalPages}}
<a href="/studio/posts?status={{$.CurrentStatus}}&page={{add .Page 1}}" class="page-btn">下一页</a>
{{end}}
</div>
{{end}}
{{else}}
<div class="studio-empty">
<p>还没有{{if .CurrentStatus}}{{index $.StatusNames .CurrentStatus}}{{end}}内容的文章</p>
<a href="/studio/write" class="btn-primary">去写一篇</a>
</div>
{{end}}
{{end}}
</main>
</div>
<script>
function deletePost(id) {
if (!confirm('确定要删除这篇文章吗?')) return;
fetch('/api/studio/posts/' + id, {
method: 'DELETE',
headers: {
'Content-Type': 'application/json',
'X-CSRF-Token': '{{.CSRFToken}}'
}
})
.then(r => r.json())
.then(data => {
if (data.success) {
location.reload();
} else {
alert(data.message || '删除失败');
}
});
}
</script>
{{template "layout/footer.html" .}}
</body>
</html>