Files

108 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Yang's Toolbox · 微博跟踪</title>
<link rel="icon" href="/icons/weibo.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/common/common.css" />
<link rel="stylesheet" href="/tools/weibo/weibo.css" />
</head>
<body>
<main>
<div class="subtabs">
<button id="tab-fetch" class="subtab">拉取的内容(暂停)</button>
<button id="tab-archive" class="subtab">封存的内容</button>
<button id="tab-preview" class="subtab active">原版的网页</button>
</div>
<section class="debug" id="debug-section" style="display:none">
<div class="debug-actions">
<button id="wb-btn-copy" class="btn">复制调试信息</button>
<button id="wb-btn-refresh" class="btn">刷新</button>
<button id="wb-btn-clear" class="btn">清空</button>
</div>
<div id="wb-debug-output" class="debug-output"></div>
</section>
<section id="panel-fetch" class="panel" style="display:none">
<div class="compact">
<input id="input-uid" type="text" placeholder="用户UID" value="7716940453" />
<button id="btn-fetch" class="btn">拉取最近50条</button>
<input id="latest-data-time" type="text" placeholder="最新数据时间(拉取后显示)" readonly />
<input id="week-start" type="date" />
<input id="week-end" type="date" />
<button id="btn-save-week" class="btn">保存至库</button>
<button id="btn-week-prev" class="btn">上周</button>
<button id="btn-week-current" class="btn">本周</button>
<button id="btn-week-next" class="btn">下周</button>
<button id="btn-settings" class="btn">设置</button>
</div>
<div id="status" class="status" style="display:none"></div>
<div id="results-meta" class="meta"></div>
<div id="fetch-results" class="results"></div>
</section>
<section id="panel-archive" class="panel" style="display:none">
<div class="compact">
<input id="arch-query" type="text" placeholder="搜索关键词" />
<select id="arch-mode">
<option value="any">任意匹配</option>
<option value="all">同时包含</option>
</select>
<button id="arch-search" class="btn">搜索</button>
<button id="arch-reset" class="btn">复位</button>
<div class="preset">
<input id="arch-week-start" type="date" />
<input id="arch-week-end" type="date" />
<button id="arch-week-prev" class="btn">上周</button>
<button id="arch-week-current" class="btn">本周</button>
<button id="arch-week-next" class="btn">下周</button>
</div>
</div>
<div id="archive-results" class="results"></div>
</section>
<section id="panel-preview" class="panel" style="">
<div class="compact">
<input id="preview-url" type="text" placeholder="原版地址" />
<a id="preview-open" class="btn" target="_blank">新窗口打开原版</a>
</div>
<div id="preview-box" class="results" style="margin-top:8px">
<iframe id="preview-frame" style="width:100%; height:80vh; border:none;"></iframe>
</div>
</section>
</main>
<div id="settings-modal" class="modal hidden">
<div class="modal-body">
<h3>跟踪设置</h3>
<label>用户UID</label>
<input id="settings-uid" type="text" value="7716940453" />
<label>抽取条数</label>
<input id="settings-count" type="number" min="1" max="200" value="50" />
<label>关键词(空格分隔表示同时包含)</label>
<input id="settings-keywords" type="text" value="上海|上海 无料" />
<div class="modal-actions">
<button id="btn-save-settings">保存</button>
<button id="btn-close-settings">关闭</button>
</div>
</div>
</div>
<script src="/common/common.js"></script>
<script src="/tools/weibo/weibo.js"></script>
<script>
(async function(){
try {
const res = await fetch('/api/flags')
const data = await res.json()
if (data && data.debug && data.debug.weibo) {
const sec = document.getElementById('debug-section')
if (sec) sec.style.display = ''
}
} catch {}
})()
</script>
</body>
</html>