mirror of
https://gitverse.ru/kpa39l/vesti.git
synced 2026-09-29 09:55:03 +00:00
kpa39l
c8fe5f7c85
- Save/restore checked candidate ids in sessionStorage (vesti_bulk_candidates / vesti_bulk_selected) - Restore checks after page reload when opening a post via ?selected=N - Fix selector: checkboxes live outside <form> (form=bulk-form attribute), query input[name=ids] globally - Openspec: new capability candidates-bulk-selection, change archived
266 lines
15 KiB
HTML
266 lines
15 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Отобранные{% endblock %}
|
|
{% block content %}
|
|
<div class="d-flex justify-content-between align-items-center mb-2">
|
|
<h4 class="mb-0">⭐ Отобранные</h4>
|
|
<div class="text-muted small">
|
|
{% if selected %}
|
|
#{{ selected.id }} · {{ selected.source_name or selected.tg_channel or '?' }}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="alert alert-danger py-2">❌ {{ error }}</div>
|
|
{% endif %}
|
|
|
|
<form class="row g-2 mb-2" method="get" action="/selected">
|
|
<div class="col-auto">
|
|
<input type="text" name="q" value="{{ q }}" class="form-control form-control-sm" placeholder="поиск…">
|
|
</div>
|
|
<div class="col-auto">
|
|
<select name="direction" class="form-select form-select-sm">
|
|
<option value="">Все направления</option>
|
|
{% for d in directions %}
|
|
<option value="{{ d }}" {% if direction == d %}selected{% endif %}>{{ d }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="col-auto">
|
|
<select name="own" class="form-select form-select-sm">
|
|
<option value="">Все посты</option>
|
|
<option value="1" {% if own == '1' %}selected{% endif %}>⭐ Свои</option>
|
|
<option value="0" {% if own == '0' %}selected{% endif %}>Внешние</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="btn btn-sm btn-outline-secondary" type="submit">Применить</button>
|
|
</div>
|
|
</form>
|
|
|
|
{% set selected_qs = '&selected=' ~ selected.id if selected else '' %}
|
|
|
|
<div class="row g-0">
|
|
<!-- ЛЕВАЯ ПАНЕЛЬ: список отобранных -->
|
|
<div class="col-md-4">
|
|
<div class="border rounded p-2 d-flex flex-column" style="max-height: calc(100vh - 160px); background:#fff;">
|
|
<div class="d-flex flex-wrap align-items-center mb-1 gap-1">
|
|
<span class="me-1 text-muted small">Группировка:</span>
|
|
{% for val, label in [('source', 'источник'), ('date', 'дата'), ('status', 'статус')] %}
|
|
{% if group_by == val %}
|
|
<span class="badge bg-primary text-white">{{ label }}</span>
|
|
{% else %}
|
|
<a class="badge bg-light text-dark border text-decoration-none"
|
|
href="/selected?group_by={{ val }}{% if filters_qs %}&{{ filters_qs }}{% endif %}{{ selected_qs }}">{{ label }}</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div style="overflow-y:auto; flex:1 1 auto;">
|
|
{% for g in posts %}
|
|
<details {% if loop.first or (selected and selected.id in g.posts|map(attribute='id')|list) %}open{% endif %} class="mb-2">
|
|
<summary class="small text-secondary">
|
|
<span class="badge bg-light text-dark border">{{ g.key }}</span>
|
|
<span class="text-muted">— {{ g.posts|length }}</span>
|
|
</summary>
|
|
<div class="list-group list-group-flush small">
|
|
{% for p in g.posts %}
|
|
<div class="list-group-item d-flex align-items-start{% if selected and selected.id == p.id %} active-row{% endif %}{% if not p.is_read %} fw-bold{% endif %}">
|
|
<a class="flex-grow-1 text-decoration-none"
|
|
href="/selected?selected={{ p.id }}&group_by={{ group_by }}{% if filters_qs %}&{{ filters_qs }}{% endif %}">
|
|
<span class="d-block text-truncate">{{ (p.text or '')[:90] }}</span>
|
|
<span class="d-block text-muted">
|
|
{{ p.source_name }} · {{ (p.published_at or p.fetched_at) | dt }}
|
|
{% if p.is_own %} · ⭐{% endif %}
|
|
{% if p.direction %}<span class="badge bg-light">{{ p.direction }}</span>{% endif %}
|
|
</span>
|
|
</a>
|
|
<input type="checkbox" name="ids" value="{{ p.id }}" form="bulk-form"
|
|
class="ms-auto flex-shrink-0"
|
|
style="width:1.3em;height:1.3em;cursor:pointer;"
|
|
{% if selected and selected.id == p.id %}checked{% endif %}>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</details>
|
|
{% else %}
|
|
<div class="alert alert-info py-2">Нет отобранных по фильтру</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<form method="post" action="/candidates/bulk" id="bulk-form"
|
|
onsubmit="return confirm('Выполнить групповое действие над выбранными?')">
|
|
<input type="hidden" name="direction" value="{{ direction }}">
|
|
<input type="hidden" name="status" value="selected">
|
|
<input type="hidden" name="own" value="{{ own }}">
|
|
<input type="hidden" name="q" value="{{ q }}">
|
|
<input type="hidden" name="group_by" value="{{ group_by }}">
|
|
<input type="hidden" name="src" value="selected">
|
|
<div class="border-top pt-2 mt-1">
|
|
<div class="small text-muted mb-1">⚡ Массовые операции <span class="badge bg-secondary" id="sel-count">0</span></div>
|
|
<div class="btn-group btn-group-sm w-100 d-flex flex-wrap gap-1">
|
|
<button class="btn btn-sm btn-info flex-fill text-dark" name="action" value="process">🤖 Обработать моделью</button>
|
|
<button class="btn btn-sm btn-white flex-fill text-dark" name="action" value="rewrite">✍️ Переписать</button>
|
|
<button class="btn btn-sm btn-success flex-fill" name="action" value="approve">✅ Опубликовать</button>
|
|
<button class="btn btn-sm btn-outline-danger flex-fill" name="action" value="reject">🚫 Отклонить</button>
|
|
</div>
|
|
<div class="form-text mt-1">«Обработать» — классификация/резюме локальной моделью (qwen), «Переписать» — черновик своего поста.</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ПРАВАЯ ПАНЕЛЬ: детали отобранного + подготовка своего поста -->
|
|
<div class="col-md-8">
|
|
<div class="border rounded p-3 bg-white d-flex flex-column" style="height: calc(100vh - 160px);">
|
|
{% if selected %}
|
|
<div class="d-flex justify-content-between align-items-start flex-shrink-0">
|
|
<h5 class="mb-0">#{{ selected.id }} {{ selected.source_name or '?' }}</h5>
|
|
<small class="text-muted">{{ (selected.published_at or selected.fetched_at) | dt }}</small>
|
|
</div>
|
|
<div class="mb-2 flex-shrink-0">
|
|
{% if selected.direction %}<span class="badge bg-secondary">{{ selected.direction }}</span>{% endif %}
|
|
{% if selected.relevance %}<span class="badge bg-{{ 'success' if selected.relevance=='critical' else 'info' }}{{ 'border' if selected.relevance=='critical' else '' }}">{{ selected.relevance }}</span>{% endif %}
|
|
{% if selected.interest %}<span class="badge bg-warning text-dark">interest {{ selected.interest }}</span>{% endif %}
|
|
{% if selected.is_own %}<span class="badge bg-warning text-dark">⭐ СВОЙ</span>{% endif %}
|
|
{% if selected.fwd_from_channel_id %}<span class="badge bg-light text-dark">↩︎ форвард</span>{% endif %}
|
|
<small class="text-muted ms-2">👁 {{ selected.views }} 💬 {{ selected.reactions_total }}</small>
|
|
{% if selected.url %}<a class="btn btn-sm btn-outline-secondary ms-2" href="{{ selected.url }}" target="_blank">Исходник</a>{% endif %}
|
|
</div>
|
|
{% set hid %}<input type="hidden" name="group_by" value="{{ group_by }}"><input type="hidden" name="direction" value="{{ direction }}"><input type="hidden" name="own" value="{{ own }}"><input type="hidden" name="q" value="{{ q }}"><input type="hidden" name="src" value="selected">{% endset %}
|
|
<!-- Кнопки действий -->
|
|
<div class="d-flex flex-wrap gap-2 mb-2 flex-shrink-0">
|
|
{% if selected.status != 'published' %}
|
|
<form method="post" action="/posts/{{ selected.id }}/reclassify" class="d-inline-flex gap-1 align-items-center">
|
|
{{ hid }}
|
|
<select name="manual_direction" class="form-select form-select-sm w-auto" title="Направление: выберите — задастся без модели; «— модель —» = классификация LLM">
|
|
<option value="">— модель —</option>
|
|
{% for d in directions %}
|
|
<option value="{{ d }}" {% if d == selected.direction %}selected{% endif %}>{{ d }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<button class="btn btn-info" type="submit" title="Прогнать через модель (qwen3:8b): направление, релевантность, интерес, резюме; или установить выбранное направление вручную">🤖 Обработать моделью</button>
|
|
</form>
|
|
{% endif %}
|
|
{% if selected.status != 'published' %}
|
|
<form method="post" action="/posts/{{ selected.id }}/rewrite">
|
|
{{ hid }}
|
|
<button class="btn btn-outline-primary" type="submit" title="Сгенерировать черновик своего поста через модель — затем отредактируйте в поле справа">✍️ Переписать</button>
|
|
</form>
|
|
{% endif %}
|
|
{% if selected.status != 'rejected' and selected.status != 'published' %}
|
|
<form method="post" action="/posts/{{ selected.id }}/reject">
|
|
{{ hid }}
|
|
<button class="btn btn-outline-danger" type="submit">🚫 Отклонить</button>
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
<!-- Резюме — сразу под кнопками -->
|
|
{% if selected.summary %}
|
|
<div class="flex-shrink-0 mb-2">
|
|
<div class="border rounded bg-light p-2 small">
|
|
<span class="badge bg-secondary">резюме</span> {{ selected.summary }}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
<hr class="flex-shrink-0 my-2">
|
|
<!-- подготовка своего поста: редактор + оригинал рядом, на всю оставшуюся высоту -->
|
|
<div class="row g-2 flex-grow-1" style="min-height:0;">
|
|
<div class="col-md-6 d-flex flex-column" style="min-height:0;">
|
|
<h6 class="text-muted">✍️ Мой пост (редактируйте/сохраните — пойдёт в канал от вашего имени)</h6>
|
|
<form method="post" action="/posts/{{ selected.id }}/rewrite-save" class="row g-1 d-flex flex-column flex-grow-1" style="min-height:0;">
|
|
{{ hid }}
|
|
<textarea class="form-control form-control-sm flex-grow-1" name="rewritten_text" rows="8" style="flex-grow:1; min-height:140px; resize:vertical;">{{ selected.rewritten_text or '' }}</textarea>
|
|
<div class="col-auto mt-1">
|
|
<button class="btn btn-sm btn-outline-primary" type="submit">💾 Сохранить</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6 d-flex flex-column" style="min-height:0;">
|
|
<h6 class="text-muted">Оригинальный пост</h6>
|
|
<div class="border rounded p-2 bg-light small overflow-auto flex-grow-1" style="min-height:0;">
|
|
{% if selected.text %}
|
|
<div class="post-text">{{ selected.text | safe_html }}</div>
|
|
{% endif %}
|
|
{% if selected.media_path %}
|
|
{% set media_src = '/media/' ~ selected.media_path.split('/')[-1] %}
|
|
{% set media_ext = selected.media_path.lower().rsplit('.', 1)[-1] if '.' in selected.media_path else '' %}
|
|
{% if media_ext in ['jpg','jpeg','png','gif','webp'] %}
|
|
<a href="{{ media_src }}" target="_blank" title="Открыть полноразмер">
|
|
<img src="{{ media_src }}" class="img-fluid rounded mt-2 d-block" style="max-height:50vh" alt="медиа поста">
|
|
</a>
|
|
{% elif media_ext in ['mp4','webm','mov'] %}
|
|
<video src="{{ media_src }}" controls class="mt-2 d-block" style="max-height:50vh"></video>
|
|
{% else %}
|
|
<a class="btn btn-sm btn-outline-secondary mt-2" href="{{ media_src }}" target="_blank">📎 Медиафайл</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="flex-shrink-0 my-2">
|
|
<!-- Комментарий + публикация — в самом низу -->
|
|
{% if selected.status != 'published' %}
|
|
<div class="flex-shrink-0 pt-2 border-top">
|
|
<form method="post" action="/posts/{{ selected.id }}/approve" id="approve-form">
|
|
{{ hid }}
|
|
<label class="form-label small text-muted mb-0 d-block">💬 Мой комментарий (будет первым в канале):</label>
|
|
<textarea class="form-control form-control-sm mt-1" name="comment" rows="2"
|
|
placeholder="Комментарий/анонс…">{{ selected.comment or '' }}</textarea>
|
|
<div class="mt-2 d-flex flex-wrap gap-2">
|
|
<button class="btn btn-success" type="submit" title="Опубликовать в канал: комментарий (если есть) первым, затем ваш текст (поле справа)/пересказ, картинка, ссылка">✅ Опубликовать</button>
|
|
<button class="btn btn-sm btn-outline-secondary" type="submit"
|
|
formaction="/posts/{{ selected.id }}/comment"
|
|
title="Сохранить комментарий в черновик (не публикует). Он подтянется при следующей публикации">💾 Сохранить комментарий</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% else %}
|
|
<div class="alert alert-info py-3">Выберите отобранный пост слева</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
{% block scripts %}
|
|
<script>
|
|
(function(){
|
|
var boxes = document.querySelectorAll('input[name="ids"]');
|
|
var badge = document.getElementById('sel-count');
|
|
var KEY = 'vesti_bulk_selected';
|
|
function selSet(){
|
|
var s = new Set();
|
|
try { s = new Set(JSON.parse(sessionStorage.getItem(KEY) || '[]')); } catch(e) {}
|
|
return s;
|
|
}
|
|
function saveSet(s){
|
|
try { sessionStorage.setItem(KEY, JSON.stringify(Array.from(s))); } catch(e) {}
|
|
}
|
|
function upd(){
|
|
var n = 0;
|
|
for (var i = 0; i < boxes.length; i++) if (boxes[i].checked) n++;
|
|
badge.textContent = n;
|
|
}
|
|
// Восстановить сохранённые отметки (кроме текущего, сервер уже отметил его)
|
|
var s = selSet();
|
|
for (var i = 0; i < boxes.length; i++){
|
|
if (s.has(boxes[i].value)) boxes[i].checked = true;
|
|
}
|
|
for (var i = 0; i < boxes.length; i++){
|
|
boxes[i].addEventListener('change', function(){
|
|
var st = selSet();
|
|
if (this.checked) st.add(this.value); else st.delete(this.value);
|
|
saveSet(st);
|
|
upd();
|
|
});
|
|
}
|
|
var form = document.getElementById('bulk-form');
|
|
if (form) form.addEventListener('submit', function(){
|
|
try { sessionStorage.removeItem(KEY); } catch(e) {}
|
|
});
|
|
upd();
|
|
})();
|
|
</script>
|
|
{% endblock %} |