daily bookmarks
This commit is contained in:
@@ -91,6 +91,13 @@ Das Web-Interface ist erreichbar unter `http://localhost:8080`
|
|||||||
- Den Beitrag in neuem Tab zu öffnen
|
- Den Beitrag in neuem Tab zu öffnen
|
||||||
- Automatisch für dein Profil abzuhaken
|
- Automatisch für dein Profil abzuhaken
|
||||||
|
|
||||||
|
### Daily-Bookmarks-Seite
|
||||||
|
|
||||||
|
- Öffne `http://localhost:8080/daily-bookmarks.html` für eine eigenständige Bookmark-Übersicht
|
||||||
|
- Lege Links mit dynamischen Platzhaltern an (z. B. `{{day}}`, `{{date-1}}`)
|
||||||
|
- Markiere Bookmarks einmal pro Tag als erledigt; der Status wird in der SQLite-DB gespeichert
|
||||||
|
- Links werden pro gewähltem Tag aufgelöst, z. B. `https://www.test.de/tag-{{day}}/`
|
||||||
|
|
||||||
## API-Endpunkte
|
## API-Endpunkte
|
||||||
|
|
||||||
Das Backend stellt folgende REST-API bereit:
|
Das Backend stellt folgende REST-API bereit:
|
||||||
|
|||||||
@@ -26,6 +26,10 @@ const MAX_POST_TEXT_LENGTH = 4000;
|
|||||||
const MIN_TEXT_HASH_LENGTH = 120;
|
const MIN_TEXT_HASH_LENGTH = 120;
|
||||||
const MAX_BOOKMARK_LABEL_LENGTH = 120;
|
const MAX_BOOKMARK_LABEL_LENGTH = 120;
|
||||||
const MAX_BOOKMARK_QUERY_LENGTH = 200;
|
const MAX_BOOKMARK_QUERY_LENGTH = 200;
|
||||||
|
const DAILY_BOOKMARK_TITLE_MAX_LENGTH = 160;
|
||||||
|
const DAILY_BOOKMARK_URL_MAX_LENGTH = 800;
|
||||||
|
const DAILY_BOOKMARK_NOTES_MAX_LENGTH = 800;
|
||||||
|
const DAILY_BOOKMARK_MARKER_MAX_LENGTH = 120;
|
||||||
const SPORTS_SCORING_DEFAULTS = {
|
const SPORTS_SCORING_DEFAULTS = {
|
||||||
enabled: 1,
|
enabled: 1,
|
||||||
threshold: 5,
|
threshold: 5,
|
||||||
@@ -485,6 +489,222 @@ function serializeBookmark(row) {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function formatDayKeyFromDate(date = new Date()) {
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeDayKeyValue(rawValue) {
|
||||||
|
if (!rawValue && rawValue !== 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (rawValue instanceof Date) {
|
||||||
|
if (!Number.isNaN(rawValue.getTime())) {
|
||||||
|
return formatDayKeyFromDate(rawValue);
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (typeof rawValue !== 'string' && typeof rawValue !== 'number') {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const stringValue = String(rawValue).trim();
|
||||||
|
if (!stringValue) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const match = stringValue.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/);
|
||||||
|
if (match) {
|
||||||
|
const year = parseInt(match[1], 10);
|
||||||
|
const month = parseInt(match[2], 10);
|
||||||
|
const day = parseInt(match[3], 10);
|
||||||
|
const parsed = new Date(year, month - 1, day);
|
||||||
|
if (
|
||||||
|
!Number.isNaN(parsed.getTime())
|
||||||
|
&& parsed.getFullYear() === year
|
||||||
|
&& parsed.getMonth() === month - 1
|
||||||
|
&& parsed.getDate() === day
|
||||||
|
) {
|
||||||
|
return formatDayKeyFromDate(parsed);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const parsed = new Date(stringValue);
|
||||||
|
if (!Number.isNaN(parsed.getTime())) {
|
||||||
|
return formatDayKeyFromDate(parsed);
|
||||||
|
}
|
||||||
|
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveDayKey(dayKey, { defaultToToday = true } = {}) {
|
||||||
|
const normalized = normalizeDayKeyValue(dayKey);
|
||||||
|
if (normalized) {
|
||||||
|
return normalized;
|
||||||
|
}
|
||||||
|
return defaultToToday ? formatDayKeyFromDate() : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function dayKeyToDate(dayKey) {
|
||||||
|
const normalized = resolveDayKey(dayKey);
|
||||||
|
const match = normalized.match(/^(\d{4})-(\d{2})-(\d{2})$/);
|
||||||
|
if (!match) {
|
||||||
|
return new Date();
|
||||||
|
}
|
||||||
|
const year = parseInt(match[1], 10);
|
||||||
|
const month = parseInt(match[2], 10);
|
||||||
|
const day = parseInt(match[3], 10);
|
||||||
|
return new Date(year, month - 1, day);
|
||||||
|
}
|
||||||
|
|
||||||
|
function addDays(date, offsetDays = 0) {
|
||||||
|
const base = date instanceof Date ? date : new Date();
|
||||||
|
const result = new Date(base);
|
||||||
|
result.setDate(result.getDate() + offsetDays);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
const DAILY_PLACEHOLDER_PATTERN = /\{\{\s*([^}]+)\s*\}\}/gi;
|
||||||
|
|
||||||
|
function resolveDynamicUrlTemplate(template, dayKey) {
|
||||||
|
if (typeof template !== 'string') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const baseDayKey = resolveDayKey(dayKey);
|
||||||
|
const baseDate = dayKeyToDate(baseDayKey);
|
||||||
|
|
||||||
|
return template.replace(DAILY_PLACEHOLDER_PATTERN, (_match, contentRaw) => {
|
||||||
|
const content = (contentRaw || '').trim();
|
||||||
|
if (!content) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
const counterMatch = content.match(/^counter:\s*([+-]?\d+)([+-]\d+)?$/i);
|
||||||
|
if (counterMatch) {
|
||||||
|
const base = parseInt(counterMatch[1], 10);
|
||||||
|
const offset = counterMatch[2] ? parseInt(counterMatch[2], 10) || 0 : 0;
|
||||||
|
if (Number.isNaN(base)) {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
const date = addDays(baseDate, offset);
|
||||||
|
return String(base + date.getDate());
|
||||||
|
}
|
||||||
|
|
||||||
|
const placeholderMatch = content.match(/^(date|day|dd|mm|month|yyyy|yy)([+-]\d+)?$/i);
|
||||||
|
if (!placeholderMatch) {
|
||||||
|
return content;
|
||||||
|
}
|
||||||
|
|
||||||
|
const token = String(placeholderMatch[1] || '').toLowerCase();
|
||||||
|
const offset = placeholderMatch[2] ? parseInt(placeholderMatch[2], 10) || 0 : 0;
|
||||||
|
const date = addDays(baseDate, offset);
|
||||||
|
|
||||||
|
switch (token) {
|
||||||
|
case 'date':
|
||||||
|
return formatDayKeyFromDate(date);
|
||||||
|
case 'day':
|
||||||
|
return String(date.getDate());
|
||||||
|
case 'dd':
|
||||||
|
return String(date.getDate()).padStart(2, '0');
|
||||||
|
case 'month':
|
||||||
|
case 'mm':
|
||||||
|
return String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
case 'yyyy':
|
||||||
|
return String(date.getFullYear());
|
||||||
|
case 'yy':
|
||||||
|
return String(date.getFullYear()).slice(-2);
|
||||||
|
default:
|
||||||
|
return token;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeDailyBookmarkTitle(value, fallback = '') {
|
||||||
|
const source = typeof value === 'string' ? value : fallback;
|
||||||
|
let title = (source || '').trim();
|
||||||
|
if (!title && fallback) {
|
||||||
|
title = String(fallback || '').trim();
|
||||||
|
}
|
||||||
|
if (!title) {
|
||||||
|
title = 'Bookmark';
|
||||||
|
}
|
||||||
|
title = title.replace(/\s+/g, ' ');
|
||||||
|
if (title.length > DAILY_BOOKMARK_TITLE_MAX_LENGTH) {
|
||||||
|
title = title.slice(0, DAILY_BOOKMARK_TITLE_MAX_LENGTH);
|
||||||
|
}
|
||||||
|
return title;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeDailyBookmarkUrlTemplate(value) {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
let template = value.trim();
|
||||||
|
if (!template) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (template.length > DAILY_BOOKMARK_URL_MAX_LENGTH) {
|
||||||
|
template = template.slice(0, DAILY_BOOKMARK_URL_MAX_LENGTH);
|
||||||
|
}
|
||||||
|
|
||||||
|
return template;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeDailyBookmarkNotes(value) {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
let notes = value.trim();
|
||||||
|
if (notes.length > DAILY_BOOKMARK_NOTES_MAX_LENGTH) {
|
||||||
|
notes = notes.slice(0, DAILY_BOOKMARK_NOTES_MAX_LENGTH);
|
||||||
|
}
|
||||||
|
return notes;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeDailyBookmarkMarker(value) {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
let marker = value.trim();
|
||||||
|
marker = marker.replace(/\s+/g, ' ');
|
||||||
|
if (marker.length > DAILY_BOOKMARK_MARKER_MAX_LENGTH) {
|
||||||
|
marker = marker.slice(0, DAILY_BOOKMARK_MARKER_MAX_LENGTH);
|
||||||
|
}
|
||||||
|
return marker;
|
||||||
|
}
|
||||||
|
|
||||||
|
function serializeDailyBookmark(row, dayKey) {
|
||||||
|
if (!row) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const resolvedDayKey = resolveDayKey(dayKey);
|
||||||
|
const resolvedUrl = resolveDynamicUrlTemplate(row.url_template, resolvedDayKey);
|
||||||
|
|
||||||
|
return {
|
||||||
|
id: row.id,
|
||||||
|
title: row.title,
|
||||||
|
url_template: row.url_template,
|
||||||
|
marker: row.marker || '',
|
||||||
|
resolved_url: resolvedUrl,
|
||||||
|
notes: row.notes || '',
|
||||||
|
created_at: sqliteTimestampToUTC(row.created_at),
|
||||||
|
updated_at: sqliteTimestampToUTC(row.updated_at),
|
||||||
|
last_completed_at: sqliteTimestampToUTC(row.last_completed_at),
|
||||||
|
completed_for_day: !!row.completed_for_day,
|
||||||
|
day_key: resolvedDayKey
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
function normalizeFacebookPostUrl(rawValue) {
|
function normalizeFacebookPostUrl(rawValue) {
|
||||||
if (typeof rawValue !== 'string') {
|
if (typeof rawValue !== 'string') {
|
||||||
return null;
|
return null;
|
||||||
@@ -927,6 +1147,136 @@ const updateBookmarkLastClickedStmt = db.prepare(`
|
|||||||
WHERE id = ?
|
WHERE id = ?
|
||||||
`);
|
`);
|
||||||
|
|
||||||
|
db.exec(`
|
||||||
|
CREATE TABLE IF NOT EXISTS daily_bookmarks (
|
||||||
|
id TEXT PRIMARY KEY,
|
||||||
|
title TEXT NOT NULL,
|
||||||
|
url_template TEXT NOT NULL,
|
||||||
|
notes TEXT,
|
||||||
|
marker TEXT DEFAULT '',
|
||||||
|
created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
|
||||||
|
);
|
||||||
|
`);
|
||||||
|
|
||||||
|
db.exec(`
|
||||||
|
CREATE TABLE IF NOT EXISTS daily_bookmark_checks (
|
||||||
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||||
|
bookmark_id TEXT NOT NULL,
|
||||||
|
day_key TEXT NOT NULL,
|
||||||
|
completed_at DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
FOREIGN KEY (bookmark_id) REFERENCES daily_bookmarks(id) ON DELETE CASCADE,
|
||||||
|
UNIQUE(bookmark_id, day_key)
|
||||||
|
);
|
||||||
|
`);
|
||||||
|
|
||||||
|
db.exec(`
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_daily_bookmark_checks_day
|
||||||
|
ON daily_bookmark_checks(day_key);
|
||||||
|
`);
|
||||||
|
|
||||||
|
db.exec(`
|
||||||
|
CREATE INDEX IF NOT EXISTS idx_daily_bookmarks_updated
|
||||||
|
ON daily_bookmarks(updated_at);
|
||||||
|
`);
|
||||||
|
|
||||||
|
ensureColumn('daily_bookmarks', 'marker', 'marker TEXT DEFAULT \'\'');
|
||||||
|
|
||||||
|
const listDailyBookmarksStmt = db.prepare(`
|
||||||
|
SELECT
|
||||||
|
b.id,
|
||||||
|
b.title,
|
||||||
|
b.url_template,
|
||||||
|
b.notes,
|
||||||
|
b.marker,
|
||||||
|
b.created_at,
|
||||||
|
b.updated_at,
|
||||||
|
(
|
||||||
|
SELECT MAX(completed_at)
|
||||||
|
FROM daily_bookmark_checks c
|
||||||
|
WHERE c.bookmark_id = b.id
|
||||||
|
) AS last_completed_at,
|
||||||
|
EXISTS(
|
||||||
|
SELECT 1
|
||||||
|
FROM daily_bookmark_checks c
|
||||||
|
WHERE c.bookmark_id = b.id
|
||||||
|
AND c.day_key = @dayKey
|
||||||
|
) AS completed_for_day
|
||||||
|
FROM daily_bookmarks b
|
||||||
|
ORDER BY datetime(b.updated_at) DESC, datetime(b.created_at) DESC, b.title COLLATE NOCASE
|
||||||
|
`);
|
||||||
|
|
||||||
|
const getDailyBookmarkStmt = db.prepare(`
|
||||||
|
SELECT
|
||||||
|
b.id,
|
||||||
|
b.title,
|
||||||
|
b.url_template,
|
||||||
|
b.notes,
|
||||||
|
b.marker,
|
||||||
|
b.created_at,
|
||||||
|
b.updated_at,
|
||||||
|
(
|
||||||
|
SELECT MAX(completed_at)
|
||||||
|
FROM daily_bookmark_checks c
|
||||||
|
WHERE c.bookmark_id = b.id
|
||||||
|
) AS last_completed_at,
|
||||||
|
EXISTS(
|
||||||
|
SELECT 1
|
||||||
|
FROM daily_bookmark_checks c
|
||||||
|
WHERE c.bookmark_id = b.id
|
||||||
|
AND c.day_key = @dayKey
|
||||||
|
) AS completed_for_day
|
||||||
|
FROM daily_bookmarks b
|
||||||
|
WHERE b.id = @bookmarkId
|
||||||
|
`);
|
||||||
|
|
||||||
|
const insertDailyBookmarkStmt = db.prepare(`
|
||||||
|
INSERT INTO daily_bookmarks (id, title, url_template, notes, marker)
|
||||||
|
VALUES (@id, @title, @url_template, @notes, @marker)
|
||||||
|
`);
|
||||||
|
|
||||||
|
const findDailyBookmarkByUrlStmt = db.prepare(`
|
||||||
|
SELECT id
|
||||||
|
FROM daily_bookmarks
|
||||||
|
WHERE LOWER(url_template) = LOWER(?)
|
||||||
|
LIMIT 1
|
||||||
|
`);
|
||||||
|
|
||||||
|
const findOtherDailyBookmarkByUrlStmt = db.prepare(`
|
||||||
|
SELECT id
|
||||||
|
FROM daily_bookmarks
|
||||||
|
WHERE LOWER(url_template) = LOWER(@url)
|
||||||
|
AND id <> @id
|
||||||
|
LIMIT 1
|
||||||
|
`);
|
||||||
|
|
||||||
|
const updateDailyBookmarkStmt = db.prepare(`
|
||||||
|
UPDATE daily_bookmarks
|
||||||
|
SET title = @title,
|
||||||
|
url_template = @url_template,
|
||||||
|
notes = @notes,
|
||||||
|
marker = @marker,
|
||||||
|
updated_at = CURRENT_TIMESTAMP
|
||||||
|
WHERE id = @id
|
||||||
|
`);
|
||||||
|
|
||||||
|
const deleteDailyBookmarkStmt = db.prepare(`
|
||||||
|
DELETE FROM daily_bookmarks
|
||||||
|
WHERE id = ?
|
||||||
|
`);
|
||||||
|
|
||||||
|
const upsertDailyBookmarkCheckStmt = db.prepare(`
|
||||||
|
INSERT INTO daily_bookmark_checks (bookmark_id, day_key)
|
||||||
|
VALUES (@bookmarkId, @dayKey)
|
||||||
|
ON CONFLICT(bookmark_id, day_key) DO NOTHING
|
||||||
|
`);
|
||||||
|
|
||||||
|
const deleteDailyBookmarkCheckStmt = db.prepare(`
|
||||||
|
DELETE FROM daily_bookmark_checks
|
||||||
|
WHERE bookmark_id = @bookmarkId
|
||||||
|
AND day_key = @dayKey
|
||||||
|
`);
|
||||||
|
|
||||||
ensureColumn('posts', 'checked_count', 'checked_count INTEGER DEFAULT 0');
|
ensureColumn('posts', 'checked_count', 'checked_count INTEGER DEFAULT 0');
|
||||||
ensureColumn('posts', 'screenshot_path', 'screenshot_path TEXT');
|
ensureColumn('posts', 'screenshot_path', 'screenshot_path TEXT');
|
||||||
ensureColumn('posts', 'created_by_profile', 'created_by_profile INTEGER');
|
ensureColumn('posts', 'created_by_profile', 'created_by_profile INTEGER');
|
||||||
@@ -1936,8 +2286,13 @@ const selectAlternateUrlsForPostStmt = db.prepare(`
|
|||||||
ORDER BY created_at ASC
|
ORDER BY created_at ASC
|
||||||
`);
|
`);
|
||||||
const selectPostByTextHashStmt = db.prepare('SELECT * FROM posts WHERE post_text_hash = ?');
|
const selectPostByTextHashStmt = db.prepare('SELECT * FROM posts WHERE post_text_hash = ?');
|
||||||
|
const selectChecksForPostStmt = db.prepare('SELECT id, profile_number, checked_at FROM checks WHERE post_id = ?');
|
||||||
|
const updateCheckPostStmt = db.prepare('UPDATE checks SET post_id = ? WHERE id = ?');
|
||||||
|
const updateCheckTimestampStmt = db.prepare('UPDATE checks SET checked_at = ? WHERE id = ?');
|
||||||
|
const deleteCheckByIdStmt = db.prepare('DELETE FROM checks WHERE id = ?');
|
||||||
|
|
||||||
function storePostUrls(postId, primaryUrl, additionalUrls = []) {
|
function storePostUrls(postId, primaryUrl, additionalUrls = [], options = {}) {
|
||||||
|
const { skipContentKeyCheck = false } = options;
|
||||||
if (!postId || !primaryUrl) {
|
if (!postId || !primaryUrl) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -1956,16 +2311,18 @@ function storePostUrls(postId, primaryUrl, additionalUrls = []) {
|
|||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!skipContentKeyCheck) {
|
||||||
const candidateKey = extractFacebookContentKey(normalized);
|
const candidateKey = extractFacebookContentKey(normalized);
|
||||||
if (!candidateKey || candidateKey !== primaryKey) {
|
if (!candidateKey || candidateKey !== primaryKey) {
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const existingPostId = findPostIdByUrl(normalized);
|
const existingPostId = findPostIdByUrl(normalized);
|
||||||
if (existingPostId && existingPostId !== postId) {
|
if (existingPostId && existingPostId !== postId) {
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
insertPostUrlStmt.run(postId, normalized, 0);
|
insertPostUrlStmt.run(postId, normalized);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2289,6 +2646,276 @@ app.delete('/api/bookmarks/:bookmarkId', (req, res) => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
app.get('/api/daily-bookmarks', (req, res) => {
|
||||||
|
const dayKey = resolveDayKey(req.query && req.query.day);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const rows = listDailyBookmarksStmt.all({ dayKey });
|
||||||
|
res.json(rows.map((row) => serializeDailyBookmark(row, dayKey)));
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to load daily bookmarks:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmarks konnten nicht geladen werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post('/api/daily-bookmarks', (req, res) => {
|
||||||
|
const payload = req.body || {};
|
||||||
|
const rawDay = (payload && payload.day) || (req.query && req.query.day);
|
||||||
|
const dayKey = rawDay ? normalizeDayKeyValue(rawDay) : resolveDayKey(rawDay);
|
||||||
|
if (!dayKey) {
|
||||||
|
return res.status(400).json({ error: 'Ungültiges Tagesformat' });
|
||||||
|
}
|
||||||
|
const normalizedUrl = normalizeDailyBookmarkUrlTemplate(payload.url_template || payload.url);
|
||||||
|
const normalizedTitle = normalizeDailyBookmarkTitle(payload.title || payload.label, normalizedUrl);
|
||||||
|
const normalizedNotes = normalizeDailyBookmarkNotes(payload.notes);
|
||||||
|
const normalizedMarker = normalizeDailyBookmarkMarker(payload.marker || payload.tag);
|
||||||
|
|
||||||
|
if (!normalizedUrl) {
|
||||||
|
return res.status(400).json({ error: 'URL-Template ist erforderlich' });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (findDailyBookmarkByUrlStmt.get(normalizedUrl)) {
|
||||||
|
return res.status(409).json({ error: 'Bookmark mit dieser URL existiert bereits' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const id = uuidv4();
|
||||||
|
insertDailyBookmarkStmt.run({
|
||||||
|
id,
|
||||||
|
title: normalizedTitle,
|
||||||
|
url_template: normalizedUrl,
|
||||||
|
notes: normalizedNotes,
|
||||||
|
marker: normalizedMarker
|
||||||
|
});
|
||||||
|
upsertDailyBookmarkCheckStmt.run({ bookmarkId: id, dayKey });
|
||||||
|
const saved = getDailyBookmarkStmt.get({ bookmarkId: id, dayKey });
|
||||||
|
res.status(201).json(serializeDailyBookmark(saved, dayKey));
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to create daily bookmark:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmark konnte nicht erstellt werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post('/api/daily-bookmarks/import', (req, res) => {
|
||||||
|
const payload = req.body || {};
|
||||||
|
const rawDay = (payload && payload.day) || (req.query && req.query.day);
|
||||||
|
const dayKey = rawDay ? normalizeDayKeyValue(rawDay) : resolveDayKey(rawDay);
|
||||||
|
if (!dayKey) {
|
||||||
|
return res.status(400).json({ error: 'Ungültiges Tagesformat' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const normalizedMarker = normalizeDailyBookmarkMarker(payload.marker || payload.tag);
|
||||||
|
const collected = [];
|
||||||
|
const addValue = (value) => {
|
||||||
|
if (typeof value !== 'string') {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const trimmed = value.trim();
|
||||||
|
if (trimmed) {
|
||||||
|
collected.push(trimmed);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (Array.isArray(payload.urls)) {
|
||||||
|
payload.urls.forEach(addValue);
|
||||||
|
}
|
||||||
|
if (Array.isArray(payload.url_templates)) {
|
||||||
|
payload.url_templates.forEach(addValue);
|
||||||
|
}
|
||||||
|
if (typeof payload.text === 'string') {
|
||||||
|
payload.text.split(/\r?\n|,/).forEach(addValue);
|
||||||
|
}
|
||||||
|
if (typeof payload.urls_text === 'string') {
|
||||||
|
payload.urls_text.split(/\r?\n|,/).forEach(addValue);
|
||||||
|
}
|
||||||
|
|
||||||
|
const inputCount = collected.length;
|
||||||
|
if (!inputCount) {
|
||||||
|
return res.status(400).json({ error: 'Keine URLs zum Import übergeben' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const normalizedTemplates = collected
|
||||||
|
.map((raw) => normalizeDailyBookmarkUrlTemplate(raw))
|
||||||
|
.filter(Boolean);
|
||||||
|
const invalidCount = inputCount - normalizedTemplates.length;
|
||||||
|
const uniqueTemplates = [...new Set(normalizedTemplates)];
|
||||||
|
const duplicateCount = normalizedTemplates.length - uniqueTemplates.length;
|
||||||
|
|
||||||
|
const createdItems = [];
|
||||||
|
let skippedExisting = 0;
|
||||||
|
|
||||||
|
const insertMany = db.transaction((templates) => {
|
||||||
|
for (const template of templates) {
|
||||||
|
if (findDailyBookmarkByUrlStmt.get(template)) {
|
||||||
|
skippedExisting += 1;
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
const id = uuidv4();
|
||||||
|
const title = normalizeDailyBookmarkTitle('', template);
|
||||||
|
insertDailyBookmarkStmt.run({
|
||||||
|
id,
|
||||||
|
title,
|
||||||
|
url_template: template,
|
||||||
|
notes: '',
|
||||||
|
marker: normalizedMarker
|
||||||
|
});
|
||||||
|
upsertDailyBookmarkCheckStmt.run({ bookmarkId: id, dayKey });
|
||||||
|
const saved = getDailyBookmarkStmt.get({ bookmarkId: id, dayKey });
|
||||||
|
if (saved) {
|
||||||
|
createdItems.push(saved);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
try {
|
||||||
|
insertMany(uniqueTemplates);
|
||||||
|
res.json({
|
||||||
|
created: createdItems.length,
|
||||||
|
skipped_existing: skippedExisting,
|
||||||
|
skipped_invalid: invalidCount,
|
||||||
|
skipped_duplicates: duplicateCount,
|
||||||
|
marker: normalizedMarker,
|
||||||
|
day_key: dayKey,
|
||||||
|
items: createdItems.map((row) => serializeDailyBookmark(row, dayKey))
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to import daily bookmarks:', error);
|
||||||
|
res.status(500).json({ error: 'Import fehlgeschlagen' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.put('/api/daily-bookmarks/:bookmarkId', (req, res) => {
|
||||||
|
const { bookmarkId } = req.params;
|
||||||
|
if (!bookmarkId) {
|
||||||
|
return res.status(400).json({ error: 'Bookmark-ID fehlt' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload = req.body || {};
|
||||||
|
const rawDay = (payload && payload.day) || (req.query && req.query.day);
|
||||||
|
const dayKey = rawDay ? normalizeDayKeyValue(rawDay) : resolveDayKey(rawDay);
|
||||||
|
if (!dayKey) {
|
||||||
|
return res.status(400).json({ error: 'Ungültiges Tagesformat' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const existing = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
if (!existing) {
|
||||||
|
return res.status(404).json({ error: 'Bookmark nicht gefunden' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const normalizedUrl = normalizeDailyBookmarkUrlTemplate(
|
||||||
|
payload.url_template ?? payload.url ?? existing.url_template
|
||||||
|
);
|
||||||
|
const normalizedTitle = normalizeDailyBookmarkTitle(
|
||||||
|
payload.title ?? payload.label ?? existing.title,
|
||||||
|
normalizedUrl || existing.url_template
|
||||||
|
);
|
||||||
|
const normalizedNotes = normalizeDailyBookmarkNotes(
|
||||||
|
payload.notes ?? existing.notes ?? ''
|
||||||
|
);
|
||||||
|
const normalizedMarker = normalizeDailyBookmarkMarker(
|
||||||
|
payload.marker ?? existing.marker ?? ''
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!normalizedUrl) {
|
||||||
|
return res.status(400).json({ error: 'URL-Template ist erforderlich' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const otherWithUrl = findOtherDailyBookmarkByUrlStmt.get({
|
||||||
|
url: normalizedUrl,
|
||||||
|
id: bookmarkId
|
||||||
|
});
|
||||||
|
if (otherWithUrl) {
|
||||||
|
return res.status(409).json({ error: 'Bookmark mit dieser URL existiert bereits' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
updateDailyBookmarkStmt.run({
|
||||||
|
id: bookmarkId,
|
||||||
|
title: normalizedTitle,
|
||||||
|
url_template: normalizedUrl,
|
||||||
|
notes: normalizedNotes,
|
||||||
|
marker: normalizedMarker
|
||||||
|
});
|
||||||
|
const updated = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
res.json(serializeDailyBookmark(updated, dayKey));
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to update daily bookmark:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmark konnte nicht aktualisiert werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.delete('/api/daily-bookmarks/:bookmarkId', (req, res) => {
|
||||||
|
const { bookmarkId } = req.params;
|
||||||
|
if (!bookmarkId) {
|
||||||
|
return res.status(400).json({ error: 'Bookmark-ID fehlt' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const result = deleteDailyBookmarkStmt.run(bookmarkId);
|
||||||
|
if (!result.changes) {
|
||||||
|
return res.status(404).json({ error: 'Bookmark nicht gefunden' });
|
||||||
|
}
|
||||||
|
res.status(204).send();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to delete daily bookmark:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmark konnte nicht gelöscht werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.post('/api/daily-bookmarks/:bookmarkId/check', (req, res) => {
|
||||||
|
const { bookmarkId } = req.params;
|
||||||
|
if (!bookmarkId) {
|
||||||
|
return res.status(400).json({ error: 'Bookmark-ID fehlt' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const rawDay = (req.body && req.body.day) || (req.query && req.query.day);
|
||||||
|
const dayKey = rawDay ? normalizeDayKeyValue(rawDay) : resolveDayKey(rawDay);
|
||||||
|
if (!dayKey) {
|
||||||
|
return res.status(400).json({ error: 'Ungültiges Tagesformat' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const existing = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
if (!existing) {
|
||||||
|
return res.status(404).json({ error: 'Bookmark nicht gefunden' });
|
||||||
|
}
|
||||||
|
|
||||||
|
upsertDailyBookmarkCheckStmt.run({ bookmarkId, dayKey });
|
||||||
|
const updated = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
res.json(serializeDailyBookmark(updated, dayKey));
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to complete daily bookmark:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmark konnte nicht abgehakt werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.delete('/api/daily-bookmarks/:bookmarkId/check', (req, res) => {
|
||||||
|
const { bookmarkId } = req.params;
|
||||||
|
if (!bookmarkId) {
|
||||||
|
return res.status(400).json({ error: 'Bookmark-ID fehlt' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const rawDay = (req.body && req.body.day) || (req.query && req.query.day);
|
||||||
|
const dayKey = rawDay ? normalizeDayKeyValue(rawDay) : resolveDayKey(rawDay);
|
||||||
|
if (!dayKey) {
|
||||||
|
return res.status(400).json({ error: 'Ungültiges Tagesformat' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const existing = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
if (!existing) {
|
||||||
|
return res.status(404).json({ error: 'Bookmark nicht gefunden' });
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteDailyBookmarkCheckStmt.run({ bookmarkId, dayKey });
|
||||||
|
const updated = getDailyBookmarkStmt.get({ bookmarkId, dayKey });
|
||||||
|
res.json(serializeDailyBookmark(updated, dayKey));
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Failed to undo daily bookmark completion:', error);
|
||||||
|
res.status(500).json({ error: 'Daily Bookmark konnte nicht zurückgesetzt werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Get all posts
|
// Get all posts
|
||||||
app.get('/api/events', (req, res) => {
|
app.get('/api/events', (req, res) => {
|
||||||
res.setHeader('Content-Type', 'text/event-stream');
|
res.setHeader('Content-Type', 'text/event-stream');
|
||||||
@@ -3188,6 +3815,183 @@ app.patch('/api/posts/:postId', (req, res) => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
app.post('/api/posts/merge', (req, res) => {
|
||||||
|
const { primary_post_id, secondary_post_id, primary_url } = req.body || {};
|
||||||
|
|
||||||
|
if (!primary_post_id || !secondary_post_id) {
|
||||||
|
return res.status(400).json({ error: 'primary_post_id und secondary_post_id sind erforderlich' });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (primary_post_id === secondary_post_id) {
|
||||||
|
return res.status(400).json({ error: 'Die Post-IDs müssen unterschiedlich sein' });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const primaryPost = db.prepare('SELECT * FROM posts WHERE id = ?').get(primary_post_id);
|
||||||
|
const secondaryPost = db.prepare('SELECT * FROM posts WHERE id = ?').get(secondary_post_id);
|
||||||
|
|
||||||
|
if (!primaryPost || !secondaryPost) {
|
||||||
|
return res.status(404).json({ error: 'Einer der Beiträge wurde nicht gefunden' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const normalizedPrimaryUrl = primary_url
|
||||||
|
? normalizeFacebookPostUrl(primary_url)
|
||||||
|
: normalizeFacebookPostUrl(primaryPost.url);
|
||||||
|
|
||||||
|
if (!normalizedPrimaryUrl) {
|
||||||
|
return res.status(400).json({ error: 'primary_url ist ungültig' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const conflictId = findPostIdByUrl(normalizedPrimaryUrl);
|
||||||
|
if (conflictId && conflictId !== primary_post_id && conflictId !== secondary_post_id) {
|
||||||
|
return res.status(409).json({ error: 'Die gewählte Haupt-URL gehört bereits zu einem anderen Beitrag' });
|
||||||
|
}
|
||||||
|
|
||||||
|
const collectUrlsForPost = (post) => {
|
||||||
|
const urls = [];
|
||||||
|
if (post && post.url) {
|
||||||
|
urls.push(post.url);
|
||||||
|
}
|
||||||
|
if (post && post.id) {
|
||||||
|
const alternates = selectAlternateUrlsForPostStmt.all(post.id).map(row => row.url);
|
||||||
|
urls.push(...alternates);
|
||||||
|
}
|
||||||
|
return urls;
|
||||||
|
};
|
||||||
|
|
||||||
|
const mergedUrlSet = new Set();
|
||||||
|
for (const url of [...collectUrlsForPost(primaryPost), ...collectUrlsForPost(secondaryPost)]) {
|
||||||
|
const normalized = normalizeFacebookPostUrl(url);
|
||||||
|
if (normalized) {
|
||||||
|
mergedUrlSet.add(normalized);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
mergedUrlSet.add(normalizedPrimaryUrl);
|
||||||
|
|
||||||
|
const alternateUrls = Array.from(mergedUrlSet).filter(url => url !== normalizedPrimaryUrl);
|
||||||
|
|
||||||
|
const mergedDeadline = (() => {
|
||||||
|
if (primaryPost.deadline_at && secondaryPost.deadline_at) {
|
||||||
|
return new Date(primaryPost.deadline_at) <= new Date(secondaryPost.deadline_at)
|
||||||
|
? primaryPost.deadline_at
|
||||||
|
: secondaryPost.deadline_at;
|
||||||
|
}
|
||||||
|
return primaryPost.deadline_at || secondaryPost.deadline_at || null;
|
||||||
|
})();
|
||||||
|
|
||||||
|
const mergedTargetCount = Math.max(
|
||||||
|
validateTargetCount(primaryPost.target_count) || 1,
|
||||||
|
validateTargetCount(secondaryPost.target_count) || 1
|
||||||
|
);
|
||||||
|
|
||||||
|
const mergedPostText = (primaryPost.post_text && primaryPost.post_text.trim())
|
||||||
|
? primaryPost.post_text
|
||||||
|
: (secondaryPost.post_text || null);
|
||||||
|
const normalizedMergedPostText = mergedPostText ? normalizePostText(mergedPostText) : null;
|
||||||
|
const mergedPostTextHash = normalizedMergedPostText
|
||||||
|
? computePostTextHash(normalizedMergedPostText)
|
||||||
|
: null;
|
||||||
|
|
||||||
|
const mergedCreatorName = (primaryPost.created_by_name && primaryPost.created_by_name.trim())
|
||||||
|
? primaryPost.created_by_name
|
||||||
|
: (secondaryPost.created_by_name || null);
|
||||||
|
const mergedCreatorProfile = primaryPost.created_by_profile || secondaryPost.created_by_profile || null;
|
||||||
|
|
||||||
|
const mergedTitle = (primaryPost.title && primaryPost.title.trim())
|
||||||
|
? primaryPost.title
|
||||||
|
: (secondaryPost.title || null);
|
||||||
|
|
||||||
|
const mergeTransaction = db.transaction(() => {
|
||||||
|
// Move checks from secondary to primary (one per profile)
|
||||||
|
const primaryChecks = selectChecksForPostStmt.all(primary_post_id);
|
||||||
|
const secondaryChecks = selectChecksForPostStmt.all(secondary_post_id);
|
||||||
|
|
||||||
|
const primaryByProfile = new Map();
|
||||||
|
for (const check of primaryChecks) {
|
||||||
|
if (!check || !check.profile_number) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
const existing = primaryByProfile.get(check.profile_number);
|
||||||
|
if (!existing) {
|
||||||
|
primaryByProfile.set(check.profile_number, check);
|
||||||
|
} else {
|
||||||
|
if (new Date(check.checked_at) < new Date(existing.checked_at)) {
|
||||||
|
primaryByProfile.set(check.profile_number, check);
|
||||||
|
} else {
|
||||||
|
deleteCheckByIdStmt.run(check.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
for (const check of secondaryChecks) {
|
||||||
|
if (!check || !check.profile_number) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
const existing = primaryByProfile.get(check.profile_number);
|
||||||
|
if (!existing) {
|
||||||
|
updateCheckPostStmt.run(primary_post_id, check.id);
|
||||||
|
primaryByProfile.set(check.profile_number, check);
|
||||||
|
} else {
|
||||||
|
const existingDate = new Date(existing.checked_at);
|
||||||
|
const candidateDate = new Date(check.checked_at);
|
||||||
|
if (candidateDate < existingDate) {
|
||||||
|
updateCheckTimestampStmt.run(check.checked_at, existing.id);
|
||||||
|
}
|
||||||
|
deleteCheckByIdStmt.run(check.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Delete secondary post (post_urls are cascaded)
|
||||||
|
db.prepare('DELETE FROM posts WHERE id = ?').run(secondary_post_id);
|
||||||
|
|
||||||
|
const primaryContentKey = extractFacebookContentKey(normalizedPrimaryUrl);
|
||||||
|
db.prepare(`
|
||||||
|
UPDATE posts
|
||||||
|
SET url = ?, content_key = ?, target_count = ?, created_by_name = ?, created_by_profile = ?,
|
||||||
|
deadline_at = ?, title = ?, post_text = ?, post_text_hash = ?, last_change = CURRENT_TIMESTAMP
|
||||||
|
WHERE id = ?
|
||||||
|
`).run(
|
||||||
|
normalizedPrimaryUrl,
|
||||||
|
primaryContentKey || null,
|
||||||
|
mergedTargetCount,
|
||||||
|
mergedCreatorName,
|
||||||
|
mergedCreatorProfile,
|
||||||
|
mergedDeadline,
|
||||||
|
mergedTitle,
|
||||||
|
normalizedMergedPostText,
|
||||||
|
mergedPostTextHash,
|
||||||
|
primary_post_id
|
||||||
|
);
|
||||||
|
|
||||||
|
storePostUrls(primary_post_id, normalizedPrimaryUrl, alternateUrls, { skipContentKeyCheck: true });
|
||||||
|
recalcCheckedCount(primary_post_id);
|
||||||
|
|
||||||
|
const updated = db.prepare('SELECT * FROM posts WHERE id = ?').get(primary_post_id);
|
||||||
|
return updated;
|
||||||
|
});
|
||||||
|
|
||||||
|
const merged = mergeTransaction();
|
||||||
|
if (secondaryPost && secondaryPost.screenshot_path) {
|
||||||
|
const secondaryFile = path.join(screenshotDir, secondaryPost.screenshot_path);
|
||||||
|
if (fs.existsSync(secondaryFile)) {
|
||||||
|
try {
|
||||||
|
fs.unlinkSync(secondaryFile);
|
||||||
|
} catch (cleanupError) {
|
||||||
|
console.warn('Konnte Screenshot des zusammengeführten Beitrags nicht entfernen:', cleanupError.message);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const mapped = mapPostRow(merged);
|
||||||
|
broadcastPostChange(mapped, { reason: 'merged' });
|
||||||
|
broadcastPostDeletion(secondary_post_id, { reason: 'merged' });
|
||||||
|
|
||||||
|
res.json(mapped);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Merge failed:', error);
|
||||||
|
res.status(500).json({ error: 'Beiträge konnten nicht gemerged werden' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Delete post
|
// Delete post
|
||||||
app.delete('/api/posts/:postId', (req, res) => {
|
app.delete('/api/posts/:postId', (req, res) => {
|
||||||
try {
|
try {
|
||||||
@@ -3526,8 +4330,16 @@ function sanitizeAIComment(text) {
|
|||||||
return '';
|
return '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Clean up AI output: drop hidden tags, replace dashes, normalize spacing.
|
||||||
return text
|
return text
|
||||||
.replace(/<think>[\s\S]*?<\/think>/gi, '')
|
.replace(/<think>[\s\S]*?<\/think>/gi, '')
|
||||||
|
.replace(/[-–—]+/g, (match, offset, full) => {
|
||||||
|
const prev = full[offset - 1];
|
||||||
|
const next = full[offset + match.length];
|
||||||
|
const prevIsWord = prev && /[A-Za-z0-9ÄÖÜäöüß]/.test(prev);
|
||||||
|
const nextIsWord = next && /[A-Za-z0-9ÄÖÜäöüß]/.test(next);
|
||||||
|
return prevIsWord && nextIsWord ? match : ', ';
|
||||||
|
})
|
||||||
.replace(/\s{2,}/g, ' ')
|
.replace(/\s{2,}/g, ' ')
|
||||||
.trim();
|
.trim();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3434,6 +3434,7 @@ let selectionAINoteButton = null;
|
|||||||
let selectionAIRaf = null;
|
let selectionAIRaf = null;
|
||||||
let selectionAIHideTimeout = null;
|
let selectionAIHideTimeout = null;
|
||||||
let selectionAIEnabledCached = null;
|
let selectionAIEnabledCached = null;
|
||||||
|
let selectionAIContextElement = null;
|
||||||
|
|
||||||
const clearSelectionAIHideTimeout = () => {
|
const clearSelectionAIHideTimeout = () => {
|
||||||
if (selectionAIHideTimeout) {
|
if (selectionAIHideTimeout) {
|
||||||
@@ -3447,6 +3448,7 @@ const hideSelectionAIButton = () => {
|
|||||||
if (selectionAIContainer) {
|
if (selectionAIContainer) {
|
||||||
selectionAIContainer.style.display = 'none';
|
selectionAIContainer.style.display = 'none';
|
||||||
}
|
}
|
||||||
|
selectionAIContextElement = null;
|
||||||
if (selectionAIButton) {
|
if (selectionAIButton) {
|
||||||
selectionAIButton.dataset.selectionText = '';
|
selectionAIButton.dataset.selectionText = '';
|
||||||
}
|
}
|
||||||
@@ -3511,10 +3513,12 @@ const ensureSelectionAIButton = () => {
|
|||||||
showToast('Textauswahl aus Eingabefeldern kann nicht genutzt werden', 'error');
|
showToast('Textauswahl aus Eingabefeldern kann nicht genutzt werden', 'error');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const anchorElement = anchorNode && anchorNode.nodeType === Node.TEXT_NODE
|
const anchorElement = anchorNode && anchorNode.nodeType === Node.TEXT_NODE
|
||||||
? anchorNode.parentElement
|
? anchorNode.parentElement
|
||||||
: anchorNode;
|
: anchorNode;
|
||||||
const postContext = anchorElement ? ensurePrimaryPostElement(anchorElement) : null;
|
const postContext = selectionAIContextElement
|
||||||
|
|| (anchorElement ? ensurePrimaryPostElement(anchorElement) : null);
|
||||||
if (!postContext) {
|
if (!postContext) {
|
||||||
showToast('Keinen zugehörigen Beitrag gefunden', 'error');
|
showToast('Keinen zugehörigen Beitrag gefunden', 'error');
|
||||||
return;
|
return;
|
||||||
@@ -3669,6 +3673,18 @@ const updateSelectionAIButton = async () => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const contextElement = (() => {
|
||||||
|
const containerNode = range.commonAncestorContainer || anchorNode;
|
||||||
|
if (!containerNode) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
const element = containerNode.nodeType === Node.TEXT_NODE
|
||||||
|
? containerNode.parentElement
|
||||||
|
: containerNode;
|
||||||
|
return element ? ensurePrimaryPostElement(element) : null;
|
||||||
|
})();
|
||||||
|
selectionAIContextElement = contextElement;
|
||||||
|
|
||||||
const container = ensureSelectionAIButton();
|
const container = ensureSelectionAIButton();
|
||||||
if (!selectionAIButton || !selectionAINoteButton) {
|
if (!selectionAIButton || !selectionAINoteButton) {
|
||||||
hideSelectionAIButton();
|
hideSelectionAIButton();
|
||||||
@@ -4636,8 +4652,7 @@ function sanitizeAIComment(comment) {
|
|||||||
* Generate AI comment for a post
|
* Generate AI comment for a post
|
||||||
*/
|
*/
|
||||||
async function generateAIComment(postText, profileNumber, options = {}) {
|
async function generateAIComment(postText, profileNumber, options = {}) {
|
||||||
const { signal = null, preferredCredentialId = null } = options;
|
const { signal = null, preferredCredentialId = null, maxAttempts = 3 } = options;
|
||||||
try {
|
|
||||||
const payload = {
|
const payload = {
|
||||||
postText,
|
postText,
|
||||||
profileNumber
|
profileNumber
|
||||||
@@ -4647,6 +4662,11 @@ async function generateAIComment(postText, profileNumber, options = {}) {
|
|||||||
payload.preferredCredentialId = preferredCredentialId;
|
payload.preferredCredentialId = preferredCredentialId;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let lastError = null;
|
||||||
|
const attempts = Math.max(1, maxAttempts);
|
||||||
|
|
||||||
|
for (let attempt = 1; attempt <= attempts; attempt += 1) {
|
||||||
|
try {
|
||||||
const response = await backendFetch(`${API_URL}/ai/generate-comment`, {
|
const response = await backendFetch(`${API_URL}/ai/generate-comment`, {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
headers: { 'Content-Type': 'application/json' },
|
headers: { 'Content-Type': 'application/json' },
|
||||||
@@ -4662,16 +4682,23 @@ async function generateAIComment(postText, profileNumber, options = {}) {
|
|||||||
const data = await response.json();
|
const data = await response.json();
|
||||||
const sanitizedComment = sanitizeAIComment(data.comment);
|
const sanitizedComment = sanitizeAIComment(data.comment);
|
||||||
|
|
||||||
if (!sanitizedComment) {
|
if (sanitizedComment) {
|
||||||
throw new Error('AI-Antwort enthält keinen gültigen Text');
|
|
||||||
}
|
|
||||||
|
|
||||||
return sanitizedComment;
|
return sanitizedComment;
|
||||||
|
|
||||||
} catch (error) {
|
|
||||||
console.error('[FB Tracker] AI comment generation failed:', error);
|
|
||||||
throw error;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
lastError = new Error('AI response empty');
|
||||||
|
} catch (error) {
|
||||||
|
lastError = error;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (attempt < attempts) {
|
||||||
|
console.warn(`[FB Tracker] AI comment generation attempt ${attempt} failed, retrying...`, lastError);
|
||||||
|
await delay(200);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
console.error('[FB Tracker] AI comment generation failed after retries:', lastError);
|
||||||
|
throw new Error('AI-Antwort konnte nicht erzeugt werden. Bitte später erneut versuchen.');
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleSelectionAIRequest(selectionText, sendResponse) {
|
async function handleSelectionAIRequest(selectionText, sendResponse) {
|
||||||
|
|||||||
@@ -5,12 +5,15 @@ COPY posts.html /usr/share/nginx/html/
|
|||||||
COPY dashboard.html /usr/share/nginx/html/
|
COPY dashboard.html /usr/share/nginx/html/
|
||||||
COPY settings.html /usr/share/nginx/html/
|
COPY settings.html /usr/share/nginx/html/
|
||||||
COPY bookmarks.html /usr/share/nginx/html/
|
COPY bookmarks.html /usr/share/nginx/html/
|
||||||
|
COPY daily-bookmarks.html /usr/share/nginx/html/
|
||||||
COPY style.css /usr/share/nginx/html/
|
COPY style.css /usr/share/nginx/html/
|
||||||
COPY dashboard.css /usr/share/nginx/html/
|
COPY dashboard.css /usr/share/nginx/html/
|
||||||
COPY settings.css /usr/share/nginx/html/
|
COPY settings.css /usr/share/nginx/html/
|
||||||
|
COPY daily-bookmarks.css /usr/share/nginx/html/
|
||||||
COPY app.js /usr/share/nginx/html/
|
COPY app.js /usr/share/nginx/html/
|
||||||
COPY dashboard.js /usr/share/nginx/html/
|
COPY dashboard.js /usr/share/nginx/html/
|
||||||
COPY settings.js /usr/share/nginx/html/
|
COPY settings.js /usr/share/nginx/html/
|
||||||
|
COPY daily-bookmarks.js /usr/share/nginx/html/
|
||||||
COPY assets /usr/share/nginx/html/assets/
|
COPY assets /usr/share/nginx/html/assets/
|
||||||
|
|
||||||
EXPOSE 80
|
EXPOSE 80
|
||||||
|
|||||||
257
web/app.js
257
web/app.js
@@ -20,6 +20,9 @@ let currentTab = 'pending';
|
|||||||
let posts = [];
|
let posts = [];
|
||||||
let includeExpiredPosts = false;
|
let includeExpiredPosts = false;
|
||||||
let profilePollTimer = null;
|
let profilePollTimer = null;
|
||||||
|
const MERGE_MAX_SELECTION = 2;
|
||||||
|
let mergeMode = false;
|
||||||
|
const mergeSelection = new Set();
|
||||||
const UPDATES_RECONNECT_DELAY = 5000;
|
const UPDATES_RECONNECT_DELAY = 5000;
|
||||||
let updatesEventSource = null;
|
let updatesEventSource = null;
|
||||||
let updatesReconnectTimer = null;
|
let updatesReconnectTimer = null;
|
||||||
@@ -232,11 +235,17 @@ const bookmarkForm = document.getElementById('bookmarkForm');
|
|||||||
const bookmarkNameInput = document.getElementById('bookmarkName');
|
const bookmarkNameInput = document.getElementById('bookmarkName');
|
||||||
const bookmarkQueryInput = document.getElementById('bookmarkQuery');
|
const bookmarkQueryInput = document.getElementById('bookmarkQuery');
|
||||||
const bookmarkCancelBtn = document.getElementById('bookmarkCancelBtn');
|
const bookmarkCancelBtn = document.getElementById('bookmarkCancelBtn');
|
||||||
|
const bookmarkQuickForm = document.getElementById('bookmarkQuickForm');
|
||||||
|
const bookmarkQuickQueryInput = document.getElementById('bookmarkQuickQuery');
|
||||||
|
const bookmarkQuickStatus = document.getElementById('bookmarkQuickStatus');
|
||||||
const bookmarkSearchInput = document.getElementById('bookmarkSearchInput');
|
const bookmarkSearchInput = document.getElementById('bookmarkSearchInput');
|
||||||
const bookmarkSortSelect = document.getElementById('bookmarkSortSelect');
|
const bookmarkSortSelect = document.getElementById('bookmarkSortSelect');
|
||||||
const bookmarkSortDirectionToggle = document.getElementById('bookmarkSortDirectionToggle');
|
const bookmarkSortDirectionToggle = document.getElementById('bookmarkSortDirectionToggle');
|
||||||
const profileSelectElement = document.getElementById('profileSelect');
|
const profileSelectElement = document.getElementById('profileSelect');
|
||||||
const includeExpiredToggle = document.getElementById('includeExpiredToggle');
|
const includeExpiredToggle = document.getElementById('includeExpiredToggle');
|
||||||
|
const mergeControls = document.getElementById('mergeControls');
|
||||||
|
const mergeModeToggle = document.getElementById('mergeModeToggle');
|
||||||
|
const mergeSubmitBtn = document.getElementById('mergeSubmitBtn');
|
||||||
|
|
||||||
const REFRESH_SETTINGS_KEY = 'trackerRefreshSettings';
|
const REFRESH_SETTINGS_KEY = 'trackerRefreshSettings';
|
||||||
const SORT_SETTINGS_KEY = 'trackerSortSettings';
|
const SORT_SETTINGS_KEY = 'trackerSortSettings';
|
||||||
@@ -294,6 +303,37 @@ function updateIncludeExpiredToggleVisibility() {
|
|||||||
wrapper.style.display = currentTab === 'all' ? 'inline-flex' : 'none';
|
wrapper.style.display = currentTab === 'all' ? 'inline-flex' : 'none';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function resetMergeSelection() {
|
||||||
|
mergeSelection.clear();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateMergeControlsUI() {
|
||||||
|
if (!mergeControls) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const isAllTab = currentTab === 'all';
|
||||||
|
mergeControls.hidden = !isAllTab;
|
||||||
|
mergeControls.style.display = isAllTab ? 'flex' : 'none';
|
||||||
|
|
||||||
|
if (!isAllTab && mergeMode) {
|
||||||
|
mergeMode = false;
|
||||||
|
resetMergeSelection();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeModeToggle) {
|
||||||
|
mergeModeToggle.disabled = !isAllTab;
|
||||||
|
mergeModeToggle.classList.toggle('active', mergeMode);
|
||||||
|
mergeModeToggle.textContent = mergeMode ? 'Merge-Modus: aktiv' : 'Merge-Modus';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeSubmitBtn) {
|
||||||
|
const count = mergeSelection.size;
|
||||||
|
mergeSubmitBtn.disabled = !mergeMode || !isAllTab || count !== MERGE_MAX_SELECTION;
|
||||||
|
mergeSubmitBtn.textContent = `Beiträge mergen (${count}/${MERGE_MAX_SELECTION})`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function initializeFocusParams() {
|
function initializeFocusParams() {
|
||||||
try {
|
try {
|
||||||
const params = new URLSearchParams(window.location.search);
|
const params = new URLSearchParams(window.location.search);
|
||||||
@@ -996,6 +1036,21 @@ function buildBookmarkSearchQueries(baseQuery) {
|
|||||||
return BOOKMARK_SUFFIXES.map((suffix) => `${trimmed} ${suffix}`.trim());
|
return BOOKMARK_SUFFIXES.map((suffix) => `${trimmed} ${suffix}`.trim());
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function openBookmarkQueries(baseQuery) {
|
||||||
|
const queries = Array.isArray(baseQuery) ? baseQuery : buildBookmarkSearchQueries(baseQuery);
|
||||||
|
let opened = 0;
|
||||||
|
|
||||||
|
queries.forEach((searchTerm) => {
|
||||||
|
const url = buildBookmarkSearchUrl(searchTerm);
|
||||||
|
if (url) {
|
||||||
|
window.open(url, '_blank', 'noopener');
|
||||||
|
opened += 1;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return opened;
|
||||||
|
}
|
||||||
|
|
||||||
function openBookmark(bookmark) {
|
function openBookmark(bookmark) {
|
||||||
if (!bookmark) {
|
if (!bookmark) {
|
||||||
return;
|
return;
|
||||||
@@ -1032,13 +1087,7 @@ function openBookmark(bookmark) {
|
|||||||
markBookmarkClick(stateBookmark.id);
|
markBookmarkClick(stateBookmark.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
queries.forEach((searchTerm) => {
|
openBookmarkQueries(queries);
|
||||||
const url = buildBookmarkSearchUrl(searchTerm);
|
|
||||||
if (url) {
|
|
||||||
window.open(url, '_blank', 'noopener');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
async function markBookmarkClick(bookmarkId) {
|
async function markBookmarkClick(bookmarkId) {
|
||||||
@@ -1380,6 +1429,45 @@ async function handleBookmarkSubmit(event) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function setBookmarkQuickStatus(message, isError = false) {
|
||||||
|
if (!bookmarkQuickStatus) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const hasMessage = typeof message === 'string' && message.trim();
|
||||||
|
bookmarkQuickStatus.hidden = !hasMessage;
|
||||||
|
bookmarkQuickStatus.textContent = hasMessage ? message : '';
|
||||||
|
bookmarkQuickStatus.classList.toggle('bookmark-status--error', !!isError);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleBookmarkQuickSubmit(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
if (!bookmarkQuickForm) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const query = bookmarkQuickQueryInput ? bookmarkQuickQueryInput.value.trim() : '';
|
||||||
|
if (!query) {
|
||||||
|
setBookmarkQuickStatus('Bitte gib einen Suchbegriff ein.', true);
|
||||||
|
if (bookmarkQuickQueryInput) {
|
||||||
|
bookmarkQuickQueryInput.focus();
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const opened = openBookmarkQueries(query);
|
||||||
|
if (opened > 0) {
|
||||||
|
setBookmarkQuickStatus(`Suche „${query}“ geöffnet (ohne Speicherung).`);
|
||||||
|
if (bookmarkQuickQueryInput) {
|
||||||
|
bookmarkQuickQueryInput.value = '';
|
||||||
|
bookmarkQuickQueryInput.focus();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
setBookmarkQuickStatus('Konnte die Suche nicht öffnen.', true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function initializeBookmarks() {
|
function initializeBookmarks() {
|
||||||
if (!bookmarksList) {
|
if (!bookmarksList) {
|
||||||
return;
|
return;
|
||||||
@@ -1418,7 +1506,17 @@ function initializeBookmarks() {
|
|||||||
bookmarkForm.addEventListener('submit', handleBookmarkSubmit);
|
bookmarkForm.addEventListener('submit', handleBookmarkSubmit);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (bookmarkSearchInput) {
|
if (bookmarkQuickForm) {
|
||||||
|
bookmarkQuickForm.addEventListener('submit', handleBookmarkQuickSubmit);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (bookmarkQuickQueryInput) {
|
||||||
|
bookmarkQuickQueryInput.addEventListener('input', () => {
|
||||||
|
setBookmarkQuickStatus('');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (bookmarkSearchInput) {
|
||||||
bookmarkSearchInput.value = bookmarkSearchTerm;
|
bookmarkSearchInput.value = bookmarkSearchTerm;
|
||||||
bookmarkSearchInput.addEventListener('input', () => {
|
bookmarkSearchInput.addEventListener('input', () => {
|
||||||
bookmarkSearchTerm = typeof bookmarkSearchInput.value === 'string'
|
bookmarkSearchTerm = typeof bookmarkSearchInput.value === 'string'
|
||||||
@@ -1665,8 +1763,13 @@ function setTab(tab, { updateUrl = true } = {}) {
|
|||||||
} else {
|
} else {
|
||||||
currentTab = 'pending';
|
currentTab = 'pending';
|
||||||
}
|
}
|
||||||
|
if (currentTab !== 'all' && mergeMode) {
|
||||||
|
mergeMode = false;
|
||||||
|
resetMergeSelection();
|
||||||
|
}
|
||||||
updateTabButtons();
|
updateTabButtons();
|
||||||
loadSortMode({ fromTabChange: true });
|
loadSortMode({ fromTabChange: true });
|
||||||
|
updateMergeControlsUI();
|
||||||
if (updateUrl) {
|
if (updateUrl) {
|
||||||
updateTabInUrl();
|
updateTabInUrl();
|
||||||
}
|
}
|
||||||
@@ -2982,6 +3085,27 @@ if (searchInput) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (mergeModeToggle) {
|
||||||
|
mergeModeToggle.addEventListener('click', () => {
|
||||||
|
if (currentTab !== 'all') {
|
||||||
|
alert('Merge-Modus ist nur in „Alle Beiträge“ verfügbar.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
mergeMode = !mergeMode;
|
||||||
|
if (!mergeMode) {
|
||||||
|
resetMergeSelection();
|
||||||
|
}
|
||||||
|
updateMergeControlsUI();
|
||||||
|
renderPosts();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeSubmitBtn) {
|
||||||
|
mergeSubmitBtn.addEventListener('click', () => {
|
||||||
|
mergeSelectedPosts();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
if (sortModeSelect) {
|
if (sortModeSelect) {
|
||||||
sortModeSelect.addEventListener('change', () => {
|
sortModeSelect.addEventListener('change', () => {
|
||||||
const value = sortModeSelect.value;
|
const value = sortModeSelect.value;
|
||||||
@@ -3195,6 +3319,104 @@ function highlightPostCard(post) {
|
|||||||
clearFocusParamsFromUrl();
|
clearFocusParamsFromUrl();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function toggleMergeSelection(postId, checkboxEl = null) {
|
||||||
|
if (!mergeMode || currentTab !== 'all') {
|
||||||
|
resetMergeSelection();
|
||||||
|
if (checkboxEl) {
|
||||||
|
checkboxEl.checked = false;
|
||||||
|
}
|
||||||
|
updateMergeControlsUI();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeSelection.has(postId)) {
|
||||||
|
mergeSelection.delete(postId);
|
||||||
|
} else {
|
||||||
|
if (mergeSelection.size >= MERGE_MAX_SELECTION) {
|
||||||
|
alert(`Es können maximal ${MERGE_MAX_SELECTION} Beiträge ausgewählt werden.`);
|
||||||
|
if (checkboxEl) {
|
||||||
|
checkboxEl.checked = false;
|
||||||
|
}
|
||||||
|
updateMergeControlsUI();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
mergeSelection.add(postId);
|
||||||
|
}
|
||||||
|
|
||||||
|
updateMergeControlsUI();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function mergeSelectedPosts() {
|
||||||
|
if (!mergeMode || currentTab !== 'all') {
|
||||||
|
alert('Mergen ist nur in „Alle Beiträge“ möglich.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeSelection.size !== MERGE_MAX_SELECTION) {
|
||||||
|
alert('Bitte genau zwei Beiträge auswählen.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const [primaryId, secondaryId] = Array.from(mergeSelection);
|
||||||
|
|
||||||
|
const confirmed = window.confirm(
|
||||||
|
`Beitrag ${primaryId} als Haupt-URL behalten und Beitrag ${secondaryId} anhängen?`
|
||||||
|
);
|
||||||
|
if (!confirmed) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mergeSubmitBtn) {
|
||||||
|
mergeSubmitBtn.disabled = true;
|
||||||
|
mergeSubmitBtn.textContent = 'Mergen...';
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await apiFetch(`${API_URL}/posts/merge`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
primary_post_id: primaryId,
|
||||||
|
secondary_post_id: secondaryId
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
const data = await response.json().catch(() => null);
|
||||||
|
const message = data && data.error ? data.error : 'Beiträge konnten nicht gemerged werden.';
|
||||||
|
throw new Error(message);
|
||||||
|
}
|
||||||
|
|
||||||
|
const mergedPost = await response.json();
|
||||||
|
posts = posts
|
||||||
|
.filter((post) => {
|
||||||
|
if (post.id === secondaryId) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (post.id === primaryId) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
posts.push(mergedPost);
|
||||||
|
sortPostsByCreatedAt();
|
||||||
|
|
||||||
|
mergeMode = false;
|
||||||
|
resetMergeSelection();
|
||||||
|
updateMergeControlsUI();
|
||||||
|
renderPosts();
|
||||||
|
alert('Beiträge wurden gemerged.');
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Merge error:', error);
|
||||||
|
alert(error.message || 'Beiträge konnten nicht gemerged werden.');
|
||||||
|
} finally {
|
||||||
|
if (mergeSubmitBtn) {
|
||||||
|
mergeSubmitBtn.disabled = false;
|
||||||
|
}
|
||||||
|
updateMergeControlsUI();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Render posts
|
// Render posts
|
||||||
function renderPosts() {
|
function renderPosts() {
|
||||||
hideLoading();
|
hideLoading();
|
||||||
@@ -3206,6 +3428,7 @@ function renderPosts() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
updateIncludeExpiredToggleVisibility();
|
updateIncludeExpiredToggleVisibility();
|
||||||
|
updateMergeControlsUI();
|
||||||
closeActiveDeadlinePicker();
|
closeActiveDeadlinePicker();
|
||||||
updateTabButtons();
|
updateTabButtons();
|
||||||
cleanupLoadMoreObserver();
|
cleanupLoadMoreObserver();
|
||||||
@@ -3359,6 +3582,13 @@ function attachPostEventHandlers(post, status) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const mergeCheckbox = card.querySelector('.merge-checkbox');
|
||||||
|
if (mergeCheckbox) {
|
||||||
|
mergeCheckbox.addEventListener('change', () => {
|
||||||
|
toggleMergeSelection(post.id, mergeCheckbox);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
const openBtn = card.querySelector('.btn-open');
|
const openBtn = card.querySelector('.btn-open');
|
||||||
if (openBtn) {
|
if (openBtn) {
|
||||||
openBtn.addEventListener('click', () => openPost(post.id));
|
openBtn.addEventListener('click', () => openPost(post.id));
|
||||||
@@ -3548,6 +3778,15 @@ function createPostCard(post, status, meta = {}) {
|
|||||||
const tabTotalCount = typeof meta.tabTotalCount === 'number' ? meta.tabTotalCount : posts.length;
|
const tabTotalCount = typeof meta.tabTotalCount === 'number' ? meta.tabTotalCount : posts.length;
|
||||||
const searchActive = !!meta.searchActive;
|
const searchActive = !!meta.searchActive;
|
||||||
const indexBadge = displayIndex !== null ? `<span class="post-index">#${String(displayIndex).padStart(2, '0')}</span>` : '';
|
const indexBadge = displayIndex !== null ? `<span class="post-index">#${String(displayIndex).padStart(2, '0')}</span>` : '';
|
||||||
|
const mergeSelectable = mergeMode && currentTab === 'all';
|
||||||
|
const mergeCheckboxHtml = mergeSelectable
|
||||||
|
? `
|
||||||
|
<label class="merge-select">
|
||||||
|
<input type="checkbox" class="merge-checkbox" data-post-id="${post.id}" ${mergeSelection.has(post.id) ? 'checked' : ''}>
|
||||||
|
<span>Merge</span>
|
||||||
|
</label>
|
||||||
|
`
|
||||||
|
: '';
|
||||||
|
|
||||||
const profileRowsHtml = status.profileStatuses.map((profileStatus) => {
|
const profileRowsHtml = status.profileStatuses.map((profileStatus) => {
|
||||||
const classes = ['profile-line', `profile-line--${profileStatus.status}`];
|
const classes = ['profile-line', `profile-line--${profileStatus.status}`];
|
||||||
@@ -3690,6 +3929,7 @@ function createPostCard(post, status, meta = {}) {
|
|||||||
<div class="post-card ${status.isComplete ? 'complete' : ''}" id="post-${post.id}">
|
<div class="post-card ${status.isComplete ? 'complete' : ''}" id="post-${post.id}">
|
||||||
<div class="post-header">
|
<div class="post-header">
|
||||||
<div class="post-title-with-checkbox">
|
<div class="post-title-with-checkbox">
|
||||||
|
${mergeCheckboxHtml}
|
||||||
${indexBadge}
|
${indexBadge}
|
||||||
<div class="post-title">${escapeHtml(titleText)}</div>
|
<div class="post-title">${escapeHtml(titleText)}</div>
|
||||||
<label class="success-checkbox success-checkbox--header">
|
<label class="success-checkbox success-checkbox--header">
|
||||||
@@ -4308,6 +4548,7 @@ initializeBookmarks();
|
|||||||
loadAutoRefreshSettings();
|
loadAutoRefreshSettings();
|
||||||
initializeFocusParams();
|
initializeFocusParams();
|
||||||
initializeTabFromUrl();
|
initializeTabFromUrl();
|
||||||
|
updateMergeControlsUI();
|
||||||
loadSortMode();
|
loadSortMode();
|
||||||
resetManualPostForm();
|
resetManualPostForm();
|
||||||
loadProfile();
|
loadProfile();
|
||||||
|
|||||||
702
web/daily-bookmarks.css
Normal file
702
web/daily-bookmarks.css
Normal file
@@ -0,0 +1,702 @@
|
|||||||
|
:root {
|
||||||
|
--bg: #f0f2f5;
|
||||||
|
--bg-strong: #ffffff;
|
||||||
|
--panel: #ffffff;
|
||||||
|
--panel-strong: #f8fafc;
|
||||||
|
--border: #e5e7eb;
|
||||||
|
--text: #111827;
|
||||||
|
--muted: #6b7280;
|
||||||
|
--accent: #2563eb;
|
||||||
|
--accent-2: #06b6d4;
|
||||||
|
--danger: #ef4444;
|
||||||
|
--success: #10b981;
|
||||||
|
--shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
|
||||||
|
--radius: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
line-height: 1.6;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--accent-2);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visually-hidden {
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.daily-shell {
|
||||||
|
max-width: 1600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 28px 18px 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 26px 28px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link {
|
||||||
|
align-self: flex-start;
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
color: var(--text);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill--soft {
|
||||||
|
background: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pill--accent {
|
||||||
|
background: linear-gradient(120deg, rgba(37, 99, 235, 0.15), rgba(6, 182, 212, 0.15));
|
||||||
|
color: #0f172a;
|
||||||
|
border-color: rgba(37, 99, 235, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__title {
|
||||||
|
font-size: clamp(30px, 3vw, 36px);
|
||||||
|
margin: 0;
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__lead {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
max-width: 840px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__lead code {
|
||||||
|
background: rgba(37, 99, 235, 0.08);
|
||||||
|
padding: 3px 6px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: var(--text);
|
||||||
|
border: 1px solid rgba(37, 99, 235, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__controls {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16px;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.day-switch {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
background: #f8fafc;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.day-switch__label {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2px;
|
||||||
|
min-width: 170px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.day-switch__day {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.day-switch__sub {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__stats {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bulk-actions {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
background: #f8fafc;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bulk-actions label {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bulk-actions select {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 8px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: 20px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__header {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__header--row {
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__eyebrow {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel__subtitle {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-status {
|
||||||
|
min-height: 18px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-status--error {
|
||||||
|
color: var(--danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field span {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field input,
|
||||||
|
.field textarea {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
|
background: rgba(255, 255, 255, 0.06);
|
||||||
|
color: var(--text);
|
||||||
|
padding: 12px 14px;
|
||||||
|
font-size: 15px;
|
||||||
|
outline: none;
|
||||||
|
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field input:focus,
|
||||||
|
.field textarea:focus {
|
||||||
|
border-color: var(--accent-2);
|
||||||
|
box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-preview {
|
||||||
|
margin-top: 8px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
background: var(--panel-strong);
|
||||||
|
border: 1px dashed rgba(255, 255, 255, 0.12);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-preview__label {
|
||||||
|
margin: 0 0 4px 0;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-preview__link {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 620px;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-preview__actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-btn,
|
||||||
|
.secondary-btn,
|
||||||
|
.ghost-btn {
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 10px 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.01em;
|
||||||
|
font-size: 14px;
|
||||||
|
transition: transform 0.1s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-btn {
|
||||||
|
background: linear-gradient(120deg, var(--accent), var(--accent-2));
|
||||||
|
color: #ffffff;
|
||||||
|
box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 16px 45px rgba(34, 211, 238, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-btn {
|
||||||
|
background: #f8fafc;
|
||||||
|
color: var(--text);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-btn:hover {
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost-btn {
|
||||||
|
background: #fff;
|
||||||
|
color: var(--text);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 8px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost-btn--today {
|
||||||
|
background: rgba(37, 99, 235, 0.08);
|
||||||
|
border-color: rgba(37, 99, 235, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost-btn:hover {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ghost-btn--tiny {
|
||||||
|
padding: 6px 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder-help {
|
||||||
|
margin-top: 12px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-radius: 12px;
|
||||||
|
background: #f8fafc;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder-help__title {
|
||||||
|
margin: 0 0 6px 0;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder-help__list {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 18px;
|
||||||
|
color: var(--muted);
|
||||||
|
display: grid;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status {
|
||||||
|
min-height: 18px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-status--error {
|
||||||
|
color: var(--danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-box {
|
||||||
|
margin-top: -4px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 1px solid rgba(37, 99, 235, 0.25);
|
||||||
|
background: rgba(37, 99, 235, 0.08);
|
||||||
|
color: var(--text);
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-box__item {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
align-items: center;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-box__text {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-btn {
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
background: #f8fafc;
|
||||||
|
color: var(--text);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-btn:hover {
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-preview {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 320px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
color: var(--accent);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.suggestion-preview:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table th,
|
||||||
|
.bookmark-table td {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
|
text-align: left;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table th {
|
||||||
|
font-size: 13px;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--muted);
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table th.col-marker {
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table th.col-last {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table tr:hover td {
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table tr.is-done td {
|
||||||
|
background: rgba(16, 185, 129, 0.12);
|
||||||
|
border-bottom-color: rgba(16, 185, 129, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table tr.is-open td {
|
||||||
|
background: rgba(37, 99, 235, 0.08);
|
||||||
|
border-bottom-color: rgba(37, 99, 235, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip {
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 6px 8px;
|
||||||
|
background: rgba(255, 255, 255, 0.07);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 13px;
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 4px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip--marker {
|
||||||
|
background: linear-gradient(120deg, rgba(37, 99, 235, 0.12), rgba(6, 182, 212, 0.12));
|
||||||
|
color: #0f172a;
|
||||||
|
border-color: rgba(37, 99, 235, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-summary {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state,
|
||||||
|
.error-state,
|
||||||
|
.loading-state {
|
||||||
|
border: 1px dashed rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
color: var(--danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-actions .ghost-btn {
|
||||||
|
padding: 6px 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table .note-cell {
|
||||||
|
max-width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table .url-cell {
|
||||||
|
max-width: 420px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-table .marker-cell {
|
||||||
|
max-width: 220px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal__backdrop {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal__content {
|
||||||
|
width: min(720px, 92vw);
|
||||||
|
background: var(--bg-strong);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 18px;
|
||||||
|
padding: 18px;
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal__header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 12px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal__close {
|
||||||
|
border-radius: 999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-wrapper::-webkit-scrollbar {
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-wrapper::-webkit-scrollbar-thumb {
|
||||||
|
background: rgba(255, 255, 255, 0.18);
|
||||||
|
border-radius: 999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
color: var(--muted);
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-btn::after {
|
||||||
|
content: '↕';
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--muted);
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-btn.is-active {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-btn.is-active::after {
|
||||||
|
content: attr(data-sort-direction);
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-filter-row th {
|
||||||
|
background: rgba(37, 99, 235, 0.05);
|
||||||
|
border-bottom: 1px solid rgba(37, 99, 235, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-filter-row select {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 8px 10px;
|
||||||
|
background: #fff;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--muted);
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.import-hint {
|
||||||
|
background: #f8fafc;
|
||||||
|
border: 1px dashed var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 4px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.muted {
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.panel__header--row {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__controls {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-preview {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
}
|
||||||
184
web/daily-bookmarks.html
Normal file
184
web/daily-bookmarks.html
Normal file
@@ -0,0 +1,184 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Daily Bookmarks</title>
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="assets/app-icon-64.png">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="daily-bookmarks.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="daily-shell">
|
||||||
|
<header class="hero">
|
||||||
|
<a class="back-link" href="index.html">← Zurück zur App</a>
|
||||||
|
<h1 class="hero__title">Daily Bookmarks</h1>
|
||||||
|
<div class="hero__controls">
|
||||||
|
<div class="day-switch">
|
||||||
|
<button class="ghost-btn" id="prevDayBtn" aria-label="Vorheriger Tag">◀</button>
|
||||||
|
<div class="day-switch__label">
|
||||||
|
<div id="dayLabel" class="day-switch__day">Heute</div>
|
||||||
|
<div id="daySubLabel" class="day-switch__sub"></div>
|
||||||
|
</div>
|
||||||
|
<button class="ghost-btn" id="nextDayBtn" aria-label="Nächster Tag">▶</button>
|
||||||
|
<button class="ghost-btn ghost-btn--today" id="todayBtn">Heute</button>
|
||||||
|
</div>
|
||||||
|
<div class="hero__actions">
|
||||||
|
<div class="bulk-actions">
|
||||||
|
<label for="bulkCountSelect">Anzahl</label>
|
||||||
|
<select id="bulkCountSelect">
|
||||||
|
<option value="1">1</option>
|
||||||
|
<option value="5">5</option>
|
||||||
|
<option value="10">10</option>
|
||||||
|
<option value="15">15</option>
|
||||||
|
<option value="20">20</option>
|
||||||
|
</select>
|
||||||
|
<button class="secondary-btn" id="bulkOpenBtn" type="button">Öffnen & abhaken</button>
|
||||||
|
</div>
|
||||||
|
<button class="primary-btn" id="openCreateBtn" type="button">+ Bookmark</button>
|
||||||
|
<button class="secondary-btn" id="openImportBtn" type="button">Liste importieren</button>
|
||||||
|
<button class="ghost-btn" id="refreshBtn" type="button">Aktualisieren</button>
|
||||||
|
<span id="heroStats" class="hero__stats"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="panel list-panel">
|
||||||
|
<header class="panel__header panel__header--row">
|
||||||
|
<div>
|
||||||
|
<p class="panel__eyebrow">Tägliche Liste</p>
|
||||||
|
<h2 class="panel__title">Alle Bookmarks</h2>
|
||||||
|
</div>
|
||||||
|
<div class="list-summary" id="listSummary"></div>
|
||||||
|
</header>
|
||||||
|
<div id="listStatus" class="list-status" role="status" aria-live="polite"></div>
|
||||||
|
<div class="table-wrapper">
|
||||||
|
<table class="bookmark-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="col-url">
|
||||||
|
<button type="button" class="sort-btn" data-sort-key="url_template">URL (aufgelöst)</button>
|
||||||
|
</th>
|
||||||
|
<th class="col-marker">
|
||||||
|
<button type="button" class="sort-btn" data-sort-key="marker">Marker</button>
|
||||||
|
</th>
|
||||||
|
<th class="col-last">
|
||||||
|
<button type="button" class="sort-btn" data-sort-key="last_completed_at">Letzte Erledigung</button>
|
||||||
|
</th>
|
||||||
|
<th>Aktionen</th>
|
||||||
|
</tr>
|
||||||
|
<tr class="table-filter-row">
|
||||||
|
<th></th>
|
||||||
|
<th>
|
||||||
|
<label class="visually-hidden" for="markerFilter">Nach Marker filtern</label>
|
||||||
|
<select id="markerFilter">
|
||||||
|
<option value="">Alle Marker</option>
|
||||||
|
<option value="__none">Ohne Marker</option>
|
||||||
|
</select>
|
||||||
|
</th>
|
||||||
|
<th colspan="2" class="filter-hint">
|
||||||
|
<span>Filter & Sortierung werden gespeichert</span>
|
||||||
|
<button type="button" class="ghost-btn ghost-btn--tiny" id="resetViewBtn">Zurücksetzen</button>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="tableBody"></tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bookmarkModal" class="modal" hidden>
|
||||||
|
<div class="modal__backdrop"></div>
|
||||||
|
<div class="modal__content" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
|
||||||
|
<header class="modal__header">
|
||||||
|
<div>
|
||||||
|
<p class="panel__eyebrow" id="formModeLabel">Neues Bookmark</p>
|
||||||
|
<h2 id="modalTitle" class="panel__title">Bookmark pflegen</h2>
|
||||||
|
<p class="panel__subtitle">Titel optional, URL-Template erforderlich. Platzhalter werden für den gewählten Tag aufgelöst.</p>
|
||||||
|
</div>
|
||||||
|
<button class="ghost-btn modal__close" type="button" id="modalCloseBtn" aria-label="Schließen">×</button>
|
||||||
|
</header>
|
||||||
|
<form id="bookmarkForm" class="bookmark-form" autocomplete="off">
|
||||||
|
<label class="field">
|
||||||
|
<span>Titel (optional)</span>
|
||||||
|
<input id="titleInput" type="text" name="title" maxlength="160" placeholder="z.B. Daily Gewinnspielrunde">
|
||||||
|
</label>
|
||||||
|
<label class="field">
|
||||||
|
<span>URL-Template *</span>
|
||||||
|
<input id="urlInput" type="url" name="url_template" maxlength="800" placeholder="https://www.test.de/tag-{{day}}/" required>
|
||||||
|
</label>
|
||||||
|
<div id="urlSuggestionBox" class="suggestion-box" hidden></div>
|
||||||
|
<label class="field">
|
||||||
|
<span>Notiz (optional)</span>
|
||||||
|
<textarea id="notesInput" name="notes" maxlength="800" rows="3" placeholder="Kurze Hinweise oder To-do für diesen Link"></textarea>
|
||||||
|
</label>
|
||||||
|
<label class="field">
|
||||||
|
<span>Marker (optional)</span>
|
||||||
|
<input id="markerInput" type="text" name="marker" maxlength="120" placeholder="z.B. März-Import oder Kampagne A">
|
||||||
|
</label>
|
||||||
|
<div class="form-preview">
|
||||||
|
<div>
|
||||||
|
<p class="form-preview__label">Aufgelöste URL für den gewählten Tag:</p>
|
||||||
|
<a id="previewLink" class="form-preview__link" href="#" target="_blank" rel="noopener">–</a>
|
||||||
|
</div>
|
||||||
|
<div class="form-preview__actions">
|
||||||
|
<button class="secondary-btn" type="button" id="resetBtn">Zurücksetzen</button>
|
||||||
|
<button class="primary-btn" type="submit" id="submitBtn">Speichern</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="placeholder-help">
|
||||||
|
<p class="placeholder-help__title">Dynamische Platzhalter</p>
|
||||||
|
<ul class="placeholder-help__list">
|
||||||
|
<li><code>{{day}}</code> Tag des Monats (1–31), <code>{{dd}}</code> zweistellig</li>
|
||||||
|
<li><code>{{date}}</code> liefert <code>YYYY-MM-DD</code></li>
|
||||||
|
<li><code>{{mm}}</code> Monat zweistellig, <code>{{yyyy}}</code> Jahr</li>
|
||||||
|
<li><code>{{day+1}}</code> oder <code>{{date-2}}</code> verschieben um Tage</li>
|
||||||
|
<li><code>{{counter:477}}</code> Basiswert + aktueller Tag, z.B. <code>https://www.test.de/sweepstakes/{{counter:477}}/</code></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="formStatus" class="form-status" role="status" aria-live="polite"></div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="importModal" class="modal" hidden>
|
||||||
|
<div class="modal__backdrop"></div>
|
||||||
|
<div class="modal__content" role="dialog" aria-modal="true" aria-labelledby="importModalTitle">
|
||||||
|
<header class="modal__header">
|
||||||
|
<div>
|
||||||
|
<p class="panel__eyebrow">Masseneingabe</p>
|
||||||
|
<h2 id="importModalTitle" class="panel__title">Viele Bookmarks importieren</h2>
|
||||||
|
<p class="panel__subtitle">Füge hunderte Links gleichzeitig hinzu und vergebe einen gemeinsamen Marker.</p>
|
||||||
|
</div>
|
||||||
|
<button class="ghost-btn modal__close" type="button" id="importCloseBtn" aria-label="Schließen">×</button>
|
||||||
|
</header>
|
||||||
|
<form id="importForm" class="bookmark-form" autocomplete="off">
|
||||||
|
<label class="field">
|
||||||
|
<span>Liste der URL-Templates *</span>
|
||||||
|
<textarea id="importInput" name="import_urls" maxlength="120000" rows="8" placeholder="Jeder Link in eine neue Zeile, z.B. https://example.com/{{date}}/"></textarea>
|
||||||
|
</label>
|
||||||
|
<label class="field">
|
||||||
|
<span>Marker für alle Einträge (optional)</span>
|
||||||
|
<input id="importMarkerInput" type="text" name="import_marker" maxlength="120" placeholder="z.B. Batch März 2024">
|
||||||
|
</label>
|
||||||
|
<p class="import-hint">Doppelte oder ungültige Zeilen werden automatisch übersprungen.</p>
|
||||||
|
<div class="form-preview">
|
||||||
|
<div>
|
||||||
|
<p class="form-preview__label">Filter und Sortierung gelten auch beim Batch-Öffnen.</p>
|
||||||
|
</div>
|
||||||
|
<div class="form-preview__actions">
|
||||||
|
<button class="secondary-btn" type="button" id="importResetBtn">Zurücksetzen</button>
|
||||||
|
<button class="primary-btn" type="submit" id="importSubmitBtn">Import starten</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="importStatus" class="form-status" role="status" aria-live="polite"></div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="daily-bookmarks.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1169
web/daily-bookmarks.js
Normal file
1169
web/daily-bookmarks.js
Normal file
File diff suppressed because it is too large
Load Diff
@@ -24,6 +24,7 @@
|
|||||||
<a class="site-nav__btn" data-view-target="dashboard" href="dashboard.html">📊 Dashboard</a>
|
<a class="site-nav__btn" data-view-target="dashboard" href="dashboard.html">📊 Dashboard</a>
|
||||||
<a class="site-nav__btn" data-view-target="settings" href="settings.html">⚙️ Einstellungen</a>
|
<a class="site-nav__btn" data-view-target="settings" href="settings.html">⚙️ Einstellungen</a>
|
||||||
<a class="site-nav__btn" data-view-target="bookmarks" href="bookmarks.html">🔖 Bookmarks</a>
|
<a class="site-nav__btn" data-view-target="bookmarks" href="bookmarks.html">🔖 Bookmarks</a>
|
||||||
|
<a class="site-nav__btn" href="daily-bookmarks.html">✅ Daily Bookmarks</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -84,6 +85,12 @@
|
|||||||
<button class="tab-btn active" data-tab="pending">Offene Beiträge</button>
|
<button class="tab-btn active" data-tab="pending">Offene Beiträge</button>
|
||||||
<button class="tab-btn" data-tab="all">Alle Beiträge</button>
|
<button class="tab-btn" data-tab="all">Alle Beiträge</button>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="merge-controls" id="mergeControls" hidden>
|
||||||
|
<div class="merge-actions">
|
||||||
|
<button type="button" class="btn btn-secondary" id="mergeModeToggle">Merge-Modus</button>
|
||||||
|
<button type="button" class="btn btn-primary" id="mergeSubmitBtn" disabled>Beiträge mergen</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
<label class="search-filter-toggle" for="includeExpiredToggle">
|
<label class="search-filter-toggle" for="includeExpiredToggle">
|
||||||
<input type="checkbox" id="includeExpiredToggle">
|
<input type="checkbox" id="includeExpiredToggle">
|
||||||
@@ -766,6 +773,17 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<form id="bookmarkQuickForm" class="bookmark-quicksearch" autocomplete="off">
|
||||||
|
<div class="bookmark-quicksearch__fields">
|
||||||
|
<label class="bookmark-quicksearch__field">
|
||||||
|
<span>Einmalige Suche</span>
|
||||||
|
<input type="text" id="bookmarkQuickQuery" placeholder="Suchbegriff nur öffnen, nicht speichern">
|
||||||
|
</label>
|
||||||
|
<button type="submit" class="btn btn-secondary">Sofort suchen</button>
|
||||||
|
</div>
|
||||||
|
<p class="bookmark-quicksearch__hint">Öffnet die drei Varianten ohne ein Bookmark anzulegen.</p>
|
||||||
|
<div id="bookmarkQuickStatus" class="bookmark-status" aria-live="polite" hidden></div>
|
||||||
|
</form>
|
||||||
<div id="bookmarksList" class="bookmark-list" role="list" aria-live="polite"></div>
|
<div id="bookmarksList" class="bookmark-list" role="list" aria-live="polite"></div>
|
||||||
<form id="bookmarkForm" class="bookmark-form" autocomplete="off">
|
<form id="bookmarkForm" class="bookmark-form" autocomplete="off">
|
||||||
<div class="bookmark-form__fields">
|
<div class="bookmark-form__fields">
|
||||||
|
|||||||
@@ -452,6 +452,36 @@ h1 {
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.merge-controls {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-actions .btn {
|
||||||
|
height: 36px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 8px 12px;
|
||||||
|
line-height: 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mergeModeToggle.active {
|
||||||
|
background: #0f172a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.search-filter-toggle {
|
.search-filter-toggle {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -631,6 +661,25 @@ h1 {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.merge-select {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
border: 1px dashed #cbd5e1;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #f8fafc;
|
||||||
|
color: #0f172a;
|
||||||
|
font-size: 12px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-select input {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
accent-color: #0f172a;
|
||||||
|
}
|
||||||
|
|
||||||
.post-index {
|
.post-index {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #6b7280;
|
color: #6b7280;
|
||||||
@@ -1519,6 +1568,48 @@ h1 {
|
|||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch {
|
||||||
|
border: 1px solid #e5e7eb;
|
||||||
|
background: #f9fafb;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch__fields {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: flex-end;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch__field {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
flex: 1 1 260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch__field span {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #65676b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch__field input {
|
||||||
|
border: 1px solid #d0d3d9;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 8px 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-quicksearch__hint {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #4b5563;
|
||||||
|
}
|
||||||
|
|
||||||
.bookmark-panel__search {
|
.bookmark-panel__search {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user