-
-
-
-
+
`;
content.innerHTML = html;
+ currentThoughtsCategory = "all";
+ currentThoughtsSort = "time_desc";
+ currentThoughtsSearch = "";
renderThoughtsList("all");
}
@@ -864,16 +882,72 @@ function filterThoughts(category) {
btn.classList.remove("active");
});
event.target.closest(".thought-filter-btn").classList.add("active");
+ currentThoughtsCategory = category;
renderThoughtsList(category);
}
+function onThoughtsSearch(val) {
+ currentThoughtsSearch = val.trim().toLowerCase();
+ renderThoughtsList(currentThoughtsCategory);
+}
+
+function onThoughtsSort(val) {
+ currentThoughtsSort = val;
+ renderThoughtsList(currentThoughtsCategory);
+}
+
+/** 解析日期字符串为时间戳，无效则返回 0 */
+function parseDate(str) {
+ if (!str) return 0;
+ const d = new Date(str.replace(/-/g, "/"));
+ return isNaN(d.getTime()) ? 0 : d.getTime();
+}
+
+/** 对数组按排序模式排序，返回新数组 */
+function sortByMode(arr) {
+ const sorted = [...arr];
+ if (currentThoughtsSort === "time_desc") {
+ sorted.sort((a, b) => parseDate(b.create_time) - parseDate(a.create_time));
+ } else if (currentThoughtsSort === "time_asc") {
+ sorted.sort((a, b) => parseDate(a.create_time) - parseDate(b.create_time));
+ } else if (currentThoughtsSort === "chapter") {
+ sorted.sort((a, b) => {
+ const ua = parseInt(a.chapter_uid) || 0;
+ const ub = parseInt(b.chapter_uid) || 0;
+ if (ua !== ub) return ua - ub;
+ // 同章节内按 range 起始位置排序
+ const ra = a.range ? parseInt(a.range.split("-")[0]) : 0;
+ const rb = b.range ? parseInt(b.range.split("-")[0]) : 0;
+ return ra - rb;
+ });
+ }
+ return sorted;
+}
+
+/** 过滤搜索关键词 */
+function matchSearch(text) {
+ if (!currentThoughtsSearch) return true;
+ return (text || "").toLowerCase().includes(currentThoughtsSearch);
+}
+
function renderThoughtsList(category) {
const data = currentThoughtsData;
if (!data) return;
- const highlights = data.highlights || [];
- const bookReviews = (data.reviews || []).filter((r) => r.is_finish);
- const thoughts = (data.reviews || []).filter((r) => !r.is_finish);
+ // 原始分类
+ let highlights = data.highlights || [];
+ let bookReviews = (data.reviews || []).filter((r) => r.is_finish);
+ let thoughts = (data.reviews || []).filter((r) => !r.is_finish);
+
+ // 搜索过滤
+ highlights = highlights.filter((h) => matchSearch(h.mark_text));
+ bookReviews = bookReviews.filter((r) => matchSearch(r.content) || matchSearch(r.abstract));
+ thoughts = thoughts.filter((r) => matchSearch(r.content) || matchSearch(r.abstract));
+
+ // 排序
+ highlights = sortByMode(highlights);
+ bookReviews = sortByMode(bookReviews);
+ thoughts = sortByMode(thoughts);
const list = document.getElementById("thoughtsList");
let html = "";
@@ -882,13 +956,33 @@ function renderThoughtsList(category) {
if (category === "all" || category === "highlight") {
if (highlights.length > 0) {
html += `
📌 划线 ${highlights.length}
`;
- const grouped = data.grouped_highlights || {};
- for (const [chTitle, items] of Object.entries(grouped)) {
- if (category === "highlight") {
+ if (currentThoughtsSort === "chapter") {
+ // 按章节分组展示
+ const grouped = {};
+ highlights.forEach((h) => {
+ const ch = h.chapter_title || "未知章节";
+ if (!grouped[ch]) grouped[ch] = [];
+ grouped[ch].push(h);
+ });
+ for (const [chTitle, items] of Object.entries(grouped)) {
html += `
`;
html += `
${chTitle}
`;
+ items.forEach((h) => {
+ html += `
+
+ ${escapeHtml(h.mark_text)}
+
+ ${h.chapter_title ? `${h.chapter_title}` : ""}
+ ${h.create_time ? `${h.create_time}` : ""}
+
+
+ `;
+ });
+ html += `
`;
}
- items.forEach((h) => {
+ } else {
+ // 按时间排序，平铺展示（标注章节）
+ highlights.forEach((h) => {
html += `
${escapeHtml(h.mark_text)}
@@ -899,7 +993,6 @@ function renderThoughtsList(category) {
`;
});
- if (category === "highlight") html += `