nanan/icac
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Support download

Browse Source
This commit is contained in:
yuangyaa
2025-09-23 15:01:36 +08:00
parent 45c005687d
commit f15b730dca
4 changed files with 227 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
crawler/templates/crawler/dashboard.html
View File

@@ -151,61 +151,80 @@
<!-- 按网站分类显示内容 -->
<div class="col-md-8">
{% for website_name, contents in stats.contents_by_website.items %}
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">
<i class="bi bi-globe"></i> {{ website_name }}
<span class="badge bg-secondary">{{ contents|length }}</span>
</h5>
</div>
<form id="download-form" method="post" action="{% url 'download_selected_contents' %}">
{% csrf_token %}
<!-- 批量操作按钮 -->
<div class="card mb-3">
<div class="card-body">
<div class="list-group list-group-flush">
{% for content in contents %}
<div class="list-group-item">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">
{% if content.is_local_saved %}
<a href="{% url 'preview_crawled_content' content.id %}" target="_blank" class="text-decoration-none">
{{ content.title|truncatechars:60 }}
<button type="submit" class="btn btn-primary" id="download-selected" disabled>
<i class="bi bi-download"></i> 批量下载选中文章
</button>
<button type="button" class="btn btn-outline-secondary" id="select-all">
<i class="bi bi-check-all"></i> 全选
</button>
<button type="button" class="btn btn-outline-secondary" id="deselect-all">
<i class="bi bi-x-circle"></i> 取消全选
</button>
</div>
</div>
{% for website_name, contents in stats.contents_by_website.items %}
<div class="card mb-4">
<div class="card-header">
<h5 class="card-title mb-0">
<i class="bi bi-globe"></i> {{ website_name }}
<span class="badge bg-secondary">{{ contents|length }}</span>
</h5>
</div>
<div class="card-body">
<div class="list-group list-group-flush">
{% for content in contents %}
<div class="list-group-item">
<div class="d-flex w-100 justify-content-between">
<h6 class="mb-1">
<input type="checkbox" name="selected_contents" value="{{ content.id }}" class="me-2 article-checkbox">
{% if content.is_local_saved %}
<a href="{% url 'preview_crawled_content' content.id %}" target="_blank" class="text-decoration-none">
{{ content.title|truncatechars:60 }}
</a>
{% else %}
<a href="{{ content.url }}" target="_blank" class="text-decoration-none">
{{ content.title|truncatechars:60 }}
</a>
{% endif %}
</h6>
<small class="text-muted">{{ content.created_at|date:"m-d H:i" }}</small>
</div>
<p class="mb-1 content-preview">{{ content.content|truncatechars:100 }}</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">
<i class="bi bi-geo-alt"></i> {{ content.website.region }}
{% if content.media_files.count > 0 %}
| <i class="bi bi-image"></i> {{ content.media_files.count }} 个媒体文件
{% endif %}
</small>
<div>
<a href="{% url 'download_crawled_content' content.id %}" class="btn btn-sm btn-outline-primary" title="下载">
<i class="bi bi-download"></i>
</a>
{% else %}
<a href="{{ content.url }}" target="_blank" class="text-decoration-none">
{{ content.title|truncatechars:60 }}
</a>
{% endif %}
</h6>
<small class="text-muted">{{ content.created_at|date:"m-d H:i" }}</small>
</div>
<p class="mb-1 content-preview">{{ content.content|truncatechars:100 }}</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">
<i class="bi bi-geo-alt"></i> {{ content.website.region }}
{% if content.media_files.count > 0 %}
| <i class="bi bi-image"></i> {{ content.media_files.count }} 个媒体文件
{% endif %}
</small>
<div>
<a href="{% url 'download_crawled_content' content.id %}" class="btn btn-sm btn-outline-primary" title="下载">
<i class="bi bi-download"></i>
</a>
{% for keyword in content.keywords_matched|split:"," %}
<span class="keyword-badge">{{ keyword|strip }}</span>
{% endfor %}
{% for keyword in content.keywords_matched|split:"," %}
<span class="keyword-badge">{{ keyword|strip }}</span>
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>
{% empty %}
<div class="card">
<div class="card-body text-center">
<p class="text-muted py-3">暂无爬取内容</p>
{% empty %}
<div class="card">
<div class="card-body text-center">
<p class="text-muted py-3">暂无爬取内容</p>
</div>
</div>
</div>
{% endfor %}
{% endfor %}
</form>
<!-- 分页信息 -->
{% if stats.page_obj.has_other_pages %}
@@ -320,4 +339,46 @@
</div>
</div>
</div>
{% endblock %}
{% block extra_js %}
<script>
// 更新选中文章数量显示和批量下载按钮状态
function updateSelectionStatus() {
const selectedCount = document.querySelectorAll('.article-checkbox:checked').length;
const downloadButton = document.getElementById('download-selected');
if (selectedCount > 0) {
downloadButton.disabled = false;
downloadButton.innerHTML = `<i class="bi bi-download"></i> 批量下载 (${selectedCount})`;
} else {
downloadButton.disabled = true;
downloadButton.innerHTML = '<i class="bi bi-download"></i> 批量下载选中文章';
}
}
// 全选功能
document.getElementById('select-all').addEventListener('click', function() {
document.querySelectorAll('.article-checkbox').forEach(checkbox => {
checkbox.checked = true;
});
updateSelectionStatus();
});
// 取消全选功能
document.getElementById('deselect-all').addEventListener('click', function() {
document.querySelectorAll('.article-checkbox').forEach(checkbox => {
checkbox.checked = false;
});
updateSelectionStatus();
});
// 监听复选框变化
document.querySelectorAll('.article-checkbox').forEach(checkbox => {
checkbox.addEventListener('change', updateSelectionStatus);
});
// 初始化状态
updateSelectionStatus();
</script>
{% endblock %}