bvcx
This commit is contained in:
@@ -0,0 +1,278 @@
|
||||
main:
|
||||
url:
|
||||
full: https://example.com
|
||||
domain: example.com
|
||||
regex: example\.com
|
||||
onion: http://your-onion-address.onion
|
||||
socks: socks5://127.0.0.1:9050
|
||||
mail: admin@example.com
|
||||
maxfilesize: 104857600
|
||||
adminmultiplier: 3.5
|
||||
upload_limit: 300
|
||||
ignored:
|
||||
- example.net
|
||||
- example.org
|
||||
invite_secret: YOUR_SECRET_HERE
|
||||
hide_comments_from_public: false
|
||||
guest_anonymize: false
|
||||
anon_anonymize: false
|
||||
timezone: UTC
|
||||
development: true
|
||||
allowedModes:
|
||||
- sfw
|
||||
- nsfw
|
||||
- untagged
|
||||
- all
|
||||
- nsfl
|
||||
enable_pdf: false
|
||||
enable_nsfl: false
|
||||
enable_comments: true
|
||||
enable_private_uploads: true
|
||||
enable_expiring_uploads: true
|
||||
default_upload_visibility: 0
|
||||
allow_user_upload_visibility: true
|
||||
enable_item_slugs: true
|
||||
enable_anonymous_access: true
|
||||
anonymous_permissions:
|
||||
upload: false
|
||||
comment: true
|
||||
comment_attachments: false
|
||||
comment_vote: true
|
||||
poll_vote: true
|
||||
tag: true
|
||||
tag_vote: true
|
||||
favorite: true
|
||||
rate_item: false
|
||||
filter: true
|
||||
exclude_tags: true
|
||||
anonymize_users: false
|
||||
allowed_modes:
|
||||
- sfw
|
||||
- nsfw
|
||||
- untagged
|
||||
- all
|
||||
- nsfl
|
||||
allowed_mimes:
|
||||
- image
|
||||
- video
|
||||
- audio
|
||||
- flash
|
||||
- pdf
|
||||
onara: false
|
||||
nsfl_tag_id: 4
|
||||
allowedMimes:
|
||||
- audio
|
||||
- image
|
||||
- video
|
||||
- application/x-shockwave-flash
|
||||
- application/vnd.adobe.flash.movie
|
||||
- application/zip
|
||||
- application/x-zip-compressed
|
||||
- application/x-rar-compressed
|
||||
- application/vnd.rar
|
||||
- application/x-rar
|
||||
- application/rar
|
||||
- application/x-rar-archive
|
||||
- application/x-7z-compressed
|
||||
- application/x-tar
|
||||
- application/gzip
|
||||
- application/x-bzip2
|
||||
- application/x-xz
|
||||
nsfp:
|
||||
- 2
|
||||
- 3
|
||||
- 4
|
||||
websrv:
|
||||
port: "1337"
|
||||
language: en
|
||||
allow_language_change: true
|
||||
cache: false
|
||||
eps: 155
|
||||
default_thumb_size: m
|
||||
background: true
|
||||
log_user_ips: false
|
||||
hash_user_ips: true
|
||||
description: Example Description
|
||||
themes:
|
||||
- amoled
|
||||
theme: amoled
|
||||
default_font: ""
|
||||
default_layout: legacy
|
||||
custom_favicon: /s/img/favicon.gif
|
||||
custom_brand_image: []
|
||||
custom_navbar_brand_text: ""
|
||||
show_koepfe: false
|
||||
hide_sidebar_default: true
|
||||
koepfe: []
|
||||
enable_tor_hs: true
|
||||
enable_global_chat: true
|
||||
enable_danmaku: true
|
||||
private_messages: true
|
||||
dm_attachments: true
|
||||
dm_unencrypted: false
|
||||
dm_attachment_expiry_days: 90
|
||||
halls_enabled: true
|
||||
userhalls_enabled: true
|
||||
enable_userhall_image_upload: true
|
||||
enable_oc: true
|
||||
abyss_enabled: true
|
||||
meme_creator: true
|
||||
enable_cleanup: false
|
||||
enable_data_export: true
|
||||
inactivity_ban_days: 60
|
||||
enable_user_api_keys: true
|
||||
enable_user_invites: true
|
||||
user_invite_slots: 2
|
||||
invite_criteria:
|
||||
uploads: 10
|
||||
age_days: 10
|
||||
comments: 10
|
||||
tags: 10
|
||||
cleanup_timeframe_days: 30
|
||||
web_url_upload: true
|
||||
enable_youtube_upload: true
|
||||
web_meta_extraction: true
|
||||
bypass_duplicate_check: true
|
||||
shitpost_mode: false
|
||||
shitpost_require_rating: false
|
||||
shitpost_min_tags: 0
|
||||
protect_files: false
|
||||
enable_dynamic_thumbs: false
|
||||
allowed_comment_images:
|
||||
- i.imgur.com
|
||||
- tenor.com
|
||||
- giphy.com
|
||||
show_mime_picker: true
|
||||
embed_youtube_in_comments: true
|
||||
allow_fileupload_comments: true
|
||||
allow_comment_deletion: false
|
||||
enable_comment_polls: false
|
||||
fileupload_comments_multifile: true
|
||||
fileupload_comments_size: 104857600
|
||||
fileupload_comments_max: 5
|
||||
fileupload_comments_mode: attachment
|
||||
fileupload_comments_mimes:
|
||||
- image
|
||||
- video
|
||||
- audio
|
||||
show_content_warning: true
|
||||
default_comment_display_mode: 1
|
||||
phrases:
|
||||
- Hello World
|
||||
ban_video: ""
|
||||
enable_xd_score: false
|
||||
enable_autoplay: false
|
||||
enable_swiping: true
|
||||
enable_profile_description: true
|
||||
user_alternative_infobox: false
|
||||
user_banner_enabled: true
|
||||
comment_banner_enabled: true
|
||||
comment_banner_max_height: 300
|
||||
user_alternative_steuerung: false
|
||||
expose_repost_links_to_guests: false
|
||||
enable_swf: false
|
||||
swf_thumb: /s/img/swf.png
|
||||
enable_archive: true
|
||||
archive_thumb: /s/img/archive.webp
|
||||
enable_item_title: true
|
||||
open_registration: true
|
||||
open_registration_web_toggle: false
|
||||
open_registration_require_mail_andor_token: false
|
||||
private_society: false
|
||||
private_society_gate: cloudflare
|
||||
private_society_gate_location: Frankfurt
|
||||
private_society_gate_template: _gate_template
|
||||
public_nsfw: false
|
||||
public_untagged: false
|
||||
paths:
|
||||
images: /b
|
||||
thumbnails: /t
|
||||
coverarts: /ca
|
||||
emojis: /emojis
|
||||
memes: /memes
|
||||
clients:
|
||||
- type: tg
|
||||
enabled: false
|
||||
token: ""
|
||||
pollrate: 1001
|
||||
- type: matrix
|
||||
enabled: false
|
||||
baseUrl: https://matrix.org
|
||||
token: ""
|
||||
userId: "@user:matrix.org"
|
||||
channels: []
|
||||
upload_channel_id: ""
|
||||
notification_channel_id: ""
|
||||
- type: irc
|
||||
enabled: false
|
||||
network: example
|
||||
host: irc.example.net
|
||||
port: 6697
|
||||
ssl: true
|
||||
selfSigned: true
|
||||
sasl: false
|
||||
nickname: bot
|
||||
username: bot
|
||||
password: ""
|
||||
realname: bot
|
||||
channels:
|
||||
- "#example"
|
||||
sql:
|
||||
host: localhost
|
||||
port: 5432
|
||||
user: f0ckm
|
||||
password: f0ckm
|
||||
database: f0ckm
|
||||
multipleStatements: true
|
||||
max: 50
|
||||
admins:
|
||||
- {}
|
||||
mimes:
|
||||
image/png: png
|
||||
video/webm: webm
|
||||
image/gif: gif
|
||||
image/jpg: jpg
|
||||
image/jpeg: jpeg
|
||||
image/webp: webp
|
||||
video/mp4: mp4
|
||||
video/quicktime: mp4
|
||||
audio/mpeg: mpg
|
||||
audio/mp3: mp3
|
||||
audio/ogg: ogg
|
||||
audio/opus: opus
|
||||
audio/flac: flac
|
||||
audio/x-flac: flac
|
||||
audio/mp4: m4a
|
||||
audio/x-m4a: m4a
|
||||
audio/aac: m4a
|
||||
video/x-m4v: mp4
|
||||
video/x-matroska: mkv
|
||||
application/x-shockwave-flash: swf
|
||||
application/vnd.adobe.flash.movie: swf
|
||||
application/pdf: pdf
|
||||
application/zip: zip
|
||||
application/x-zip-compressed: zip
|
||||
application/x-rar-compressed: rar
|
||||
application/vnd.rar: rar
|
||||
application/x-rar: rar
|
||||
application/rar: rar
|
||||
application/x-rar-archive: rar
|
||||
application/x-7z-compressed: 7z
|
||||
application/x-tar: tar
|
||||
application/gzip: gz
|
||||
application/x-bzip2: bz2
|
||||
application/x-xz: xz
|
||||
apis: {}
|
||||
smtp:
|
||||
enabled: false
|
||||
host: smtp.example.com
|
||||
port: 465
|
||||
secure: true
|
||||
user: smtp_user
|
||||
password: smtp_password
|
||||
from: admin@example.com
|
||||
mail_reset_password: false
|
||||
recaptcha:
|
||||
enabled: false
|
||||
site_key: YOUR_RECAPTCHA_V2_SITE_KEY
|
||||
secret_key: YOUR_RECAPTCHA_V2_SECRET_KEY
|
||||
@@ -7317,6 +7317,20 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.location a,
|
||||
.location .location-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
.location a:hover,
|
||||
.location .location-link:hover {
|
||||
color: #4ade80;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.item_title,
|
||||
.item-title,
|
||||
.item-itle {
|
||||
@@ -22425,3 +22439,159 @@ div#flash,
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Chan Rehost Details Modal */
|
||||
.chan-rehost-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.82);
|
||||
backdrop-filter: blur(6px);
|
||||
z-index: 100200;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.chan-rehost-modal-content {
|
||||
background: #18181b;
|
||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||
border-radius: 12px;
|
||||
width: 92%;
|
||||
max-width: 480px;
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7);
|
||||
padding: 22px 24px;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.chan-rehost-modal-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 18px;
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
|
||||
}
|
||||
.chan-rehost-modal-title {
|
||||
margin: 0;
|
||||
font-size: 1.15rem;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.chan-rehost-modal-post-link {
|
||||
font-size: 0.85rem;
|
||||
color: #4ade80;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.chan-rehost-modal-post-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.chan-rehost-modal-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #888;
|
||||
font-size: 1.4rem;
|
||||
cursor: pointer;
|
||||
padding: 2px 6px;
|
||||
line-height: 1;
|
||||
}
|
||||
.chan-rehost-modal-close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.chan-rehost-form-group {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.chan-rehost-form-group label {
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
color: #aaa;
|
||||
margin-bottom: 7px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.chan-rehost-ratings {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
.chan-rehost-pill {
|
||||
flex: 1;
|
||||
padding: 8px 4px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
color: #ccc;
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.chan-rehost-pill:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #fff;
|
||||
}
|
||||
.chan-rehost-pill.active.untagged {
|
||||
background: #3f3f46;
|
||||
border-color: #71717a;
|
||||
color: #fff;
|
||||
}
|
||||
.chan-rehost-pill.active.sfw {
|
||||
background: #15803d;
|
||||
border-color: #22c55e;
|
||||
color: #fff;
|
||||
}
|
||||
.chan-rehost-pill.active.nsfw {
|
||||
background: #b91c1c;
|
||||
border-color: #ef4444;
|
||||
color: #fff;
|
||||
}
|
||||
.chan-rehost-pill.active.nsfl {
|
||||
background: #450a0a;
|
||||
border-color: #991b1b;
|
||||
color: #fca5a5;
|
||||
}
|
||||
.chan-rehost-input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
border-radius: 6px;
|
||||
padding: 9px 12px;
|
||||
color: #fff;
|
||||
font-family: inherit;
|
||||
font-size: 0.88rem;
|
||||
outline: none;
|
||||
transition: border-color 0.15s;
|
||||
}
|
||||
.chan-rehost-input:focus {
|
||||
border-color: #3b82f6;
|
||||
}
|
||||
.chan-rehost-textarea {
|
||||
resize: vertical;
|
||||
min-height: 56px;
|
||||
}
|
||||
.chan-rehost-modal-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.chan-rehost-edit-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: background 0.15s, color 0.15s;
|
||||
}
|
||||
.chan-rehost-edit-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.2) !important;
|
||||
}
|
||||
+67
-5
@@ -6,7 +6,7 @@
|
||||
const infoEl = document.querySelector("#a_info");
|
||||
const idLinkEl = document.querySelector("a.id-link");
|
||||
|
||||
const rawId = commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
|
||||
const rawId = favoEl?.dataset?.localId || commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
|
||||
if (!rawId) return null;
|
||||
|
||||
const tagsContainer = document.querySelector("#tags");
|
||||
@@ -292,17 +292,79 @@
|
||||
}
|
||||
return;
|
||||
}
|
||||
const favoBtns = document.querySelectorAll("#a_favo");
|
||||
const firstFavoBtn = favoBtns[0];
|
||||
const chanRehostBtn = document.querySelector('#chan-item-rehost-btn');
|
||||
const isChan = firstFavoBtn?.dataset?.isChan === 'true' || !!chanRehostBtn;
|
||||
const chanUrl = firstFavoBtn?.dataset?.chanUrl || chanRehostBtn?.dataset?.url;
|
||||
let localId = firstFavoBtn?.dataset?.localId;
|
||||
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
favoBtns.forEach(btn => {
|
||||
btn.className = 'iconset fa-solid fa-spinner fa-spin';
|
||||
});
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const rehostResp = await fetch('/api/v2/scroller/rehost', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url: chanUrl,
|
||||
original_filename: firstFavoBtn?.dataset?.filename || chanRehostBtn?.dataset?.filename || '',
|
||||
width: firstFavoBtn?.dataset?.width || chanRehostBtn?.dataset?.width || '',
|
||||
height: firstFavoBtn?.dataset?.height || chanRehostBtn?.dataset?.height || ''
|
||||
})
|
||||
});
|
||||
const rehostData = await rehostResp.json();
|
||||
if (rehostData.success && rehostData.item_id) {
|
||||
localId = rehostData.item_id;
|
||||
favoBtns.forEach(btn => {
|
||||
btn.dataset.itemId = localId;
|
||||
btn.dataset.localId = localId;
|
||||
});
|
||||
const commentsEl = document.querySelector("#comments-container");
|
||||
if (commentsEl) commentsEl.dataset.itemId = localId;
|
||||
const infoEl = document.querySelector("#a_info");
|
||||
if (infoEl) infoEl.dataset.itemId = localId;
|
||||
|
||||
if (chanRehostBtn) {
|
||||
chanRehostBtn.classList.add('rehosted');
|
||||
chanRehostBtn.outerHTML = `
|
||||
<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">
|
||||
<a href="/${localId}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #${localId})" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #${localId}</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${localId}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;"><i class="fa-solid fa-pen"></i></button>
|
||||
</span>
|
||||
`;
|
||||
}
|
||||
} else {
|
||||
throw new Error(rehostData.msg || 'Rehost failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV-ADMIN] Auto-rehost error:', err);
|
||||
favoBtns.forEach(btn => {
|
||||
btn.className = 'iconset fa-regular fa-heart';
|
||||
});
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to favorite post', 3000, 'error');
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const ctx = getContext();
|
||||
if (!ctx) return;
|
||||
const { postid } = ctx;
|
||||
const postid = localId ? Number(localId) : ctx.postid;
|
||||
|
||||
// Read state BEFORE the API call so we have a fallback
|
||||
const favoBtns = document.querySelectorAll("#a_favo");
|
||||
const wasAlreadyFav = favoBtns.length > 0 && favoBtns[0].classList.contains('fa-solid');
|
||||
|
||||
try {
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: postid
|
||||
postid: postid,
|
||||
chan_url: chanUrl
|
||||
});
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
|
||||
+355
-63
@@ -1438,7 +1438,7 @@ window.cancelAnimFrame = (function () {
|
||||
gridCacheMap.clear();
|
||||
const isOnaraOpen = document.body.classList.contains('onara-modal-open');
|
||||
const isGridView = document.querySelector('.posts, .tags-grid');
|
||||
const isItemView = document.getElementById('prev') || document.getElementById('next') || /^\/\d+/.test(window.location.pathname);
|
||||
const isItemView = document.getElementById('prev') || document.getElementById('next') || (typeof isItemPath === 'function' ? isItemPath(window.location.pathname) : (!window.location.pathname.startsWith('/4/') && /^\/\d+(?:[?#]|$)/.test(window.location.pathname)));
|
||||
let reloadPromise = null;
|
||||
if (isOnaraOpen) {
|
||||
const bgUrl = window._onaraReturnUrl || getOnaraBaseUrl();
|
||||
@@ -1502,7 +1502,7 @@ window.cancelAnimFrame = (function () {
|
||||
gridCacheMap.clear();
|
||||
const isOnaraOpen = document.body.classList.contains('onara-modal-open');
|
||||
const isGridView = document.querySelector('.posts, .tags-grid');
|
||||
const isItemView = document.getElementById('prev') || document.getElementById('next') || /^\/\d+/.test(window.location.pathname);
|
||||
const isItemView = document.getElementById('prev') || document.getElementById('next') || (typeof isItemPath === 'function' ? isItemPath(window.location.pathname) : (!window.location.pathname.startsWith('/4/') && /^\/\d+(?:[?#]|$)/.test(window.location.pathname)));
|
||||
let reloadPromise = null;
|
||||
if (isOnaraOpen) {
|
||||
const bgUrl = window._onaraReturnUrl || getOnaraBaseUrl();
|
||||
@@ -2331,8 +2331,11 @@ window.cancelAnimFrame = (function () {
|
||||
try {
|
||||
const p = new URL(pathOrUrl, window.location.origin).pathname;
|
||||
const parts = p.split('/').filter(Boolean);
|
||||
if (parts[0] === '4') {
|
||||
return parts.length >= 4 && /^\d+$/.test(parts[3]);
|
||||
}
|
||||
return !p.match(/\/p\//) && (
|
||||
/^\/\d+/.test(p) ||
|
||||
/^\/\d+(?:[?#]|$)/.test(p) ||
|
||||
/^\/[a-zA-Z0-9_-]{11}(?:[?#]|$)/.test(p) ||
|
||||
(parts.length >= 3 && (parts[0] === 'tag' || parts[0] === 'user' || parts[0] === 'h') && (/^\d+$/.test(parts[parts.length - 1]) || /^[a-zA-Z0-9_-]{11}$/.test(parts[parts.length - 1]))) ||
|
||||
(parts.length >= 2 && parts[0] === 'favs' && (/^\d+$/.test(parts[parts.length - 1]) || /^[a-zA-Z0-9_-]{11}$/.test(parts[parts.length - 1])))
|
||||
@@ -3334,7 +3337,16 @@ window.cancelAnimFrame = (function () {
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(ajaxUrl, { credentials: 'include', priority: 'low', signal })
|
||||
fetch(ajaxUrl, {
|
||||
credentials: 'include',
|
||||
priority: 'low',
|
||||
headers: {
|
||||
'X-Purpose': 'prefetch',
|
||||
'Purpose': 'prefetch',
|
||||
'Sec-Purpose': 'prefetch'
|
||||
},
|
||||
signal
|
||||
})
|
||||
.then(r => r.ok ? r.text() : null)
|
||||
.then(rawText => {
|
||||
if (!rawText || signal.aborted) return;
|
||||
@@ -11084,6 +11096,11 @@ window.cancelAnimFrame = (function () {
|
||||
// Immediately restore scrollability and hide modals
|
||||
if (window.resetGlobalScrollState) window.resetGlobalScrollState();
|
||||
if (window.hideAllModals) window.hideAllModals();
|
||||
const targetPath = new URL(url, window.location.origin).pathname;
|
||||
if (targetPath.startsWith('/4/')) {
|
||||
window.location.href = url;
|
||||
return;
|
||||
}
|
||||
const willNavigateToItem = typeof isItemPath === 'function' ? isItemPath(url) : false;
|
||||
if (!isOnaraActive() || !willNavigateToItem) {
|
||||
if (window.closeOnaraModal) window.closeOnaraModal({ skipHistory: true });
|
||||
@@ -11132,10 +11149,10 @@ window.cancelAnimFrame = (function () {
|
||||
if (window.closeImageModal) window.closeImageModal();
|
||||
|
||||
// Auto-clear notification highlight if opening an item
|
||||
const itemIdMatch = url.match(/\/(\d+)(\?.*|#.*)?$/);
|
||||
const itemIdMatch = url.match(/\/([a-zA-Z0-9_-]{11}|\d+)(?:\?.*|#.*)?$/);
|
||||
if (itemIdMatch) {
|
||||
const itemId = itemIdMatch[1];
|
||||
document.querySelectorAll(`a.thumb.has-notif[href$="/${itemId}"]`).forEach(el => {
|
||||
document.querySelectorAll(`a.thumb.has-notif[href$="/${itemId}"], a.thumb.has-notif[data-item-id="${itemId}"]`).forEach(el => {
|
||||
el.classList.remove('has-notif');
|
||||
});
|
||||
}
|
||||
@@ -11174,12 +11191,7 @@ window.cancelAnimFrame = (function () {
|
||||
const isSettings = pathname.match(/\/settings\/?(?:$|\?)/);
|
||||
const isStatic = pathname.match(/\/(about|rules|terms|upload|subscriptions|stats|docs|discord|ranking|meme|memes)($|\/|\?)/);
|
||||
const isUpload = pathname.match(/\/upload\/?(?:$|\?)/);
|
||||
const parts = pathname.split('/').filter(Boolean);
|
||||
const isItem = !pathname.match(/\/p\//) && (
|
||||
pathname.match(/^\/\d+/) || pathname.match(/^\/[a-zA-Z0-9_-]{11}(?:[?#]|$)/) ||
|
||||
(parts.length >= 3 && (parts[0] === 'tag' || parts[0] === 'user' || parts[0] === 'h') && (/^\d+$/.test(parts[parts.length - 1]) || /^[a-zA-Z0-9_-]{11}$/.test(parts[parts.length - 1]))) ||
|
||||
(parts.length >= 2 && parts[0] === 'favs' && (/^\d+$/.test(parts[parts.length - 1]) || /^[a-zA-Z0-9_-]{11}$/.test(parts[parts.length - 1])))
|
||||
);
|
||||
const isItem = typeof isItemPath === 'function' ? isItemPath(pathname) : (!pathname.startsWith('/4/') && /^\/\d+(?:[?#]|$)/.test(pathname));
|
||||
const isMessages = !!pathname.match(/^\/messages(\/|$)/);
|
||||
const isAbyss = !!pathname.match(/^\/abyss(\/|$|\?|#)/) || pathname === '/abyss';
|
||||
const isGrid = !isProfile && !isUserHall && !isUserHalls && !isHall && !isHalls && !isTags && !isComments && !isNotifs && !isItem && !isAdmin && !isMod && !isSettings && !isStatic && !isUpload && !isMessages && !isAbyss;
|
||||
@@ -12197,6 +12209,11 @@ window.cancelAnimFrame = (function () {
|
||||
|
||||
// Extract item ID from URL. Use the last numeric segment to avoid matching context IDs (like tag/1/...)
|
||||
// Split path, filter numeric, pop last.
|
||||
const isChanUrl = /^\/4\/([a-z0-9_]+)\/(\d+)\/(\d+)/i.test(new URL(url, window.location.origin).pathname);
|
||||
if (isChanUrl) {
|
||||
inheritContext = false;
|
||||
}
|
||||
|
||||
const pathSegments = new URL(url, window.location.origin).pathname.split('/');
|
||||
const keySegments = pathSegments.filter(s => /^\d+$/.test(s) || /^[a-zA-Z0-9_-]{11}$/.test(s));
|
||||
|
||||
@@ -12265,7 +12282,7 @@ window.cancelAnimFrame = (function () {
|
||||
// Prev/next arrows in item view always use explicit /h/foo/<id> or /tag/foo/<id> hrefs
|
||||
// (via link.main), so they are unaffected by this guard.
|
||||
// Note: Notification links call loadItemAjax(href, false) to skip inheritance directly.
|
||||
if (inheritContext) {
|
||||
if (inheritContext && !isChanUrl) {
|
||||
if (!tag) {
|
||||
const wTagMatch = window.location.href.match(/\/tag\/([^/?]+)/);
|
||||
if (wTagMatch) tag = decodeURIComponent(wTagMatch[1]);
|
||||
@@ -12300,61 +12317,68 @@ window.cancelAnimFrame = (function () {
|
||||
try {
|
||||
// Construct AJAX URL
|
||||
let ajaxUrl = `/ajax/item/${itemid}`;
|
||||
|
||||
const params = new URLSearchParams();
|
||||
params.append('mode', window.activeMode);
|
||||
const targetHash = new URL(url, window.location.origin).hash.replace(/^#/, '').trim();
|
||||
if (targetHash && !targetHash.startsWith('c')) params.append('subf0ck', targetHash);
|
||||
if (tag) params.append('tag', tag);
|
||||
if (hall) params.append('hall', hall);
|
||||
if (userHall && userHallOwner) {
|
||||
params.append('userHall', userHall);
|
||||
params.append('userHallOwner', userHallOwner);
|
||||
} else if (user) {
|
||||
params.append('user', user);
|
||||
}
|
||||
if (tagger) params.append('tagger', tagger);
|
||||
if (isFavs) {
|
||||
params.append('fav', 'true');
|
||||
if (!user && window.f0ckGuestFavs) {
|
||||
const guestIds = window.f0ckGuestFavs.get();
|
||||
if (guestIds.length > 0) {
|
||||
params.append('ids', guestIds.slice(0, 100).join(','));
|
||||
if (isChanUrl) {
|
||||
const urlObj = new URL(url, window.location.origin);
|
||||
ajaxUrl = urlObj.pathname + (urlObj.search ? urlObj.search + '&ajax=1' : '?ajax=1');
|
||||
} else {
|
||||
const params = new URLSearchParams();
|
||||
params.append('mode', window.activeMode);
|
||||
const targetHash = new URL(url, window.location.origin).hash.replace(/^#/, '').trim();
|
||||
if (targetHash && !targetHash.startsWith('c')) params.append('subf0ck', targetHash);
|
||||
if (tag) params.append('tag', tag);
|
||||
if (hall) params.append('hall', hall);
|
||||
if (userHall && userHallOwner) {
|
||||
params.append('userHall', userHall);
|
||||
params.append('userHallOwner', userHallOwner);
|
||||
} else if (user) {
|
||||
params.append('user', user);
|
||||
}
|
||||
if (tagger) params.append('tagger', tagger);
|
||||
if (isFavs) {
|
||||
params.append('fav', 'true');
|
||||
if (!user && window.f0ckGuestFavs) {
|
||||
const guestIds = window.f0ckGuestFavs.get();
|
||||
if (guestIds.length > 0) {
|
||||
params.append('ids', guestIds.slice(0, 100).join(','));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const isStrict = window.f0ckSession?.strict_mode || (localStorage.getItem('search_strict') === 'true');
|
||||
const isStrict = window.f0ckSession?.strict_mode || (localStorage.getItem('search_strict') === 'true');
|
||||
|
||||
if (isStrict || url.includes('strict=1') || window.location.search.includes('strict=1')) {
|
||||
params.append('strict', '1');
|
||||
}
|
||||
if (isStrict || url.includes('strict=1') || window.location.search.includes('strict=1')) {
|
||||
params.append('strict', '1');
|
||||
}
|
||||
|
||||
// Note: mime is no longer appended to params, server reads from cookie automatically
|
||||
// _t cache-buster removed — stable URL enables both HTTP and in-memory caching.
|
||||
// Note: mime is no longer appended to params, server reads from cookie automatically
|
||||
// _t cache-buster removed — stable URL enables both HTTP and in-memory caching.
|
||||
|
||||
const isRandom = document.cookie.includes('random_mode=1') || url.includes('random=1') || window.location.search.includes('random=1');
|
||||
if (isRandom) {
|
||||
params.append('random', '1');
|
||||
}
|
||||
const isRandom = document.cookie.includes('random_mode=1') || url.includes('random=1') || window.location.search.includes('random=1');
|
||||
if (isRandom) {
|
||||
params.append('random', '1');
|
||||
}
|
||||
|
||||
// Explicit overrides for context (used for immediate mode switches)
|
||||
if (options.forceParams) {
|
||||
Object.keys(options.forceParams).forEach(key => {
|
||||
params.set(key, options.forceParams[key]);
|
||||
});
|
||||
}
|
||||
// Explicit overrides for context (used for immediate mode switches)
|
||||
if (options.forceParams) {
|
||||
Object.keys(options.forceParams).forEach(key => {
|
||||
params.set(key, options.forceParams[key]);
|
||||
});
|
||||
}
|
||||
|
||||
if (useOnara) {
|
||||
params.append('onara', '1');
|
||||
}
|
||||
if (useOnara) {
|
||||
params.append('onara', '1');
|
||||
}
|
||||
|
||||
if (params.toString() !== '') {
|
||||
ajaxUrl += (ajaxUrl.includes('?') ? '&' : '?') + params.toString();
|
||||
if (params.toString() !== '') {
|
||||
ajaxUrl += (ajaxUrl.includes('?') ? '&' : '?') + params.toString();
|
||||
}
|
||||
}
|
||||
|
||||
// ── Stale-while-revalidate item cache ──────────────────────────────────
|
||||
// cacheKey is the stable ajaxUrl (no _t), scoped to mode+context.
|
||||
if (isChanUrl) {
|
||||
options.skipCache = true;
|
||||
}
|
||||
const _itemCacheKey = ajaxUrl;
|
||||
const _cachedItem = !options.skipCache ? itemCacheMap.get(_itemCacheKey) : null;
|
||||
|
||||
@@ -12524,7 +12548,7 @@ window.cancelAnimFrame = (function () {
|
||||
window.f0ckDebug('[itemCache] Cache hit render complete, revalidating in background...');
|
||||
|
||||
// ── Background revalidation — silently refresh cache for next visit ──
|
||||
fetch(ajaxUrl, { credentials: 'include' })
|
||||
fetch(ajaxUrl, { credentials: 'include', keepalive: true })
|
||||
.then(r => r.ok ? r.text() : null)
|
||||
.then(freshText => {
|
||||
if (!freshText) return;
|
||||
@@ -12578,7 +12602,10 @@ window.cancelAnimFrame = (function () {
|
||||
window.f0ckDebug(`[CLIENT_DEBUG] Using pre-fetched data (skipped network fetch)`);
|
||||
} else {
|
||||
// ── Normal fetch path ────────────────────────────────────────────
|
||||
const response = await fetch(ajaxUrl, { credentials: 'include' });
|
||||
const response = await fetch(ajaxUrl, {
|
||||
credentials: 'include',
|
||||
headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }
|
||||
});
|
||||
const tHeaders = performance.now();
|
||||
|
||||
if (!response.ok) throw new Error(`Network response was not ok: ${response.status}`);
|
||||
@@ -12802,7 +12829,10 @@ window.cancelAnimFrame = (function () {
|
||||
const itemKey = (window.f0ckSession?.enable_item_slugs !== false && responseSlug) ? responseSlug : (responseSlug || itemid);
|
||||
let pushUrl = `/${itemKey}`;
|
||||
// Logic from ajax.mjs context reconstruction:
|
||||
if (userHall && userHallOwner) {
|
||||
if (isChanUrl) {
|
||||
const u = new URL(url, window.location.origin);
|
||||
pushUrl = u.pathname + u.search + u.hash;
|
||||
} else if (userHall && userHallOwner) {
|
||||
pushUrl = `/user/${encodeURIComponent(userHallOwner)}/hall/${encodeURIComponent(userHall)}/${itemKey}`;
|
||||
} else if (user) {
|
||||
pushUrl = `/user/${encodeURIComponent(user)}/${itemKey}`;
|
||||
@@ -12815,13 +12845,13 @@ window.cancelAnimFrame = (function () {
|
||||
// Append tagger filter so item nav stays in tagger context
|
||||
if (tagger && tag) pushUrl += `?tagger=${encodeURIComponent(tagger)}`;
|
||||
|
||||
if (mime) {
|
||||
if (!isChanUrl && mime) {
|
||||
// If it already has itemKey at the end, insert mime before it
|
||||
pushUrl = pushUrl.replace(new RegExp(`/${itemKey}$`), `/${mime}/${itemKey}`);
|
||||
}
|
||||
|
||||
// Re-append hash if present
|
||||
if (hash) pushUrl += hash;
|
||||
if (hash && !isChanUrl) pushUrl += hash;
|
||||
|
||||
if (!options.keepMedia && !options.skipPush) {
|
||||
// We overwrite proper URL even if the link clicked was "naked"
|
||||
@@ -12844,7 +12874,16 @@ window.cancelAnimFrame = (function () {
|
||||
if (window.initVisualizer) window.initVisualizer();
|
||||
}
|
||||
// Try to extract ID from response if possible or just use itemid
|
||||
document.title = `${window.f0ckDomain} - ${itemKey}`;
|
||||
if (isChanUrl) {
|
||||
const chanM = new URL(url, window.location.origin).pathname.match(/^\/4\/([a-z0-9_]+)\/(\d+)\/(\d+)/i);
|
||||
if (chanM) {
|
||||
document.title = `/4/${chanM[1]}/${chanM[2]} #${chanM[3]} - ${window.f0ckDomain || 'f0ck'}`;
|
||||
} else {
|
||||
document.title = `${window.f0ckDomain} - #${itemid}`;
|
||||
}
|
||||
} else {
|
||||
document.title = `${window.f0ckDomain} - ${itemKey}`;
|
||||
}
|
||||
window.f0ckDebug("AJAX load complete");
|
||||
|
||||
// Notify extensions — also triggers CommentSystem init which renders comments
|
||||
@@ -13324,7 +13363,23 @@ window.cancelAnimFrame = (function () {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!isSpecialLink && (pathname === '/' || pathname.startsWith('/halls') || pathname.startsWith('/h/') || pathname.startsWith('/notifications') || pathname.startsWith('/tag') || pathname.startsWith('/user/') || pathname.match(/^\/(image|video|audio)/) || pathname.match(/\/p\/\d+/) || pathname.match(/^\/\d+/) || pathname.match(/^\/[a-zA-Z0-9_-]{11}(?:[?#]|$)/) || pathname.match(/^\/(about|rules|terms|upload|subscriptions|stats|docs|settings|admin|mod|ranking|messages|meme|memes)/) || pathname.startsWith('/abyss'))) {
|
||||
if (!isSpecialLink && (
|
||||
(!pathname.startsWith('/4/') && (
|
||||
pathname === '/' ||
|
||||
pathname.startsWith('/halls') ||
|
||||
pathname.startsWith('/h/') ||
|
||||
pathname.startsWith('/notifications') ||
|
||||
pathname.startsWith('/tag') ||
|
||||
pathname.startsWith('/user/') ||
|
||||
pathname.match(/^\/(image|video|audio)/) ||
|
||||
pathname.match(/\/p\/\d+/) ||
|
||||
pathname.match(/^\/\d+(?:[?#]|$)/) ||
|
||||
pathname.match(/^\/[a-zA-Z0-9_-]{11}(?:[?#]|$)/) ||
|
||||
pathname.match(/^\/(about|rules|terms|upload|subscriptions|stats|docs|settings|admin|mod|ranking|messages|meme|memes)/) ||
|
||||
pathname.startsWith('/abyss')
|
||||
)) ||
|
||||
(pathname.startsWith('/4/') && isItemPath(pathname))
|
||||
)) {
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
@@ -13348,7 +13403,244 @@ window.cancelAnimFrame = (function () {
|
||||
}
|
||||
}
|
||||
|
||||
if (target.closest('#togglebg')) {
|
||||
window.openChanRehostModal = function({ itemId, isPlayerView = false, onSave = null }) {
|
||||
if (!itemId) return;
|
||||
|
||||
let modal = document.getElementById('chan-rehost-modal');
|
||||
if (!modal) {
|
||||
modal = document.createElement('div');
|
||||
modal.id = 'chan-rehost-modal';
|
||||
modal.className = 'modal-overlay chan-rehost-modal';
|
||||
modal.style.display = 'none';
|
||||
document.body.appendChild(modal);
|
||||
}
|
||||
|
||||
modal.innerHTML = `
|
||||
<div class="modal-content chan-rehost-modal-content">
|
||||
<div class="chan-rehost-modal-header">
|
||||
<h3 class="chan-rehost-modal-title">
|
||||
<i class="fa-solid fa-cloud-arrow-up" style="color: #4ade80;"></i>
|
||||
<span>Rehost Settings</span>
|
||||
<a href="/${itemId}" target="_blank" class="chan-rehost-modal-post-link" title="Open post in new tab">#${itemId} <i class="fa-solid fa-arrow-up-right-from-square"></i></a>
|
||||
</h3>
|
||||
<button type="button" class="chan-rehost-modal-close" aria-label="Close">×</button>
|
||||
</div>
|
||||
<div class="chan-rehost-modal-body">
|
||||
<div class="chan-rehost-form-group">
|
||||
<label><i class="fa-solid fa-shield-halved"></i> Rating</label>
|
||||
<div class="chan-rehost-ratings" id="chan-rehost-rating-group">
|
||||
<button type="button" class="chan-rehost-pill untagged active" data-rating="untagged"><i class="fa-solid fa-question"></i> Untagged</button>
|
||||
<button type="button" class="chan-rehost-pill sfw" data-rating="sfw"><i class="fa-solid fa-shield"></i> SFW</button>
|
||||
<button type="button" class="chan-rehost-pill nsfw" data-rating="nsfw"><i class="fa-solid fa-eye-slash"></i> NSFW</button>
|
||||
<button type="button" class="chan-rehost-pill nsfl" data-rating="nsfl"><i class="fa-solid fa-skull"></i> NSFL</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chan-rehost-form-group">
|
||||
<label><i class="fa-solid fa-tags"></i> Tags (optional)</label>
|
||||
<input type="text" id="chan-rehost-tags-input" class="chan-rehost-input" placeholder="e.g. music, webm, anime (comma-separated)" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<div class="chan-rehost-form-group">
|
||||
<label><i class="fa-solid fa-comment"></i> First Comment (optional)</label>
|
||||
<textarea id="chan-rehost-comment-input" class="chan-rehost-input chan-rehost-textarea" placeholder="Add a comment on this post..." rows="2"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chan-rehost-modal-actions">
|
||||
<button type="button" class="btn btn-secondary chan-rehost-modal-cancel">Close</button>
|
||||
${isPlayerView ? `<button type="button" class="btn btn-info chan-rehost-modal-save-view" style="background:#0284c7;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:600;"><i class="fa-solid fa-play"></i> Save & View Post</button>` : ''}
|
||||
<button type="button" class="btn btn-primary chan-rehost-modal-save" style="background:#16a34a;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:600;"><i class="fa-solid fa-check"></i> Save Details</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
modal.style.display = 'flex';
|
||||
document.body.classList.add('modal-open');
|
||||
|
||||
const ratingGroup = modal.querySelector('#chan-rehost-rating-group');
|
||||
let selectedRating = 'untagged';
|
||||
|
||||
ratingGroup.addEventListener('click', (e) => {
|
||||
const pill = e.target.closest('.chan-rehost-pill');
|
||||
if (!pill) return;
|
||||
ratingGroup.querySelectorAll('.chan-rehost-pill').forEach(b => b.classList.remove('active'));
|
||||
pill.classList.add('active');
|
||||
selectedRating = pill.dataset.rating;
|
||||
});
|
||||
|
||||
const tagsInput = modal.querySelector('#chan-rehost-tags-input');
|
||||
const commentInput = modal.querySelector('#chan-rehost-comment-input');
|
||||
|
||||
// Pre-fill current rating and tags if available
|
||||
fetch(`/api/v2/scroller/rehost/details/${itemId}`)
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
if (data && data.success) {
|
||||
if (data.rating) {
|
||||
selectedRating = data.rating;
|
||||
ratingGroup.querySelectorAll('.chan-rehost-pill').forEach(b => {
|
||||
b.classList.toggle('active', b.dataset.rating === data.rating);
|
||||
});
|
||||
}
|
||||
if (data.tags && data.tags.length) {
|
||||
tagsInput.value = data.tags.join(', ');
|
||||
}
|
||||
}
|
||||
}).catch(() => {});
|
||||
|
||||
setTimeout(() => tagsInput.focus(), 100);
|
||||
|
||||
const closeModal = () => {
|
||||
modal.style.display = 'none';
|
||||
document.body.classList.remove('modal-open');
|
||||
document.removeEventListener('keydown', handleKeydown);
|
||||
};
|
||||
|
||||
const handleKeydown = (e) => {
|
||||
if (e.key === 'Escape') closeModal();
|
||||
};
|
||||
document.addEventListener('keydown', handleKeydown);
|
||||
|
||||
modal.querySelector('.chan-rehost-modal-close').onclick = closeModal;
|
||||
modal.querySelector('.chan-rehost-modal-cancel').onclick = closeModal;
|
||||
modal.onclick = (e) => {
|
||||
if (e.target === modal) closeModal();
|
||||
};
|
||||
|
||||
const saveDetails = async (andView = false) => {
|
||||
const saveBtn = modal.querySelector('.chan-rehost-modal-save');
|
||||
const saveViewBtn = modal.querySelector('.chan-rehost-modal-save-view');
|
||||
if (saveBtn) saveBtn.disabled = true;
|
||||
if (saveViewBtn) saveViewBtn.disabled = true;
|
||||
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const resp = await fetch('/api/v2/scroller/rehost/details', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
item_id: itemId,
|
||||
rating: selectedRating,
|
||||
tags: tagsInput.value.trim(),
|
||||
comment: commentInput.value.trim()
|
||||
})
|
||||
});
|
||||
|
||||
const resData = await resp.json();
|
||||
if (resData.success) {
|
||||
if (typeof window.showToast === 'function') {
|
||||
window.showToast('Details saved for #' + itemId + '!');
|
||||
}
|
||||
closeModal();
|
||||
if (typeof onSave === 'function') {
|
||||
onSave(resData);
|
||||
}
|
||||
if (andView) {
|
||||
if (typeof window.loadItemAjax === 'function') {
|
||||
window.loadItemAjax('/' + itemId);
|
||||
} else {
|
||||
window.location.href = '/' + itemId;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
alert(resData.msg || 'Failed to save details');
|
||||
if (saveBtn) saveBtn.disabled = false;
|
||||
if (saveViewBtn) saveViewBtn.disabled = false;
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[REHOST-MODAL] Save error:', err);
|
||||
alert('Error saving details: network error');
|
||||
if (saveBtn) saveBtn.disabled = false;
|
||||
if (saveViewBtn) saveViewBtn.disabled = false;
|
||||
}
|
||||
};
|
||||
|
||||
modal.querySelector('.chan-rehost-modal-save').onclick = () => saveDetails(false);
|
||||
if (isPlayerView && modal.querySelector('.chan-rehost-modal-save-view')) {
|
||||
modal.querySelector('.chan-rehost-modal-save-view').onclick = () => saveDetails(true);
|
||||
}
|
||||
|
||||
tagsInput.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter') {
|
||||
e.preventDefault();
|
||||
saveDetails(false);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
if (target.closest('#chan-item-rehost-btn')) {
|
||||
e.preventDefault();
|
||||
const btn = target.closest('#chan-item-rehost-btn');
|
||||
if (btn && !btn.classList.contains('loading') && !btn.classList.contains('rehosted')) {
|
||||
const mediaUrl = btn.dataset.url;
|
||||
if (mediaUrl) {
|
||||
btn.classList.add('loading');
|
||||
const origHtml = btn.innerHTML;
|
||||
btn.innerHTML = '<i class="fa-solid fa-circle-notch fa-spin"></i> Rehosting…';
|
||||
|
||||
(async () => {
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const resp = await fetch('/api/v2/scroller/rehost', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url: mediaUrl,
|
||||
original_filename: btn.dataset.filename || btn.dataset.title || '',
|
||||
width: btn.dataset.width || '',
|
||||
height: btn.dataset.height || ''
|
||||
})
|
||||
});
|
||||
|
||||
const data = await resp.json();
|
||||
if (data.success && data.item_id) {
|
||||
btn.classList.remove('loading');
|
||||
btn.classList.add('rehosted');
|
||||
btn.outerHTML = `
|
||||
<span class="chan-rehost-btn-group" style="display:inline-flex;gap:4px;align-items:center;">
|
||||
<a href="/${data.item_id}" class="chan-rehost-action-btn rehosted" title="View Post #${data.item_id}" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;">
|
||||
<i class="fa-solid fa-check"></i> #${data.item_id}
|
||||
</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${data.item_id}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;">
|
||||
<i class="fa-solid fa-pen"></i>
|
||||
</button>
|
||||
</span>
|
||||
`;
|
||||
if (typeof window.showToast === 'function') {
|
||||
window.showToast(data.repost ? 'Already on site — linked to existing post' : 'Rehosted successfully!');
|
||||
}
|
||||
if (typeof window.openChanRehostModal === 'function') {
|
||||
window.openChanRehostModal({ itemId: data.item_id, isPlayerView: true });
|
||||
}
|
||||
} else {
|
||||
btn.classList.remove('loading');
|
||||
btn.innerHTML = origHtml;
|
||||
alert(data.msg || data.message || 'Rehost failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-REHOST] Error:', err);
|
||||
btn.classList.remove('loading');
|
||||
btn.innerHTML = origHtml;
|
||||
alert('Rehost failed due to network error');
|
||||
}
|
||||
})();
|
||||
}
|
||||
}
|
||||
} else if (target.closest('.chan-rehost-edit-btn')) {
|
||||
e.preventDefault();
|
||||
const editBtn = target.closest('.chan-rehost-edit-btn');
|
||||
const itemId = editBtn?.dataset?.itemId;
|
||||
if (itemId && typeof window.openChanRehostModal === 'function') {
|
||||
const isPlayer = !!document.querySelector('.media-object');
|
||||
window.openChanRehostModal({ itemId: Number(itemId), isPlayerView: isPlayer });
|
||||
}
|
||||
} else if (target.closest('#togglebg')) {
|
||||
e.preventDefault();
|
||||
window.toggleBackground();
|
||||
} else if (target.closest('#toggleautoplay')) {
|
||||
|
||||
@@ -1936,10 +1936,6 @@
|
||||
const origClass = icon.className;
|
||||
icon.className = 'fa-solid fa-spinner';
|
||||
|
||||
let rating = applied.mode === 0 ? 'sfw' : (applied.mode === 1 ? 'nsfw' : (applied.mode === 4 ? 'nsfl' : 'sfw'));
|
||||
if (item.external_board === 'wsg') rating = 'sfw';
|
||||
else if (item.external_board === 'gif') rating = 'nsfw';
|
||||
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || window.scrollerCsrf || '';
|
||||
const resp = await fetch('/api/v2/scroller/rehost', {
|
||||
@@ -1950,9 +1946,6 @@
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url: item.external_media_url || item.dest,
|
||||
rating: rating,
|
||||
tags: '',
|
||||
comment: `Rehosted from 4chan thread: ${applied.externalUrl || 'unknown'}`,
|
||||
...(item.original_filename ? { original_filename: item.original_filename } : {})
|
||||
})
|
||||
});
|
||||
|
||||
@@ -1559,9 +1559,11 @@
|
||||
if (txt) ids.add(txt);
|
||||
}
|
||||
|
||||
// 2. From URL pathname (/tag/:tag/:slugOrId, /user/:user/favs/:slugOrId, /user/:user/:slugOrId, /:slugOrId)
|
||||
// 2. From URL pathname (/tag/:tag/:slugOrId, /user/:user/favs/:slugOrId, /user/:user/:slugOrId, /:slugOrId, /4/:board/:thread/:post)
|
||||
const segments = window.location.pathname.split('/').filter(Boolean);
|
||||
if (segments.length >= 2 && segments[0] === 'tag') {
|
||||
if (segments.length >= 4 && segments[0] === '4') {
|
||||
ids.add(decodeURIComponent(segments[3]).trim());
|
||||
} else if (segments.length >= 2 && segments[0] === 'tag') {
|
||||
if (segments[2]) {
|
||||
ids.add(decodeURIComponent(segments[2]).trim());
|
||||
}
|
||||
@@ -1576,7 +1578,7 @@
|
||||
ids.add(decodeURIComponent(segments[2]).trim());
|
||||
}
|
||||
} else if (segments.length === 1) {
|
||||
const forbidden = ['s', 'b', 't', 'ca', 'a', 'login', 'register', 'settings', 'about', 'terms', 'rules', 'api', 'logout', 'auth', 'admin', 'mod', 'comments', 'notifications', 'feed', 'upload', 'tags', 'halls', 'ranking', 'abyss', 'random', 'scroller', 'p'];
|
||||
const forbidden = ['s', 'b', 't', 'ca', 'a', '4', 'login', 'register', 'settings', 'about', 'terms', 'rules', 'api', 'logout', 'auth', 'admin', 'mod', 'comments', 'notifications', 'feed', 'upload', 'tags', 'halls', 'ranking', 'abyss', 'random', 'scroller', 'p'];
|
||||
if (!forbidden.includes(segments[0])) {
|
||||
ids.add(decodeURIComponent(segments[0]).trim());
|
||||
}
|
||||
@@ -2089,20 +2091,232 @@
|
||||
}, { passive: true });
|
||||
};
|
||||
|
||||
// ── Dedicated 4chan Thread Feed (mirrors Tag/Favs Feed for /4/:board/:thread context) ─────
|
||||
let currentChanBoard = null;
|
||||
let currentChanThread = null;
|
||||
let chanFeedLoaded = false;
|
||||
let chanFeedLoading = false;
|
||||
|
||||
const getCurrentChanContext = () => {
|
||||
const m = window.location.pathname.match(/^\/4\/([a-z0-9_]+)\/(\d+)(?:\/(\d+))?/i);
|
||||
if (m) {
|
||||
return {
|
||||
board: m[1].toLowerCase(),
|
||||
thread: m[2],
|
||||
post: m[3] || null
|
||||
};
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
const highlightActiveChanCard = (scrollIntoView = false) => {
|
||||
const chanCtx = getCurrentChanContext();
|
||||
const container = document.getElementById('sidebar-chan-container');
|
||||
if (!container || !chanCtx) return;
|
||||
|
||||
const currentPost = chanCtx.post || '';
|
||||
let matchedCard = null;
|
||||
|
||||
container.querySelectorAll('.sidebar-video-card').forEach(card => {
|
||||
const cardId = card.dataset.id ? String(card.dataset.id).trim() : '';
|
||||
const isMatch = (currentPost && cardId === currentPost);
|
||||
if (isMatch) {
|
||||
card.classList.add('active-tag-item');
|
||||
if (!matchedCard) matchedCard = card;
|
||||
} else {
|
||||
card.classList.remove('active-tag-item');
|
||||
}
|
||||
});
|
||||
|
||||
if (matchedCard && scrollIntoView) {
|
||||
const isChanTabActive = document.querySelector('.sidebar-tab.active')?.dataset.tab === 'chan' &&
|
||||
container.style.display !== 'none';
|
||||
if (isChanTabActive) {
|
||||
try {
|
||||
const cr = container.getBoundingClientRect();
|
||||
const mr = matchedCard.getBoundingClientRect();
|
||||
const targetScrollTop = container.scrollTop + (mr.top - cr.top) - (container.clientHeight / 2) + (mr.height / 2);
|
||||
container.scrollTo({ top: Math.max(0, targetScrollTop), behavior: 'smooth' });
|
||||
} catch (_) {
|
||||
matchedCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const loadChanFeed = async (reset = false) => {
|
||||
const chanCtx = getCurrentChanContext();
|
||||
const container = document.getElementById('sidebar-chan-container');
|
||||
const itemsContainer = container?.querySelector('.sidebar-chan-items-container');
|
||||
if (!container || !itemsContainer || chanFeedLoading) return;
|
||||
if (!chanCtx) return;
|
||||
|
||||
chanFeedLoading = true;
|
||||
|
||||
if (reset) {
|
||||
itemsContainer.innerHTML = `
|
||||
<div class="sidebar-loading-state">
|
||||
<i class="fa-solid fa-circle-notch fa-spin"></i>
|
||||
<span>Loading thread media...</span>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
try {
|
||||
const res = await fetch(`/api/v2/chan/${encodeURIComponent(chanCtx.board)}/${encodeURIComponent(chanCtx.thread)}/media`, {
|
||||
headers: { 'X-Requested-With': 'XMLHttpRequest' }
|
||||
});
|
||||
const data = await res.json();
|
||||
const items = data.items || data.media || [];
|
||||
|
||||
if (data.success && items.length > 0) {
|
||||
chanFeedLoaded = true;
|
||||
|
||||
// Update header
|
||||
const countEl = container.querySelector('.sidebar-chan-count');
|
||||
if (countEl) countEl.textContent = `(${items.length})`;
|
||||
|
||||
const nameEl = container.querySelector('.sidebar-chan-name');
|
||||
if (nameEl) nameEl.textContent = `/${chanCtx.board}/${chanCtx.thread}`;
|
||||
|
||||
const overviewBtn = container.querySelector('.sidebar-chan-overview-btn');
|
||||
if (overviewBtn) {
|
||||
overviewBtn.href = `/4/${chanCtx.board}/${chanCtx.thread}`;
|
||||
}
|
||||
|
||||
let html = '';
|
||||
items.forEach(v => {
|
||||
const isActive = chanCtx.post && String(v.no) === String(chanCtx.post);
|
||||
const activeClass = isActive ? ' active-tag-item' : '';
|
||||
const targetHref = `/4/${chanCtx.board}/${chanCtx.thread}/${v.no}`;
|
||||
const formatBadge = v.ext ? `<span class="sidebar-media-format-badge">${escapeHtml(v.ext.replace('.', '').toUpperCase())}</span>` : '';
|
||||
const displayTitle = v.filename ? `${v.filename}` : `#${v.no}`;
|
||||
const overlayIcon = v.is_video ? 'fa-solid fa-play' : 'fa-solid fa-image';
|
||||
const fsizeStr = v.fsize ? `${(v.fsize / 1024 / 1024).toFixed(1)} MB` : '';
|
||||
|
||||
html += `
|
||||
<div class="sidebar-video-card${activeClass}" data-id="${v.no}">
|
||||
<a href="${targetHref}" class="sidebar-video-link" data-inherit-context="false">
|
||||
<div class="sidebar-video-thumb-wrap">
|
||||
<img src="${escapeHtml(v.thumb)}" class="sidebar-video-thumb" alt="${escapeHtml(displayTitle)}" loading="lazy" draggable="false" onerror="this.style.display='none'; if(this.nextElementSibling) this.nextElementSibling.classList.remove('hidden');" />
|
||||
<div class="sidebar-media-placeholder hidden">
|
||||
<i class="${overlayIcon}"></i>
|
||||
</div>
|
||||
<div class="sidebar-video-badges">
|
||||
${formatBadge}
|
||||
<span class="sidebar-video-badge" style="background: rgba(74, 222, 128, 0.2); color: #4ade80;">4CHAN</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar-video-details">
|
||||
<div class="sidebar-video-info">
|
||||
<div class="sidebar-video-title" title="${escapeHtml(displayTitle)}">${escapeHtml(displayTitle)}</div>
|
||||
<div class="sidebar-video-channel">
|
||||
<span class="sidebar-video-user" style="color: #4ade80;">#${v.no}</span>
|
||||
</div>
|
||||
<div class="sidebar-video-meta">
|
||||
${fsizeStr ? `<span class="sidebar-video-time">${escapeHtml(fsizeStr)}</span>` : ''}
|
||||
${v.w && v.h ? `<span>${fsizeStr ? '• ' : ''}${v.w}x${v.h}</span>` : ''}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
||||
itemsContainer.innerHTML = html;
|
||||
setTimeout(() => highlightActiveChanCard(true), 60);
|
||||
} else if (reset) {
|
||||
itemsContainer.innerHTML = `
|
||||
<div class="sidebar-empty-state" style="text-align:center;padding:30px 15px;color:var(--text-muted,#888);font-size:0.88em;">
|
||||
<i class="fa-solid fa-clover" style="font-size:1.8em;opacity:0.4;margin-bottom:8px;display:block;color:#4ade80;"></i>
|
||||
No media found in thread
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FEED] Failed:', err);
|
||||
if (reset) {
|
||||
itemsContainer.innerHTML = `<div class="sidebar-empty-state" style="text-align:center;padding:25px;color:var(--danger,#ff4444);font-size:0.88em;">Failed to load thread media</div>`;
|
||||
}
|
||||
} finally {
|
||||
chanFeedLoading = false;
|
||||
}
|
||||
};
|
||||
|
||||
const updateChanTabVisibility = (forceSwitchToChan = false) => {
|
||||
const chanCtx = getCurrentChanContext();
|
||||
const chanBtn = document.getElementById('sidebar-tab-chan');
|
||||
if (!chanBtn) return;
|
||||
|
||||
if (chanCtx) {
|
||||
chanBtn.style.display = 'inline-flex';
|
||||
chanBtn.title = `/${chanCtx.board}/${chanCtx.thread}`;
|
||||
|
||||
if (currentChanBoard !== chanCtx.board || currentChanThread !== chanCtx.thread) {
|
||||
currentChanBoard = chanCtx.board;
|
||||
currentChanThread = chanCtx.thread;
|
||||
chanFeedLoaded = false;
|
||||
userManuallySelectedNonTagTab = false;
|
||||
switchSidebarTab('chan');
|
||||
} else {
|
||||
if (forceSwitchToChan || (!userManuallySelectedNonTagTab && document.querySelector('.sidebar-tab.active')?.dataset.tab !== 'chan')) {
|
||||
switchSidebarTab('chan');
|
||||
} else {
|
||||
highlightActiveChanCard(true);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
chanBtn.style.display = 'none';
|
||||
currentChanBoard = null;
|
||||
currentChanThread = null;
|
||||
chanFeedLoaded = false;
|
||||
|
||||
const activeTab = document.querySelector('.sidebar-tab.active')?.dataset.tab;
|
||||
if (activeTab === 'chan') {
|
||||
if (getCurrentTag()) {
|
||||
switchSidebarTab('tag');
|
||||
} else {
|
||||
switchSidebarTab('recommendations');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const bindChanContainerEvents = () => {
|
||||
const container = document.getElementById('sidebar-chan-container');
|
||||
if (!container || container.dataset.eventsBound === 'true') return;
|
||||
container.dataset.eventsBound = 'true';
|
||||
container.addEventListener('click', (e) => {
|
||||
const link = e.target.closest('a.sidebar-video-link');
|
||||
if (link && link.href) {
|
||||
e.preventDefault();
|
||||
container.querySelectorAll('.sidebar-video-card').forEach(c => c.classList.remove('active-tag-item'));
|
||||
const card = link.closest('.sidebar-video-card');
|
||||
if (card) card.classList.add('active-tag-item');
|
||||
if (typeof window.loadItemAjax === 'function') {
|
||||
window.loadItemAjax(link.href, false);
|
||||
} else {
|
||||
window.location.href = link.href;
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const switchSidebarTab = (tabName) => {
|
||||
if (window.clearHoverPreview) {
|
||||
window.clearHoverPreview();
|
||||
}
|
||||
const normalizedTab = (tabName === 'videos' || tabName === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (tabName === 'tag' ? 'tag' : (tabName === 'favs' ? 'favs' : tabName));
|
||||
: (tabName === 'tag' ? 'tag' : (tabName === 'favs' ? 'favs' : (tabName === 'chan' ? 'chan' : tabName)));
|
||||
const tabs = document.querySelectorAll('.sidebar-tab');
|
||||
const contents = document.querySelectorAll('.sidebar-tab-content');
|
||||
|
||||
tabs.forEach(t => {
|
||||
const tTab = (t.dataset.tab === 'videos' || t.dataset.tab === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (t.dataset.tab === 'tag' ? 'tag' : (t.dataset.tab === 'favs' ? 'favs' : t.dataset.tab));
|
||||
: (t.dataset.tab === 'tag' ? 'tag' : (t.dataset.tab === 'favs' ? 'favs' : (t.dataset.tab === 'chan' ? 'chan' : t.dataset.tab)));
|
||||
if (tTab === normalizedTab) {
|
||||
t.classList.add('active');
|
||||
} else {
|
||||
@@ -2113,7 +2327,7 @@
|
||||
contents.forEach(c => {
|
||||
const cTab = (c.dataset.tabContent === 'videos' || c.dataset.tabContent === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (c.dataset.tabContent === 'tag' ? 'tag' : (c.dataset.tabContent === 'favs' ? 'favs' : c.dataset.tabContent));
|
||||
: (c.dataset.tabContent === 'tag' ? 'tag' : (c.dataset.tabContent === 'favs' ? 'favs' : (c.dataset.tabContent === 'chan' ? 'chan' : c.dataset.tabContent)));
|
||||
if (cTab === normalizedTab) {
|
||||
c.classList.add('active');
|
||||
c.style.display = 'block';
|
||||
@@ -2143,6 +2357,12 @@
|
||||
} else {
|
||||
setTimeout(() => highlightActiveFavsCard(true), 60);
|
||||
}
|
||||
} else if (normalizedTab === 'chan') {
|
||||
if (!chanFeedLoaded) {
|
||||
loadChanFeed(true);
|
||||
} else {
|
||||
setTimeout(() => highlightActiveChanCard(true), 60);
|
||||
}
|
||||
}
|
||||
};
|
||||
window.switchSidebarTab = switchSidebarTab;
|
||||
@@ -2154,7 +2374,7 @@
|
||||
const btn = e.target.closest('.sidebar-tab');
|
||||
if (btn && btn.dataset.tab) {
|
||||
e.preventDefault();
|
||||
if (btn.dataset.tab !== 'tag' && btn.dataset.tab !== 'favs') {
|
||||
if (btn.dataset.tab !== 'tag' && btn.dataset.tab !== 'favs' && btn.dataset.tab !== 'chan') {
|
||||
userManuallySelectedNonTagTab = true;
|
||||
} else {
|
||||
userManuallySelectedNonTagTab = false;
|
||||
@@ -2170,7 +2390,9 @@
|
||||
savedTab = localStorage.getItem('sidebar_active_tab') || 'comments';
|
||||
} catch (_) {}
|
||||
|
||||
if (getCurrentFavsUser()) {
|
||||
if (getCurrentChanContext()) {
|
||||
switchSidebarTab('chan');
|
||||
} else if (getCurrentFavsUser()) {
|
||||
switchSidebarTab('favs');
|
||||
} else if (getCurrentTag()) {
|
||||
switchSidebarTab('tag');
|
||||
@@ -2410,22 +2632,28 @@
|
||||
initTagOrderButton();
|
||||
bindTagContainerEvents();
|
||||
bindFavsContainerEvents();
|
||||
bindChanContainerEvents();
|
||||
updateTagTabVisibility();
|
||||
updateFavsTabVisibility();
|
||||
updateChanTabVisibility();
|
||||
document.addEventListener('f0ck:contentLoaded', () => {
|
||||
updateTagTabVisibility();
|
||||
updateFavsTabVisibility();
|
||||
updateChanTabVisibility();
|
||||
setTimeout(() => {
|
||||
highlightActiveTagCard(true);
|
||||
highlightActiveFavsCard(true);
|
||||
highlightActiveChanCard(true);
|
||||
}, 60);
|
||||
});
|
||||
window.addEventListener('popstate', () => {
|
||||
setTimeout(() => {
|
||||
updateTagTabVisibility();
|
||||
updateFavsTabVisibility();
|
||||
updateChanTabVisibility();
|
||||
highlightActiveTagCard(true);
|
||||
highlightActiveFavsCard(true);
|
||||
highlightActiveChanCard(true);
|
||||
}, 60);
|
||||
});
|
||||
bindRecommendationEvents();
|
||||
|
||||
+67
-5
@@ -6,7 +6,7 @@
|
||||
const infoEl = document.querySelector("#a_info");
|
||||
const idLinkEl = document.querySelector("a.id-link");
|
||||
|
||||
const rawId = commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
|
||||
const rawId = favoEl?.dataset?.localId || commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
|
||||
if (!rawId) return null;
|
||||
|
||||
const tagsContainer = document.querySelector("#tags");
|
||||
@@ -256,17 +256,79 @@
|
||||
}
|
||||
return;
|
||||
}
|
||||
const favoBtns = document.querySelectorAll("#a_favo");
|
||||
const firstFavoBtn = favoBtns[0];
|
||||
const chanRehostBtn = document.querySelector('#chan-item-rehost-btn');
|
||||
const isChan = firstFavoBtn?.dataset?.isChan === 'true' || !!chanRehostBtn;
|
||||
const chanUrl = firstFavoBtn?.dataset?.chanUrl || chanRehostBtn?.dataset?.url;
|
||||
let localId = firstFavoBtn?.dataset?.localId;
|
||||
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
favoBtns.forEach(btn => {
|
||||
btn.className = 'iconset fa-solid fa-spinner fa-spin';
|
||||
});
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const rehostResp = await fetch('/api/v2/scroller/rehost', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url: chanUrl,
|
||||
original_filename: firstFavoBtn?.dataset?.filename || chanRehostBtn?.dataset?.filename || '',
|
||||
width: firstFavoBtn?.dataset?.width || chanRehostBtn?.dataset?.width || '',
|
||||
height: firstFavoBtn?.dataset?.height || chanRehostBtn?.dataset?.height || ''
|
||||
})
|
||||
});
|
||||
const rehostData = await rehostResp.json();
|
||||
if (rehostData.success && rehostData.item_id) {
|
||||
localId = rehostData.item_id;
|
||||
favoBtns.forEach(btn => {
|
||||
btn.dataset.itemId = localId;
|
||||
btn.dataset.localId = localId;
|
||||
});
|
||||
const commentsEl = document.querySelector("#comments-container");
|
||||
if (commentsEl) commentsEl.dataset.itemId = localId;
|
||||
const infoEl = document.querySelector("#a_info");
|
||||
if (infoEl) infoEl.dataset.itemId = localId;
|
||||
|
||||
if (chanRehostBtn) {
|
||||
chanRehostBtn.classList.add('rehosted');
|
||||
chanRehostBtn.outerHTML = `
|
||||
<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">
|
||||
<a href="/${localId}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #${localId})" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #${localId}</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${localId}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;"><i class="fa-solid fa-pen"></i></button>
|
||||
</span>
|
||||
`;
|
||||
}
|
||||
} else {
|
||||
throw new Error(rehostData.msg || 'Rehost failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV] Auto-rehost error:', err);
|
||||
favoBtns.forEach(btn => {
|
||||
btn.className = 'iconset fa-regular fa-heart';
|
||||
});
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to favorite post', 3000, 'error');
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const ctx = getContext();
|
||||
if (!ctx) return;
|
||||
const { postid } = ctx;
|
||||
const postid = localId ? Number(localId) : ctx.postid;
|
||||
|
||||
// Read state BEFORE the API call so we have a fallback
|
||||
const favoBtns = document.querySelectorAll("#a_favo");
|
||||
const wasAlreadyFav = favoBtns.length > 0 && favoBtns[0].classList.contains('fa-solid');
|
||||
|
||||
try {
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: postid
|
||||
postid: postid,
|
||||
chan_url: chanUrl
|
||||
});
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
|
||||
@@ -544,6 +544,26 @@ export default new class {
|
||||
return next();
|
||||
};
|
||||
|
||||
async chanAuth(req, res, next) {
|
||||
if (!req.session || !req.session.user) {
|
||||
if (req.headers['x-requested-with'] === 'XMLHttpRequest') {
|
||||
return res.reply({ code: 401, body: JSON.stringify({ success: false, msg: "Unauthorized" }), type: 'application/json' });
|
||||
}
|
||||
return res.redirect('/login');
|
||||
}
|
||||
const hasGroup = req.session.admin || (Array.isArray(req.session.groups) && req.session.groups.includes('4chan'));
|
||||
if (!hasGroup) {
|
||||
if (req.headers['x-requested-with'] === 'XMLHttpRequest') {
|
||||
return res.reply({ code: 403, body: JSON.stringify({ success: false, msg: "4chan group required" }), type: 'application/json' });
|
||||
}
|
||||
return res.reply({
|
||||
code: 403,
|
||||
body: `<!DOCTYPE html><html><head><meta charset="utf-8"><title>Access Denied</title><link rel="stylesheet" href="/s/css/f0ck.css"></head><body style="background:#111;color:#eee;display:flex;align-items:center;justify-content:center;height:100vh;margin:0;font-family:sans-serif;"><div style="text-align:center;padding:30px;background:#1a1a1a;border-radius:12px;border:1px solid #333;max-width:460px;"><div style="font-size:3rem;color:#4ade80;margin-bottom:15px;">🍀</div><h2 style="margin:0 0 10px;">Access Restricted</h2><p style="color:#aaa;line-height:1.5;">This 4chan viewer is only accessible to users with the <strong>4chan</strong> group.</p><a href="/" style="display:inline-block;margin-top:15px;color:#4ade80;text-decoration:none;">← Return to Home</a></div></body></html>`
|
||||
});
|
||||
}
|
||||
return next();
|
||||
};
|
||||
|
||||
// Middleware: authenticate via X-Api-Key header (upload-only)
|
||||
async apiKeyAuth(req, res, next) {
|
||||
const key = req.headers['x-api-key'];
|
||||
|
||||
@@ -1165,7 +1165,7 @@ export default (router, tpl) => {
|
||||
WITH ghost_users AS (
|
||||
SELECT
|
||||
NULL::int as id, i.username as login, i.username as "user", 'Legacy Account' as email,
|
||||
to_timestamp(MIN(i.stamp)) as created_at, false as banned, false as is_moderator, false as admin, true as activated,
|
||||
to_timestamp(MIN(i.stamp)) as created_at, false as banned, false as is_moderator, false as admin, ARRAY[]::text[] as groups, true as activated,
|
||||
NULL::text as avatar_file, NULL::varchar as display_name, 0 as force_comment_display_mode, 0 as comment_display_mode, 'Legacy' as reg_method
|
||||
FROM items i
|
||||
WHERE i.username IS NOT NULL AND i.username != ''
|
||||
@@ -1240,7 +1240,7 @@ export default (router, tpl) => {
|
||||
users = await db`
|
||||
WITH filtered_users AS (
|
||||
SELECT
|
||||
u.id, u.login, u.user, u.email, u.created_at, u.banned, u.is_moderator, u.admin, u.activated,
|
||||
u.id, u.login, u.user, u.email, u.created_at, u.banned, u.is_moderator, u.admin, u.groups, u.activated,
|
||||
uo.avatar_file, uo.display_name, uo.force_comment_display_mode, uo.comment_display_mode,
|
||||
(SELECT token FROM invite_tokens WHERE used_by = u.id ORDER BY created_at DESC LIMIT 1) as reg_method
|
||||
FROM "user" u
|
||||
@@ -1446,6 +1446,45 @@ export default (router, tpl) => {
|
||||
}
|
||||
});
|
||||
|
||||
router.post(/^\/api\/v2\/admin\/users\/set-groups\/?$/, lib.auth, async (req, res) => {
|
||||
try {
|
||||
const { user_id, groups } = req.post;
|
||||
if (!user_id) throw new Error('Missing user_id');
|
||||
const target = await db`SELECT id, login FROM "user" WHERE id = ${+user_id} LIMIT 1`;
|
||||
if (!target.length) throw new Error('User not found.');
|
||||
|
||||
let groupsArr = [];
|
||||
if (Array.isArray(groups)) {
|
||||
groupsArr = groups.map(s => String(s).trim().toLowerCase()).filter(Boolean);
|
||||
} else if (typeof groups === 'string') {
|
||||
groupsArr = groups.split(',').map(s => s.trim().toLowerCase()).filter(Boolean);
|
||||
}
|
||||
|
||||
await db`
|
||||
UPDATE "user"
|
||||
SET groups = ${groupsArr}
|
||||
WHERE id = ${+user_id}
|
||||
`;
|
||||
|
||||
// Invalidate target user's session cache and session table so new groups load immediately
|
||||
await db`DELETE FROM user_sessions WHERE user_id = ${+user_id}`;
|
||||
|
||||
await audit.log(req.session.id, 'admin_set_groups', 'user', +user_id, {
|
||||
target_login: target[0].login,
|
||||
groups: groupsArr
|
||||
});
|
||||
|
||||
return res.writeHead(200, { 'Content-Type': 'application/json' }).end(JSON.stringify({
|
||||
success: true,
|
||||
groups: groupsArr,
|
||||
msg: `Groups for "${target[0].login}" updated to: ${groupsArr.join(', ') || 'none'}`
|
||||
}));
|
||||
} catch (err) {
|
||||
console.error('[ADMIN] Set groups failed:', err);
|
||||
return res.writeHead(200, { 'Content-Type': 'application/json' }).end(JSON.stringify({ success: false, msg: err.message }));
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
router.post(/^\/api\/v2\/admin\/users\/lock-layout\/?$/, lib.auth, async (req, res) => {
|
||||
try {
|
||||
|
||||
+19
-3
@@ -17,6 +17,14 @@ export default (router, tpl) => {
|
||||
query = req.url.qs || {};
|
||||
}
|
||||
|
||||
const isPrefetch = !!(
|
||||
query.prefetch === '1' ||
|
||||
req.url?.qs?.prefetch === '1' ||
|
||||
req.headers?.['x-purpose'] === 'prefetch' ||
|
||||
req.headers?.['purpose'] === 'prefetch' ||
|
||||
req.headers?.['sec-purpose'] === 'prefetch'
|
||||
);
|
||||
|
||||
const isGuest = !req.session || !req.session.user;
|
||||
const reqMode = isGuest ? 0 : (query.mode !== undefined ? +query.mode : req.mode);
|
||||
const ratingsRaw = req.cookies.ratings;
|
||||
@@ -122,7 +130,7 @@ export default (router, tpl) => {
|
||||
|
||||
// xD Score + comments — parallelize subscription + comments fetch
|
||||
if (req.session || !cfg.main.hide_comments_from_public) {
|
||||
if (req.session?.id) {
|
||||
if (req.session?.id && !isPrefetch) {
|
||||
f0cklib.markNotificationsRead(req.session.id, itemid).catch(() => {});
|
||||
}
|
||||
const [sub, commentsForScore] = await Promise.all([
|
||||
@@ -296,6 +304,14 @@ export default (router, tpl) => {
|
||||
query = req.url.qs || {};
|
||||
}
|
||||
|
||||
const isPrefetch = !!(
|
||||
query.prefetch === '1' ||
|
||||
req.url?.qs?.prefetch === '1' ||
|
||||
req.headers?.['x-purpose'] === 'prefetch' ||
|
||||
req.headers?.['purpose'] === 'prefetch' ||
|
||||
req.headers?.['sec-purpose'] === 'prefetch'
|
||||
);
|
||||
|
||||
let contextUrl = `/${req.params.itemid}`;
|
||||
if (query.tag) contextUrl = `/tag/${encodeURIComponent(query.tag)}/${req.params.itemid}`;
|
||||
if (query.hall) contextUrl = `/h/${encodeURIComponent(query.hall)}/${req.params.itemid}`;
|
||||
@@ -372,8 +388,8 @@ export default (router, tpl) => {
|
||||
// Comments are always loaded async by the client via /api/comments/:id to avoid
|
||||
// blocking the browser's main thread on posts with huge comment payloads.
|
||||
if (req.session || !cfg.main.hide_comments_from_public) {
|
||||
// Mark notifications as read
|
||||
if (req.session?.id) {
|
||||
// Mark notifications as read (only when actually viewed, not on prefetch)
|
||||
if (req.session?.id && !isPrefetch) {
|
||||
f0cklib.markNotificationsRead(req.session.id, itemid).catch(() => {});
|
||||
}
|
||||
const sub = req.session ? await f0cklib.getSubscriptionStatus(req.session.id, req.params.itemid) : false;
|
||||
|
||||
@@ -1866,12 +1866,30 @@ export default router => {
|
||||
|
||||
// Support both numeric item ID and string slug
|
||||
const isNumeric = /^\d+$/.test(String(rawPostid));
|
||||
const itemRow = await db`
|
||||
let itemRow = await db`
|
||||
SELECT id FROM items
|
||||
WHERE ${isNumeric ? db`id = ${+rawPostid}` : db`slug = ${String(rawPostid)}`} AND active = true AND is_deleted = false
|
||||
LIMIT 1
|
||||
`;
|
||||
|
||||
if (!itemRow.length) {
|
||||
const chanUrl = req.post?.chan_url ?? req.body?.chan_url ?? req.post?.url ?? req.body?.url;
|
||||
if (chanUrl) {
|
||||
itemRow = await db`
|
||||
SELECT id FROM items
|
||||
WHERE src = ${chanUrl} AND active = true AND is_deleted = false
|
||||
LIMIT 1
|
||||
`;
|
||||
}
|
||||
if (!itemRow.length && isNumeric) {
|
||||
itemRow = await db`
|
||||
SELECT id FROM items
|
||||
WHERE (src LIKE ${'%/' + rawPostid + '.%'} OR src LIKE ${'%/' + rawPostid + 's.%'}) AND active = true AND is_deleted = false
|
||||
LIMIT 1
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
||||
if (!itemRow.length) {
|
||||
return res.json({ success: false, msg: 'Item not found' }, 404);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,626 @@
|
||||
import cfg from "../config.mjs";
|
||||
import db from "../sql.mjs";
|
||||
import lib from "../lib.mjs";
|
||||
import queue from "../queue.mjs";
|
||||
|
||||
/**
|
||||
* chan.mjs — 4chan thread viewer & catalogue routes
|
||||
* Restricted to users with the '4chan' group (and admins).
|
||||
*/
|
||||
export default (router, tpl) => {
|
||||
|
||||
const COMMON_BOARDS = [
|
||||
{ id: 'wsg', name: 'Worksafe GIF', icon: 'fa-film' },
|
||||
{ id: 'gif', name: 'Adult GIF', icon: 'fa-video' },
|
||||
{ id: 'b', name: 'Random', icon: 'fa-dice' },
|
||||
{ id: 'v', name: 'Video Games', icon: 'fa-gamepad' },
|
||||
{ id: 'vg', name: 'Video Game Generals', icon: 'fa-gamepad' },
|
||||
{ id: 'a', name: 'Anime & Manga', icon: 'fa-tv' },
|
||||
{ id: 'g', name: 'Technology', icon: 'fa-microchip' },
|
||||
{ id: 'pol', name: 'Politically Incorrect', icon: 'fa-globe' },
|
||||
{ id: 'tv', name: 'Television & Film', icon: 'fa-tv' },
|
||||
{ id: 'mu', name: 'Music', icon: 'fa-music' },
|
||||
{ id: 'fit', name: 'Fitness', icon: 'fa-dumbbell' },
|
||||
{ id: 'ck', name: 'Food & Cooking', icon: 'fa-utensils' }
|
||||
];
|
||||
|
||||
/**
|
||||
* Helper to fetch data via curl respecting SOCKS5 proxy if configured.
|
||||
*/
|
||||
async function fetchWithProxy(url) {
|
||||
const curlArgs = [
|
||||
'-s', '-f', '-L',
|
||||
'-A', 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36',
|
||||
'--max-time', '30',
|
||||
url
|
||||
];
|
||||
if (cfg.main.socks && cfg.main.socks !== 'undefined' && cfg.main.socks !== '') {
|
||||
const proxyHost = cfg.main.socks.includes('://') ? cfg.main.socks.split('://')[1] : cfg.main.socks;
|
||||
curlArgs.push('--socks5-hostname', proxyHost);
|
||||
}
|
||||
const { stdout } = await queue.spawn('curl', curlArgs, { encoding: 'utf8' });
|
||||
const text = typeof stdout === 'string' ? stdout.trim() : stdout.toString().trim();
|
||||
if (!text.startsWith('{') && !text.startsWith('[')) {
|
||||
throw new Error(`Expected JSON from ${url}, got: ${text.slice(0, 100)}`);
|
||||
}
|
||||
return JSON.parse(text);
|
||||
}
|
||||
|
||||
function formatComment(com) {
|
||||
if (!com) return '';
|
||||
// Format quote lines
|
||||
let formatted = com.replace(/(?:^|<br\s*\/?>)((?:>|>)((?!>|>)[^\n<]+))/g, '$1<span class="chan-quote">>$2</span>');
|
||||
// Format post cross-references >>123456
|
||||
formatted = formatted.replace(/(?:>|>)>(\d+)/g, '<a href="#p$1" class="chan-ref" data-post="$1">>>$1</a>');
|
||||
return formatted;
|
||||
}
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 0. GET /4 -> redirect to default board catalogue
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
router.get(/^\/4\/?$/, lib.chanAuth, (req, res) => res.redirect('/4/wsg/catalogue'));
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 1. GET /4/:board/catalogue (and alias /4/:board/catalog)
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
router.get(/^\/4\/(?<board>[a-z0-9]+)\/(?:catalogue|catalog)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const board = req.params.board.toLowerCase();
|
||||
|
||||
try {
|
||||
const pages = await fetchWithProxy(`https://a.4cdn.org/${board}/catalog.json`);
|
||||
const threads = [];
|
||||
for (const page of pages) {
|
||||
for (const t of (page.threads || [])) {
|
||||
threads.push({
|
||||
no: t.no,
|
||||
sub: t.sub || '',
|
||||
com: t.com ? t.com.replace(/<br\s*\/?>/gi, ' ').replace(/<[^>]+>/g, '').slice(0, 180) : '',
|
||||
replies: t.replies || 0,
|
||||
images: t.images || 0,
|
||||
tim: t.tim,
|
||||
ext: t.ext,
|
||||
sticky: !!t.sticky,
|
||||
closed: !!t.closed,
|
||||
time: t.time,
|
||||
thumb: t.tim ? `/api/v2/scroller/external/4chan/${board}/media/${t.tim}s.jpg` : null
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const opUrls = [];
|
||||
threads.forEach(t => {
|
||||
if (t.tim && t.ext) {
|
||||
const ext = (t.ext || '').toLowerCase();
|
||||
opUrls.push(`https://i.4cdn.org/${board}/${t.tim}${t.ext}`);
|
||||
opUrls.push(`https://i.4cdn.org/${board}/${t.tim}${ext}`);
|
||||
opUrls.push(`http://i.4cdn.org/${board}/${t.tim}${t.ext}`);
|
||||
opUrls.push(`http://i.4cdn.org/${board}/${t.tim}${ext}`);
|
||||
opUrls.push(`/api/v2/scroller/external/4chan/${board}/media/${t.tim}${ext}`);
|
||||
}
|
||||
});
|
||||
const rehosts = {};
|
||||
if (opUrls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src FROM items WHERE src = ANY(${opUrls})`;
|
||||
rows.forEach(r => {
|
||||
rehosts[r.src] = r.id;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
});
|
||||
} catch (_) {}
|
||||
}
|
||||
threads.forEach(t => {
|
||||
t.local_id = (t.tim && rehosts[t.tim]) || (t.tim && t.ext && rehosts[`https://i.4cdn.org/${board}/${t.tim}${t.ext}`]) || null;
|
||||
});
|
||||
|
||||
const data = {
|
||||
board,
|
||||
threads,
|
||||
common_boards: COMMON_BOARDS,
|
||||
session: req.session ? { ...req.session } : false,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
page_meta: {
|
||||
title: `/${board}/ - Catalogue`,
|
||||
description: `4chan /${board}/ thread catalogue`,
|
||||
url: `https://${cfg.main.url.domain}/4/${board}/catalogue`
|
||||
}
|
||||
};
|
||||
|
||||
return res.reply({
|
||||
body: tpl.render('chan/catalogue', data, req)
|
||||
});
|
||||
} catch (err) {
|
||||
console.error(`[CHAN] Failed to fetch catalogue for /${board}/:`, err.message);
|
||||
return res.reply({
|
||||
code: 500,
|
||||
body: tpl.render('error', {
|
||||
message: `Could not load catalogue for /${board}/. The board may not exist or 4chan is currently unreachable.`,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
session: req.session ? { ...req.session } : false
|
||||
}, req)
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 2. GET /4/:board/:thread — Overview of all posts in that thread
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
router.get(/^\/4\/(?<board>[a-z0-9]+)\/(?<thread>\d+)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const board = req.params.board.toLowerCase();
|
||||
const tid = Number(req.params.thread);
|
||||
|
||||
try {
|
||||
const data = await fetchWithProxy(`https://a.4cdn.org/${board}/thread/${tid}.json`);
|
||||
const posts = data.posts || [];
|
||||
if (!posts.length) throw new Error('Empty thread data');
|
||||
|
||||
const op = posts[0];
|
||||
const mediaPosts = posts.filter(p => p.tim && p.ext);
|
||||
|
||||
// Check which media URLs are already rehosted on this platform
|
||||
const rehosts = {};
|
||||
const cdnUrls = [];
|
||||
mediaPosts.forEach(p => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`);
|
||||
});
|
||||
if (cdnUrls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src FROM items WHERE src = ANY(${cdnUrls})`;
|
||||
rows.forEach(r => {
|
||||
rehosts[r.src] = r.id;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('[CHAN] Rehost check error:', e.message);
|
||||
}
|
||||
}
|
||||
|
||||
// Find which rehosted items the current user has favorited
|
||||
const userFavSet = new Set();
|
||||
const rehostedIdList = Object.values(rehosts).map(Number).filter(Boolean);
|
||||
if (req.session?.id && rehostedIdList.length > 0) {
|
||||
try {
|
||||
const userFavs = await db`SELECT item_id FROM favorites WHERE user_id = ${req.session.id} AND item_id = ANY(${rehostedIdList})`;
|
||||
userFavs.forEach(f => userFavSet.add(Number(f.item_id)));
|
||||
} catch (_) {}
|
||||
}
|
||||
|
||||
// Format posts for template
|
||||
const formattedPosts = posts.map(p => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
const isVideo = ['.webm', '.mp4'].includes(ext);
|
||||
const isImage = ['.jpg', '.jpeg', '.png', '.gif', '.webp'].includes(ext);
|
||||
const externalMediaUrl = p.tim ? `https://i.4cdn.org/${board}/${p.tim}${ext}` : null;
|
||||
const localId = (p.tim && rehosts[p.tim]) || (externalMediaUrl && rehosts[externalMediaUrl]) || null;
|
||||
|
||||
return {
|
||||
no: p.no,
|
||||
sub: p.sub || '',
|
||||
com_raw: p.com || '',
|
||||
com_formatted: formatComment(p.com || ''),
|
||||
name: p.name || 'Anonymous',
|
||||
trip: p.trip || '',
|
||||
time: p.time,
|
||||
timeago: lib.timeAgo(p.time * 1000, req.lang || 'en'),
|
||||
date_str: p.now || new Date(p.time * 1000).toLocaleString(),
|
||||
has_media: !!(p.tim && p.ext),
|
||||
tim: p.tim,
|
||||
ext: ext,
|
||||
filename: p.filename ? `${p.filename}${ext}` : null,
|
||||
w: p.w,
|
||||
h: p.h,
|
||||
fsize: p.fsize ? lib.formatSize(p.fsize) : null,
|
||||
dest: p.tim ? `/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}` : null,
|
||||
thumb: p.tim ? `/api/v2/scroller/external/4chan/${board}/media/${p.tim}s.jpg` : null,
|
||||
external_media_url: externalMediaUrl,
|
||||
is_video: isVideo,
|
||||
is_image: isImage,
|
||||
local_id: localId,
|
||||
rehosted: !!localId,
|
||||
user_has_favorited: localId ? userFavSet.has(Number(localId)) : false
|
||||
};
|
||||
});
|
||||
|
||||
const firstMediaPost = formattedPosts.find(p => p.has_media);
|
||||
|
||||
const viewData = {
|
||||
board,
|
||||
tid,
|
||||
op,
|
||||
posts: formattedPosts,
|
||||
media_count: mediaPosts.length,
|
||||
first_media_no: firstMediaPost ? firstMediaPost.no : null,
|
||||
rehosts_count: Object.keys(rehosts).length,
|
||||
session: req.session ? { ...req.session } : false,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
page_meta: {
|
||||
title: `/${board}/${tid} - ${op.sub || 'Thread Overview'}`,
|
||||
description: op.sub || (op.com ? op.com.replace(/<[^>]+>/g, '').slice(0, 160) : `4chan /${board}/ thread ${tid}`),
|
||||
url: `https://${cfg.main.url.domain}/4/${board}/${tid}`
|
||||
}
|
||||
};
|
||||
|
||||
return res.reply({
|
||||
body: tpl.render('chan/thread', viewData, req)
|
||||
});
|
||||
} catch (err) {
|
||||
console.error(`[CHAN] Failed to load thread /${board}/${tid}:`, err.message);
|
||||
return res.reply({
|
||||
code: 404,
|
||||
body: tpl.render('error', {
|
||||
message: `Could not load thread /${board}/${tid}. It may be archived or 4chan is currently unreachable.`,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
session: req.session ? { ...req.session } : false
|
||||
}, req)
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 3. GET /4/:board/:thread/:post — Show media item in normal item view
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
router.get(/^\/4\/(?<board>[a-z0-9]+)\/(?<thread>\d+)\/(?<post>\d+)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const board = req.params.board.toLowerCase();
|
||||
const tid = Number(req.params.thread);
|
||||
const postNo = Number(req.params.post);
|
||||
|
||||
try {
|
||||
const threadData = await fetchWithProxy(`https://a.4cdn.org/${board}/thread/${tid}.json`);
|
||||
const posts = threadData.posts || [];
|
||||
if (!posts.length) throw new Error('Empty thread data');
|
||||
|
||||
const op = posts[0];
|
||||
const mediaPosts = posts.filter(p => p.tim && p.ext);
|
||||
if (!mediaPosts.length) {
|
||||
// No media at all in thread, redirect to thread overview
|
||||
return res.redirect(`/4/${board}/${tid}`);
|
||||
}
|
||||
|
||||
// Find target post
|
||||
let targetPost = mediaPosts.find(p => p.no === postNo);
|
||||
if (!targetPost) {
|
||||
// Post has no media or doesn't exist; pick closest or first media post
|
||||
targetPost = mediaPosts[0];
|
||||
}
|
||||
|
||||
// Check rehost status in DB
|
||||
const cdnUrls = [];
|
||||
mediaPosts.forEach(p => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`);
|
||||
});
|
||||
const rehosts = {};
|
||||
if (cdnUrls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src FROM items WHERE src = ANY(${cdnUrls})`;
|
||||
rows.forEach(r => {
|
||||
rehosts[r.src] = r.id;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('[CHAN] Rehost check error:', e.message);
|
||||
}
|
||||
}
|
||||
|
||||
const mediaIndex = mediaPosts.findIndex(p => p.no === targetPost.no);
|
||||
const prevMedia = mediaIndex > 0 ? mediaPosts[mediaIndex - 1] : null;
|
||||
const nextMedia = mediaIndex < mediaPosts.length - 1 ? mediaPosts[mediaIndex + 1] : null;
|
||||
|
||||
const ext = (targetPost.ext || '').toLowerCase();
|
||||
const isVideo = ['.webm', '.mp4'].includes(ext);
|
||||
const isImage = ['.jpg', '.jpeg', '.png', '.gif', '.webp'].includes(ext);
|
||||
const externalMediaUrl = targetPost.tim ? `https://i.4cdn.org/${board}/${targetPost.tim}${ext}` : null;
|
||||
const localId = (targetPost.tim && rehosts[targetPost.tim]) || (externalMediaUrl && rehosts[externalMediaUrl]) || null;
|
||||
|
||||
let itemRating = null;
|
||||
let itemTags = [];
|
||||
let canManage = false;
|
||||
let localDest = null;
|
||||
let localThumb = null;
|
||||
let localTitle = null;
|
||||
let itemFavorites = [];
|
||||
let userHasFavorited = false;
|
||||
if (localId) {
|
||||
try {
|
||||
const localItem = await db`SELECT id, username, dest, title, mime, width, height FROM items WHERE id = ${localId} LIMIT 1`;
|
||||
if (localItem.length > 0) {
|
||||
const li = localItem[0];
|
||||
if (li.title) localTitle = li.title;
|
||||
if (li.dest) {
|
||||
localDest = `/b/${li.dest}`;
|
||||
localThumb = `/t/${li.id}.webp`;
|
||||
}
|
||||
if (req.session) {
|
||||
canManage = !!((li.username && req.session.user && li.username.toLowerCase() === req.session.user.toLowerCase()) ||
|
||||
req.session.admin || req.session.is_moderator);
|
||||
}
|
||||
}
|
||||
itemTags = await lib.getTags(localId, req.session);
|
||||
const ratingTag = itemTags.find(t => ['sfw', 'nsfw', 'nsfl'].includes(t.normalized));
|
||||
if (ratingTag) itemRating = ratingTag.normalized;
|
||||
itemFavorites = await db`
|
||||
select "favorites".user_id, "user".user, "user".login, "user_options".avatar, "user_options".avatar_file, "user_options".display_name, "user_options".username_color, "user_options".hide_fav_badge, "anon_identities".fingerprint as anon_fingerprint
|
||||
from "favorites"
|
||||
left join "user" on "user".id = "favorites".user_id
|
||||
left join "user_options" on "user_options".user_id = "favorites".user_id
|
||||
left join "anon_identities" on "anon_identities".user_id = "favorites".user_id
|
||||
where "favorites".item_id = ${localId}
|
||||
`;
|
||||
userHasFavorited = lib.userHasFavorited(req.session, itemFavorites);
|
||||
} catch (e) {
|
||||
console.error('[CHAN] Failed to fetch tags for rehosted item:', e.message);
|
||||
}
|
||||
}
|
||||
|
||||
// Construct item matching f0ckm's standard item view expectations
|
||||
const item = {
|
||||
id: targetPost.no,
|
||||
slug: null,
|
||||
title: localTitle || targetPost.sub || op.sub || `/${board}/${tid} #${targetPost.no}`,
|
||||
dest: localDest || `/api/v2/scroller/external/4chan/${board}/media/${targetPost.tim}${ext}`,
|
||||
thumbnail: localThumb || `/api/v2/scroller/external/4chan/${board}/media/${targetPost.tim}s.jpg`,
|
||||
mime: isVideo ? (ext === '.mp4' ? 'video/mp4' : 'video/webm') : (ext === '.gif' ? 'image/gif' : (ext === '.png' ? 'image/png' : 'image/jpeg')),
|
||||
width: targetPost.w || null,
|
||||
height: targetPost.h || null,
|
||||
size: targetPost.fsize ? lib.formatSize(targetPost.fsize) : '0 B',
|
||||
username: targetPost.name || 'Anonymous',
|
||||
stamp: targetPost.time,
|
||||
timestamp: {
|
||||
timeago: lib.timeAgo(targetPost.time * 1000, req.lang || 'en'),
|
||||
timefull: new Date(targetPost.time * 1000).toISOString()
|
||||
},
|
||||
comment: targetPost.com ? targetPost.com.replace(/<br\s*\/?>/gi, '\n').replace(/<[^>]+>/g, '') : '',
|
||||
is_chan: true,
|
||||
external_board: board,
|
||||
external_tid: tid,
|
||||
external_id: targetPost.no,
|
||||
external_media_url: externalMediaUrl,
|
||||
original_filename: targetPost.filename ? `${targetPost.filename}${ext}` : null,
|
||||
local_id: localId,
|
||||
rehosted: !!localId,
|
||||
is_sfw: itemRating === 'sfw',
|
||||
is_nsfw: itemRating === 'nsfw',
|
||||
is_nsfl: itemRating === 'nsfl',
|
||||
is_untagged: !itemRating,
|
||||
favorites: itemFavorites,
|
||||
user_has_favorited: userHasFavorited,
|
||||
halls: [],
|
||||
user_halls: [],
|
||||
tags: itemTags
|
||||
};
|
||||
|
||||
// F0ckm convention: Next post (right arrow / D) corresponds to pagination.prev,
|
||||
// Previous post (left arrow / A) corresponds to pagination.next.
|
||||
const pagination = {
|
||||
prev: nextMedia ? nextMedia.no : null,
|
||||
next: prevMedia ? prevMedia.no : null
|
||||
};
|
||||
|
||||
const link = {
|
||||
main: `/4/${board}/${tid}/`,
|
||||
mainDisplay: `/4/${board}/${tid}/`,
|
||||
suffix: ''
|
||||
};
|
||||
|
||||
// Find which rehosted items the current user has favorited
|
||||
const userFavSet = new Set();
|
||||
const rehostedIdList = Object.values(rehosts).map(Number).filter(Boolean);
|
||||
if (req.session?.id && rehostedIdList.length > 0) {
|
||||
try {
|
||||
const userFavs = await db`SELECT item_id FROM favorites WHERE user_id = ${req.session.id} AND item_id = ANY(${rehostedIdList})`;
|
||||
userFavs.forEach(f => userFavSet.add(Number(f.item_id)));
|
||||
} catch (_) {}
|
||||
}
|
||||
|
||||
const chanMediaList = mediaPosts.map((p, idx) => {
|
||||
const pExt = (p.ext || '').toLowerCase();
|
||||
const pVid = ['.webm', '.mp4'].includes(pExt);
|
||||
const pUrl = `https://i.4cdn.org/${board}/${p.tim}${pExt}`;
|
||||
const pLocalId = (p.tim && rehosts[p.tim]) || (pUrl && rehosts[pUrl]) || null;
|
||||
return {
|
||||
no: p.no,
|
||||
tim: p.tim,
|
||||
ext: pExt,
|
||||
dest: `/api/v2/scroller/external/4chan/${board}/media/${p.tim}${pExt}`,
|
||||
thumb: `/api/v2/scroller/external/4chan/${board}/media/${p.tim}s.jpg`,
|
||||
is_video: pVid,
|
||||
is_image: !pVid,
|
||||
is_active: p.no === targetPost.no,
|
||||
index: idx + 1,
|
||||
local_id: pLocalId,
|
||||
rehosted: !!pLocalId,
|
||||
user_has_favorited: pLocalId ? userFavSet.has(Number(pLocalId)) : false,
|
||||
width: p.w || null,
|
||||
height: p.h || null
|
||||
};
|
||||
});
|
||||
|
||||
const chanThreadMeta = {
|
||||
board,
|
||||
tid,
|
||||
subject: op.sub || `Thread #${tid}`,
|
||||
active_post: targetPost.no,
|
||||
active_index: mediaIndex + 1,
|
||||
media_count: mediaPosts.length,
|
||||
media_posts: chanMediaList
|
||||
};
|
||||
|
||||
const data = {
|
||||
item,
|
||||
pagination,
|
||||
link,
|
||||
chan_thread: chanThreadMeta,
|
||||
session: req.session ? { ...req.session } : false,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
hidePagination: true,
|
||||
enable_item_title: true,
|
||||
enable_item_slugs: false,
|
||||
user_alternative_steuerung: req.session?.user_alternative_steuerung,
|
||||
user_alternative_infobox: req.session?.user_alternative_infobox,
|
||||
can_manage_item: canManage,
|
||||
can_extract_meta: !!(canManage && localId && item.mime && item.mime.indexOf('flash') === -1 && !(item.mime.startsWith('application/') && cfg.mimes[item.mime] && !['swf', 'pdf'].includes(cfg.mimes[item.mime]))),
|
||||
user_has_favorited: userHasFavorited,
|
||||
isSubscribed: false,
|
||||
item_username_lower: (item.username || '').toLowerCase(),
|
||||
item_rating_class: item.is_nsfl ? 'is-nsfl' : (item.is_nsfw ? 'is-nsfw' : (item.is_sfw ? 'is-sfw' : 'is-untagged')),
|
||||
item_rating_label: item.is_nsfl ? 'NSFL' : (item.is_nsfw ? 'NSFW' : (item.is_sfw ? 'SFW' : '?')),
|
||||
is_flash_item: false,
|
||||
is_archive_item: false,
|
||||
item_has_dimensions: !!(item.width && item.height),
|
||||
is_mod_or_admin: !!(req.session && (req.session.admin || req.session.is_moderator)),
|
||||
halls_enabled: false,
|
||||
default_layout: cfg.websrv?.default_layout || 'legacy',
|
||||
page_meta: {
|
||||
title: `/${board}/${tid}/${targetPost.no} - ${item.title}`,
|
||||
description: item.comment || `4chan media post #${targetPost.no} in /${board}/${tid}`,
|
||||
url: `https://${cfg.main.url.domain}/4/${board}/${tid}/${targetPost.no}`
|
||||
}
|
||||
};
|
||||
|
||||
// Handle AJAX requests from loadItemAjax
|
||||
const isAjax = req.headers['x-requested-with'] === 'XMLHttpRequest' ||
|
||||
req.url.qs?.ajax === '1' ||
|
||||
(req.headers.accept && req.headers.accept.includes('application/json'));
|
||||
|
||||
if (isAjax) {
|
||||
const isModern = req.session?.use_new_layout;
|
||||
const partialTpl = isModern ? 'item-partial-modern' : 'item-partial-legacy';
|
||||
const html = tpl.render(partialTpl, data, req);
|
||||
return res.reply({
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
success: true,
|
||||
html,
|
||||
item,
|
||||
pagination,
|
||||
chan_thread: chanThreadMeta
|
||||
})
|
||||
});
|
||||
}
|
||||
|
||||
// Standard full page render
|
||||
return res.reply({
|
||||
body: tpl.render('item', data, req)
|
||||
});
|
||||
} catch (err) {
|
||||
console.error(`[CHAN] Failed to load item /4/${board}/${tid}/${postNo}:`, err.message);
|
||||
const isAjax = req.headers['x-requested-with'] === 'XMLHttpRequest' ||
|
||||
req.url.qs?.ajax === '1' ||
|
||||
(req.headers.accept && req.headers.accept.includes('application/json'));
|
||||
if (isAjax) {
|
||||
return res.reply({
|
||||
code: 404,
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
success: false,
|
||||
message: `Could not load media post #${postNo} in /${board}/${tid}: ${err.message}`
|
||||
})
|
||||
});
|
||||
}
|
||||
return res.reply({
|
||||
code: 404,
|
||||
body: tpl.render('error', {
|
||||
message: `Could not load media post #${postNo} in /${board}/${tid}.`,
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
session: req.session ? { ...req.session } : false
|
||||
}, req)
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 4. GET /api/v2/chan/:board/:thread/media — Media list for thread (sidebar)
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
router.get(/^\/api\/v2\/chan\/(?<board>[a-z0-9]+)\/(?<thread>\d+)\/media\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const board = req.params.board.toLowerCase();
|
||||
const tid = Number(req.params.thread);
|
||||
|
||||
try {
|
||||
const threadData = await fetchWithProxy(`https://a.4cdn.org/${board}/thread/${tid}.json`);
|
||||
const posts = threadData.posts || [];
|
||||
const op = posts[0] || {};
|
||||
const mediaPosts = posts.filter(p => p.tim && p.ext);
|
||||
|
||||
const cdnUrls = [];
|
||||
mediaPosts.forEach(p => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`https://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdnUrls.push(`http://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdnUrls.push(`/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`);
|
||||
});
|
||||
const rehosts = {};
|
||||
if (cdnUrls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src FROM items WHERE src = ANY(${cdnUrls})`;
|
||||
rows.forEach(r => {
|
||||
rehosts[r.src] = r.id;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
});
|
||||
} catch (_) {}
|
||||
}
|
||||
|
||||
const media = mediaPosts.map((p, idx) => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
const isVideo = ['.webm', '.mp4'].includes(ext);
|
||||
const externalMediaUrl = `https://i.4cdn.org/${board}/${p.tim}${ext}`;
|
||||
return {
|
||||
no: p.no,
|
||||
tim: p.tim,
|
||||
ext,
|
||||
filename: p.filename ? `${p.filename}${ext}` : null,
|
||||
w: p.w,
|
||||
h: p.h,
|
||||
dest: `/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`,
|
||||
thumb: `/api/v2/scroller/external/4chan/${board}/media/${p.tim}s.jpg`,
|
||||
is_video: isVideo,
|
||||
is_image: !isVideo,
|
||||
index: idx + 1,
|
||||
local_id: (p.tim && rehosts[p.tim]) || (externalMediaUrl && rehosts[externalMediaUrl]) || null,
|
||||
rehosted: !!((p.tim && rehosts[p.tim]) || (externalMediaUrl && rehosts[externalMediaUrl]))
|
||||
};
|
||||
});
|
||||
|
||||
return res.reply({
|
||||
headers: { 'Content-Type': 'application/json', 'Cache-Control': 'max-age=60' },
|
||||
body: JSON.stringify({
|
||||
success: true,
|
||||
board,
|
||||
tid,
|
||||
subject: op.sub || `Thread #${tid}`,
|
||||
total: media.length,
|
||||
items: media,
|
||||
media
|
||||
})
|
||||
});
|
||||
} catch (err) {
|
||||
console.error(`[CHAN] Media API error for /${board}/${tid}:`, err.message);
|
||||
return res.reply({
|
||||
code: 500,
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ success: false, msg: 'Failed to fetch thread media' })
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return router;
|
||||
};
|
||||
+198
-30
@@ -5,6 +5,7 @@ import queue from "../queue.mjs";
|
||||
import { promises as fs } from "fs";
|
||||
import path from "path";
|
||||
import { getManualApproval, getBypassDuplicateCheck } from "../settings.mjs";
|
||||
import { applyWordFilter } from "../wordfilter.mjs";
|
||||
|
||||
/**
|
||||
* external.mjs — External source handlers (4chan threads, etc.)
|
||||
@@ -67,7 +68,7 @@ export default (router) => {
|
||||
|
||||
// GET /api/v2/scroller/external/4chan/:board/:tid
|
||||
// Proxies 4chan thread JSON
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/(?<tid>\d+)\/?$/, lib.loggedin, async (req, res) => {
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/(?<tid>\d+)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
if (!proxyRateLimit(req, res)) return;
|
||||
const { board, tid } = req.params || {};
|
||||
|
||||
@@ -86,11 +87,23 @@ export default (router) => {
|
||||
// Check which media URLs are already rehosted on this platform
|
||||
const rehosts = {};
|
||||
const mediaPosts = posts.filter(p => p.tim && p.ext);
|
||||
const cdn4Urls = mediaPosts.map(p => `https://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
const cdn4Urls = [];
|
||||
mediaPosts.forEach(p => {
|
||||
const ext = (p.ext || '').toLowerCase();
|
||||
cdn4Urls.push(`https://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdn4Urls.push(`https://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdn4Urls.push(`http://i.4cdn.org/${board}/${p.tim}${p.ext}`);
|
||||
cdn4Urls.push(`http://i.4cdn.org/${board}/${p.tim}${ext}`);
|
||||
cdn4Urls.push(`/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`);
|
||||
});
|
||||
if (cdn4Urls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src FROM items WHERE src IN (${cdn4Urls})`;
|
||||
rows.forEach(r => { rehosts[r.src] = r.id; });
|
||||
const rows = await db`SELECT id, src FROM items WHERE src = ANY(${cdn4Urls})`;
|
||||
rows.forEach(r => {
|
||||
rehosts[r.src] = r.id;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('[EXTERNAL] DB src check error:', e.message);
|
||||
}
|
||||
@@ -159,7 +172,7 @@ export default (router) => {
|
||||
|
||||
// GET /api/v2/scroller/external/4chan/:board/catalog
|
||||
// Proxies 4chan board catalog JSON
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/catalog\/?$/, lib.loggedin, async (req, res) => {
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/catalog\/?$/, lib.chanAuth, async (req, res) => {
|
||||
if (!proxyRateLimit(req, res)) return;
|
||||
const { board } = req.params || {};
|
||||
if (!board) return res.reply({ code: 400, body: JSON.stringify({ success: false }) });
|
||||
@@ -197,7 +210,7 @@ export default (router) => {
|
||||
|
||||
// GET /api/v2/scroller/external/4chan/:board/find/:postno
|
||||
// Resolves a post number to its parent thread ID
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/find\/(?<postno>\d+)\/?$/, lib.loggedin, async (req, res) => {
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/find\/(?<postno>\d+)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
if (!proxyRateLimit(req, res)) return;
|
||||
const { board, postno } = req.params || {};
|
||||
if (!board || !postno) return res.reply({ code: 400, body: JSON.stringify({ success: false }) });
|
||||
@@ -259,7 +272,7 @@ export default (router) => {
|
||||
// F-001: Allowed file extensions for the media proxy (prevents abuse as generic proxy)
|
||||
const ALLOWED_MEDIA_EXTS = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'webm', 'mp4'];
|
||||
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/media\/(?<file>[^/]+)$/, lib.loggedin, async (req, res) => {
|
||||
router.get(/^\/api\/v2\/scroller\/external\/4chan\/(?<board>[a-z0-9]+)\/media\/(?<file>[^/]+)$/, lib.chanAuth, async (req, res) => {
|
||||
if (!proxyRateLimit(req, res)) return;
|
||||
const { board, file } = req.params || {};
|
||||
|
||||
@@ -318,8 +331,8 @@ export default (router) => {
|
||||
|
||||
// POST /api/v2/scroller/rehost
|
||||
// Downloads an external item and adds it to the platform
|
||||
router.post(/^\/api\/v2\/scroller\/rehost\/?$/, lib.loggedin, async (req, res) => {
|
||||
const { url, rating: initialRating, tags: tagsRaw, comment, is_oc, original_filename } = req.post || {};
|
||||
router.post(/^\/api\/v2\/scroller\/rehost\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const { url, rating: initialRating, tags: tagsRaw, comment, is_oc, original_filename, width: postWidth, height: postHeight } = req.post || {};
|
||||
|
||||
if (!url) return res.reply({ code: 400, body: JSON.stringify({ success: false, msg: 'URL is required' }) });
|
||||
|
||||
@@ -335,13 +348,11 @@ export default (router) => {
|
||||
|| url.match(/\/4chan\/([a-z0-9]+)\/media\//)?.[1]
|
||||
|| null;
|
||||
|
||||
let rating = initialRating;
|
||||
if (board === 'gif') rating = 'nsfw';
|
||||
else if (board === 'wsg') rating = 'sfw';
|
||||
|
||||
if (!rating || !['sfw', 'nsfw', 'nsfl'].includes(rating)) {
|
||||
return res.reply({ code: 400, body: JSON.stringify({ success: false, msg: 'Rating is required' }) });
|
||||
}
|
||||
// Rating is optional: do not force sfw/nsfw based on board
|
||||
const validRatings = ['sfw', 'nsfw', 'nsfl'];
|
||||
const rating = (initialRating && validRatings.includes(String(initialRating).toLowerCase()))
|
||||
? String(initialRating).toLowerCase()
|
||||
: null;
|
||||
|
||||
const session = req.session;
|
||||
|
||||
@@ -418,6 +429,29 @@ export default (router) => {
|
||||
}
|
||||
}
|
||||
|
||||
let itemWidth = Number(postWidth) || null;
|
||||
let itemHeight = Number(postHeight) || null;
|
||||
if (!itemWidth || !itemHeight) {
|
||||
try {
|
||||
if (mime.startsWith('image/')) {
|
||||
const { stdout: magickOut } = await queue.spawn('magick', [
|
||||
'identify', '-format', '%wx%h\n', finalTmp + '[0]'
|
||||
], { quiet: true, ignoreExitCode: true });
|
||||
const m = magickOut.trim().split('\n')[0].match(/^(\d+)x(\d+)$/);
|
||||
if (m) { itemWidth = parseInt(m[1], 10); itemHeight = parseInt(m[2], 10); }
|
||||
} else if (mime.startsWith('video/')) {
|
||||
const { stdout: probeOut } = await queue.spawn('ffprobe', [
|
||||
'-v', 'error', '-select_streams', 'v:0', '-show_entries', 'stream=width,height', '-of', 'csv=p=0', finalTmp
|
||||
], { quiet: true, ignoreExitCode: true });
|
||||
const parts = probeOut.trim().split(',');
|
||||
if (parts.length >= 2) {
|
||||
const w = parseInt(parts[0], 10), h = parseInt(parts[1], 10);
|
||||
if (w > 0 && h > 0) { itemWidth = w; itemHeight = h; }
|
||||
}
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
const filename = `${uuid}.${ext}`;
|
||||
const isApprovalRequired = getManualApproval();
|
||||
const destDir = isApprovalRequired ? path.join(cfg.paths.pending, 'b') : cfg.paths.b;
|
||||
@@ -442,8 +476,10 @@ export default (router) => {
|
||||
active: !isApprovalRequired,
|
||||
is_oc: !!is_oc,
|
||||
original_filename: original_filename || null,
|
||||
width: itemWidth,
|
||||
height: itemHeight,
|
||||
slug: lib.generateSlug(11)
|
||||
}, 'src', 'dest', 'mime', 'size', 'checksum', 'phash', 'username', 'userchannel', 'usernetwork', 'stamp', 'active', 'is_oc', 'original_filename', 'slug')}
|
||||
}, 'src', 'dest', 'mime', 'size', 'checksum', 'phash', 'username', 'userchannel', 'usernetwork', 'stamp', 'active', 'is_oc', 'original_filename', 'width', 'height', 'slug')}
|
||||
RETURNING id
|
||||
`;
|
||||
|
||||
@@ -462,16 +498,14 @@ export default (router) => {
|
||||
console.error('[REHOST] Thumbnail error:', err);
|
||||
}
|
||||
|
||||
// Tags
|
||||
const ratingTagId = rating === 'sfw' ? 1 : (rating === 'nsfw' ? 2 : (cfg.nsfl_tag_id || 3));
|
||||
await db`insert into tags_assign ${db({ item_id: itemid, tag_id: ratingTagId, user_id: session.id })} on conflict do nothing`;
|
||||
// Tags: Only assign rating tag if explicitly specified; do NOT auto-tag board or sfw/nsfw
|
||||
if (rating) {
|
||||
const ratingTagId = rating === 'sfw' ? 1 : (rating === 'nsfw' ? 2 : (cfg.nsfl_tag_id || 3));
|
||||
await db`insert into tags_assign ${db({ item_id: itemid, tag_id: ratingTagId, user_id: session.id })} on conflict do nothing`;
|
||||
}
|
||||
|
||||
const tags = tagsRaw ? tagsRaw.split(',').map(t => t.trim()).filter(Boolean) : [];
|
||||
// Board tag in chan-style format e.g. /gif/, /wsg/
|
||||
if (board) tags.push(`/${board}/`);
|
||||
// Auto-tag rating based on board
|
||||
if (board === 'wsg') tags.push('sfw');
|
||||
else if (board === 'gif') tags.push('nsfw');
|
||||
const rawList = Array.isArray(tagsRaw) ? tagsRaw : (typeof tagsRaw === 'string' ? tagsRaw.split(',') : []);
|
||||
const tags = rawList.map(t => t.trim()).filter(t => t.length > 0 && !['sfw', 'nsfw', 'nsfl'].includes(t.toLowerCase()));
|
||||
for (const tagName of tags) {
|
||||
let tagRow = await db`select id from tags where normalized = slugify(${tagName}) limit 1`;
|
||||
if (tagRow.length === 0) {
|
||||
@@ -483,9 +517,21 @@ export default (router) => {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Insert optional first comment if provided
|
||||
if (comment && typeof comment === 'string' && comment.trim().length > 0) {
|
||||
try {
|
||||
const filteredComment = await applyWordFilter(comment.trim());
|
||||
await db`
|
||||
INSERT INTO comments ${db({
|
||||
item_id: itemid,
|
||||
user_id: session.id,
|
||||
content: filteredComment
|
||||
})}
|
||||
`;
|
||||
} catch (err) {
|
||||
console.error('[REHOST] Comment insert error:', err);
|
||||
}
|
||||
}
|
||||
|
||||
await db`INSERT INTO notifications (user_id, type, reference_id, item_id) VALUES (${session.id}, 'upload_success', 0, ${itemid})`;
|
||||
|
||||
@@ -498,7 +544,7 @@ export default (router) => {
|
||||
mime: mime,
|
||||
username: session.user,
|
||||
display_name: session.display_name || null,
|
||||
tag_id: rating === 'sfw' ? 1 : (rating === 'nsfw' ? 2 : (cfg.nsfl_tag_id || 3)),
|
||||
tag_id: rating ? (rating === 'sfw' ? 1 : (rating === 'nsfw' ? 2 : (cfg.nsfl_tag_id || 3))) : 0,
|
||||
is_oc: false,
|
||||
is_album: false,
|
||||
album_count: 0
|
||||
@@ -542,5 +588,127 @@ export default (router) => {
|
||||
}
|
||||
});
|
||||
|
||||
// GET /api/v2/scroller/rehost/details/:id
|
||||
// Retrieve current rating and tags for a rehosted item
|
||||
router.get(/^\/api\/v2\/scroller\/rehost\/details\/(?<id>\d+)\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const itemId = Number(req.params.id);
|
||||
try {
|
||||
const tags = await lib.getTags(itemId, req.session);
|
||||
const ratingTag = tags.find(t => ['sfw', 'nsfw', 'nsfl'].includes(t.normalized));
|
||||
const rating = ratingTag ? ratingTag.normalized : 'untagged';
|
||||
const userTags = tags.filter(t => !['sfw', 'nsfw', 'nsfl'].includes(t.normalized)).map(t => t.tag);
|
||||
return res.reply({
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ success: true, item_id: itemId, rating, tags: userTags })
|
||||
});
|
||||
} catch (err) {
|
||||
return res.reply({
|
||||
code: 500,
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ success: false, msg: err.message })
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// POST /api/v2/scroller/rehost/details
|
||||
// Set rating, add tags, and or post a comment directly on a rehosted item
|
||||
router.post(/^\/api\/v2\/scroller\/rehost\/details\/?$/, lib.chanAuth, async (req, res) => {
|
||||
const session = req.session;
|
||||
if (!session || !session.user) {
|
||||
return res.reply({ code: 401, body: JSON.stringify({ success: false, msg: 'Unauthorized' }) });
|
||||
}
|
||||
|
||||
const { item_id, rating, tags, comment } = req.post || {};
|
||||
const itemId = parseInt(item_id, 10);
|
||||
if (!itemId || isNaN(itemId)) {
|
||||
return res.reply({ code: 400, body: JSON.stringify({ success: false, msg: 'Valid item_id is required' }) });
|
||||
}
|
||||
|
||||
try {
|
||||
const rows = await db`SELECT id, username FROM items WHERE id = ${itemId} AND active = true AND is_deleted = false LIMIT 1`;
|
||||
if (!rows.length) {
|
||||
return res.reply({ code: 404, body: JSON.stringify({ success: false, msg: 'Item not found' }) });
|
||||
}
|
||||
|
||||
const isOwner = !!(rows[0].username && session.user && rows[0].username.toLowerCase() === session.user.toLowerCase());
|
||||
const isAdmin = !!(session.admin || session.is_moderator);
|
||||
if (!isOwner && !isAdmin) {
|
||||
return res.reply({ code: 403, body: JSON.stringify({ success: false, msg: 'Unauthorized' }) });
|
||||
}
|
||||
|
||||
// 1. Update Rating if provided
|
||||
if (rating !== undefined && rating !== null && rating !== '') {
|
||||
const r = String(rating).toLowerCase().trim();
|
||||
const nsflTagRow = await db`SELECT id FROM tags WHERE normalized = 'nsfl' LIMIT 1`;
|
||||
const nsflId = nsflTagRow.length > 0 ? nsflTagRow[0].id : (cfg.nsfl_tag_id || 11517);
|
||||
|
||||
await db`
|
||||
DELETE FROM tags_assign
|
||||
WHERE item_id = ${itemId}
|
||||
AND (tag_id IN (1, 2, ${nsflId}) OR tag_id IN (SELECT id FROM tags WHERE normalized IN ('sfw', 'nsfw', 'nsfl')))
|
||||
`;
|
||||
|
||||
if (r === 'sfw') {
|
||||
await db`INSERT INTO tags_assign ${db({ item_id: itemId, tag_id: 1, user_id: session.id })} ON CONFLICT DO NOTHING`;
|
||||
} else if (r === 'nsfw') {
|
||||
await db`INSERT INTO tags_assign ${db({ item_id: itemId, tag_id: 2, user_id: session.id })} ON CONFLICT DO NOTHING`;
|
||||
} else if (r === 'nsfl') {
|
||||
await db`INSERT INTO tags_assign ${db({ item_id: itemId, tag_id: nsflId, user_id: session.id })} ON CONFLICT DO NOTHING`;
|
||||
}
|
||||
// If r === 'untagged', no rating tag is inserted
|
||||
}
|
||||
|
||||
// 2. Add Tags if provided
|
||||
const rawList = Array.isArray(tags) ? tags : (typeof tags === 'string' ? tags.split(',') : []);
|
||||
const cleanTags = rawList.map(t => t.trim()).filter(t => t.length > 0 && !['sfw', 'nsfw', 'nsfl'].includes(t.toLowerCase()));
|
||||
for (const tagName of cleanTags) {
|
||||
let tagRow = await db`SELECT id FROM tags WHERE normalized = slugify(${tagName}) LIMIT 1`;
|
||||
if (tagRow.length === 0) {
|
||||
await db`INSERT INTO tags ${db({ tag: tagName }, 'tag')} ON CONFLICT DO NOTHING`;
|
||||
tagRow = await db`SELECT id FROM tags WHERE normalized = slugify(${tagName}) LIMIT 1`;
|
||||
}
|
||||
if (tagRow.length) {
|
||||
await db`INSERT INTO tags_assign ${db({ item_id: itemId, tag_id: tagRow[0].id, user_id: session.id })} ON CONFLICT DO NOTHING`;
|
||||
}
|
||||
}
|
||||
if (cleanTags.length > 0) {
|
||||
const freshTags = await lib.getTags(itemId, session);
|
||||
await db.notify('tags', JSON.stringify({ item_id: itemId, fresh: true, tags: freshTags }));
|
||||
}
|
||||
|
||||
// 3. Add Comment if provided
|
||||
if (comment && typeof comment === 'string' && comment.trim().length > 0) {
|
||||
const filteredComment = await applyWordFilter(comment.trim());
|
||||
await db`
|
||||
INSERT INTO comments ${db({
|
||||
item_id: itemId,
|
||||
user_id: session.id,
|
||||
content: filteredComment
|
||||
})}
|
||||
`;
|
||||
}
|
||||
|
||||
const freshTags = await lib.getTags(itemId, session);
|
||||
const ratingTag = freshTags.find(t => ['sfw', 'nsfw', 'nsfl'].includes(t.normalized));
|
||||
|
||||
return res.reply({
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
success: true,
|
||||
item_id: itemId,
|
||||
rating: ratingTag ? ratingTag.normalized : 'untagged',
|
||||
tags: freshTags.filter(t => !['sfw', 'nsfw', 'nsfl'].includes(t.normalized)).map(t => t.tag)
|
||||
})
|
||||
});
|
||||
} catch (err) {
|
||||
console.error('[REHOST-DETAILS] Error:', err);
|
||||
return res.reply({
|
||||
code: 500,
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ success: false, msg: 'Failed to save details' })
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return router;
|
||||
};
|
||||
|
||||
@@ -371,8 +371,13 @@ export default (router, tpl) => {
|
||||
data.item.otherHalls = [];
|
||||
}
|
||||
if (req.session || !cfg.main.hide_comments_from_public) {
|
||||
// Mark notifications as read
|
||||
if (req.session?.id) {
|
||||
const isPrefetch = !!(
|
||||
req.headers?.['x-purpose'] === 'prefetch' ||
|
||||
req.headers?.['purpose'] === 'prefetch' ||
|
||||
req.headers?.['sec-purpose'] === 'prefetch'
|
||||
);
|
||||
// Mark notifications as read (only when actually viewed, not on prefetch)
|
||||
if (req.session?.id && !isPrefetch) {
|
||||
f0cklib.markNotificationsRead(req.session.id, req.params.itemid).catch(() => {});
|
||||
}
|
||||
// Subscription status — just a boolean, cheap to embed
|
||||
@@ -652,7 +657,7 @@ export default (router, tpl) => {
|
||||
|
||||
// Generic router for everything else (Index, Tags, standard User Grids)
|
||||
// We exclude static paths (/s/, /b/, /t/, /ca/, /a/, system routes) to prevent the greedy regex from intercepting them.
|
||||
router.get(/^(?!\/(s|b|t|ca|a|login|register|settings|about|terms|rules|api|logout|auth|admin|comments|notifications|feed)\/)\/?(?:\/tag\/(?<tag>.+?))?(?:\/h\/(?<hall>.+?))?(?:\/user\/(?<user>.+?)\/(?<mode>f0cks|uploads|favs))?(?:\/(?<mime>(?:video|audio|image)(?:,(?:video|audio|image))*))?(?:\/p\/(?<page>\d+))?(?:\/(?<itemid>[a-zA-Z0-9_-]{11}|\d+))?\/?(?:\?.*)?$/, handleGenericRoute);
|
||||
router.get(/^(?!\/(s|b|t|ca|a|4|login|register|settings|about|terms|rules|api|logout|auth|admin|comments|notifications|feed)\/)\/?(?:\/tag\/(?<tag>.+?))?(?:\/h\/(?<hall>.+?))?(?:\/user\/(?<user>.+?)\/(?<mode>f0cks|uploads|favs))?(?:\/(?<mime>(?:video|audio|image)(?:,(?:video|audio|image))*))?(?:\/p\/(?<page>\d+))?(?:\/(?<itemid>[a-zA-Z0-9_-]{11}|\d+))?\/?(?:\?.*)?$/, handleGenericRoute);
|
||||
/* </routing-refactor> */
|
||||
|
||||
router.get(/^\/(about)$/, (req, res) => {
|
||||
|
||||
@@ -235,7 +235,12 @@ export default (router, tpl) => {
|
||||
}
|
||||
|
||||
if (req.session || !cfg.main.hide_comments_from_public) {
|
||||
if (req.session?.id) f0cklib.markNotificationsRead(req.session.id, req.params.itemid).catch(() => {});
|
||||
const isPrefetch = !!(
|
||||
req.headers?.['x-purpose'] === 'prefetch' ||
|
||||
req.headers?.['purpose'] === 'prefetch' ||
|
||||
req.headers?.['sec-purpose'] === 'prefetch'
|
||||
);
|
||||
if (req.session?.id && !isPrefetch) f0cklib.markNotificationsRead(req.session.id, req.params.itemid).catch(() => {});
|
||||
data.isSubscribed = req.session ? await f0cklib.getSubscriptionStatus(req.session.id, req.params.itemid) : false;
|
||||
|
||||
// xD Score
|
||||
|
||||
+16
-2
@@ -604,6 +604,7 @@ process.on('uncaughtException', err => {
|
||||
const runMigration = async (query) => {
|
||||
try { await query; } catch (e) { /* ignore if table doesn't exist yet */ }
|
||||
};
|
||||
await runMigration(db`ALTER TABLE "user" ADD COLUMN IF NOT EXISTS groups text[] DEFAULT '{}'`);
|
||||
await runMigration(db`ALTER TABLE user_options ADD COLUMN IF NOT EXISTS banner_file character varying(255) DEFAULT NULL`);
|
||||
await runMigration(db`ALTER TABLE user_options ADD COLUMN IF NOT EXISTS banner_position character varying(50) DEFAULT 'center'`);
|
||||
await runMigration(db`ALTER TABLE user_options ADD COLUMN IF NOT EXISTS banner_size character varying(50) DEFAULT 'cover'`);
|
||||
@@ -989,7 +990,7 @@ process.on('uncaughtException', err => {
|
||||
user = [_cachedRow];
|
||||
} else {
|
||||
user = await db`
|
||||
select "user".id, "user".login, "user".user, "user".admin, "user".is_moderator, "user".banned, "user".ban_reason, "user".ban_expires, "user".force_password_change, "user_sessions".id as sess_id, "user_sessions".csrf_token, "user_options".mode, "user_options".theme, "user_options".fullscreen, "user_options".excluded_tags, "user_options".avatar, "user_options".avatar_file, "user_options".banner_file, "user_options".banner_position, "user_options".banner_size, "user_options".banner_repeat, "user_options".show_motd, "user_options".strict_mode, "user_options".show_background, "user_options".use_new_layout, "user_options".username_color, "user_options".font, "user_options".disable_autoplay, "user_options".disable_swiping, "user_options".favorites_private, "user_options".hide_fav_badge, "user_options".default_upload_visibility, "user_options".description, "user_options".display_name, COALESCE("user_options".min_xd_score, 0) as min_xd_score, "user_options".ruffle_volume, "user_options".ruffle_background, "user_options".quote_emojis, "user_options".embed_youtube_in_comments, "user_options".hide_koepfe, "user_options".language, "user_options".use_alternative_infobox, "user_options".use_alternative_steuerung, "user_options".receive_system_notifications, "user_options".receive_user_notifications, "user_options".do_not_disturb, "user_options".comment_display_mode, "user_options".force_comment_display_mode, "anon_identities".fingerprint as anon_fingerprint
|
||||
select "user".id, "user".login, "user".user, "user".admin, "user".is_moderator, "user".groups, "user".banned, "user".ban_reason, "user".ban_expires, "user".force_password_change, "user_sessions".id as sess_id, "user_sessions".csrf_token, "user_options".mode, "user_options".theme, "user_options".fullscreen, "user_options".excluded_tags, "user_options".avatar, "user_options".avatar_file, "user_options".banner_file, "user_options".banner_position, "user_options".banner_size, "user_options".banner_repeat, "user_options".show_motd, "user_options".strict_mode, "user_options".show_background, "user_options".use_new_layout, "user_options".username_color, "user_options".font, "user_options".disable_autoplay, "user_options".disable_swiping, "user_options".favorites_private, "user_options".hide_fav_badge, "user_options".default_upload_visibility, "user_options".description, "user_options".display_name, COALESCE("user_options".min_xd_score, 0) as min_xd_score, "user_options".ruffle_volume, "user_options".ruffle_background, "user_options".quote_emojis, "user_options".embed_youtube_in_comments, "user_options".hide_koepfe, "user_options".language, "user_options".use_alternative_infobox, "user_options".use_alternative_steuerung, "user_options".receive_system_notifications, "user_options".receive_user_notifications, "user_options".do_not_disturb, "user_options".comment_display_mode, "user_options".force_comment_display_mode, "anon_identities".fingerprint as anon_fingerprint
|
||||
from "user_sessions"
|
||||
left join "user" on "user".id = "user_sessions".user_id
|
||||
left join "user_options" on "user_options".user_id = "user_sessions".user_id
|
||||
@@ -1024,6 +1025,9 @@ process.on('uncaughtException', err => {
|
||||
}
|
||||
}
|
||||
// csrf_token is loaded from user_sessions table via the session query above
|
||||
if (req.session) {
|
||||
req.session.can_chan = !!(req.session.admin || (Array.isArray(req.session.groups) && req.session.groups.includes('4chan')));
|
||||
}
|
||||
|
||||
// Ban check (Session)
|
||||
if (req.session && req.session.banned && !req.url.pathname.match(/^\/(banned|logout)(\/)?$/)) {
|
||||
@@ -1114,7 +1118,7 @@ process.on('uncaughtException', err => {
|
||||
// Validate that the original session matches the current admin cookie
|
||||
if (impData.orig && impData.orig === lib.sha256(req.cookies.session)) {
|
||||
const targetRow = await db`
|
||||
SELECT "user".id, "user".login, "user".user, "user".admin, "user".is_moderator, "user".banned, "user".ban_reason, "user".ban_expires, "user".force_password_change,
|
||||
SELECT "user".id, "user".login, "user".user, "user".admin, "user".is_moderator, "user".groups, "user".banned, "user".ban_reason, "user".ban_expires, "user".force_password_change,
|
||||
"user_options".mode, "user_options".theme, "user_options".fullscreen, "user_options".excluded_tags, "user_options".avatar, "user_options".avatar_file,
|
||||
"user_options".show_motd, "user_options".strict_mode, "user_options".show_background, "user_options".use_new_layout, "user_options".username_color,
|
||||
"user_options".font, "user_options".disable_autoplay, "user_options".disable_swiping, "user_options".favorites_private, "user_options".hide_fav_badge,
|
||||
@@ -1956,6 +1960,7 @@ process.on('uncaughtException', err => {
|
||||
return (c !== undefined && c !== null) ? !!c : null;
|
||||
},
|
||||
is_onara_item: false,
|
||||
can_extract_meta: false,
|
||||
enable_private_uploads: cfg.enable_private_uploads !== false,
|
||||
get enable_expiring_uploads() { return getEnableExpiringUploads(); },
|
||||
get enable_item_slugs() { return getEnableItemSlugs(); },
|
||||
@@ -2115,6 +2120,13 @@ process.on('uncaughtException', err => {
|
||||
const activeSession = activeReq?.session || data?.session || null;
|
||||
const isAnonymized = isAnonymizeSession(activeSession);
|
||||
const anonAnonymize = getAnonAnonymize();
|
||||
const canChan = !!(activeSession && (activeSession.admin || (Array.isArray(activeSession.groups) && activeSession.groups.includes('4chan'))));
|
||||
if (activeSession && typeof activeSession === 'object') {
|
||||
activeSession.can_chan = canChan;
|
||||
}
|
||||
if (data && data.item && typeof data.item.size === 'number') {
|
||||
data.item.size = lib.formatSize(data.item.size);
|
||||
}
|
||||
|
||||
data = Object.assign({}, globals, data || {}, {
|
||||
t: perRequestT,
|
||||
@@ -2122,6 +2134,8 @@ process.on('uncaughtException', err => {
|
||||
recaptcha_enabled: perRequestRecaptcha,
|
||||
is_anonymized: isAnonymized,
|
||||
anon_anonymize: anonAnonymize,
|
||||
can_chan: canChan,
|
||||
item_has_dimensions: !!(data && data.item && data.item.width && data.item.height),
|
||||
user_alternative_infobox: useAltInfobox,
|
||||
user_alternative_steuerung: useAltSteuerung,
|
||||
user_banner_enabled: cfg.websrv.user_banner_enabled !== false,
|
||||
|
||||
@@ -926,6 +926,40 @@
|
||||
}
|
||||
}, { hideReason: true, confirmText: 'Apply Role', unsafeContent: true });
|
||||
}
|
||||
|
||||
async function adminSetGroups(btn) {
|
||||
var id = btn.dataset.id;
|
||||
var userName = btn.dataset.name;
|
||||
var currentGroups = (btn.dataset.groups || '').split(',').map(function(s) { return s.trim().toLowerCase(); }).filter(Boolean);
|
||||
var is4chan = currentGroups.indexOf('4chan') !== -1;
|
||||
|
||||
var hint = 'Manage groups for <strong>' + escHTML(userName) + '</strong>:<br><br>' +
|
||||
'<label style="display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;background:rgba(255,255,255,0.05);border-radius:6px;border:1px solid rgba(255,255,255,0.1);">' +
|
||||
'<input type="checkbox" id="group-4chan-checkbox" value="4chan"' + (is4chan ? ' checked' : '') + ' style="width:18px;height:18px;accent-color:#4ade80;cursor:pointer;">' +
|
||||
'<span><strong style="color:#4ade80;">🍀 4chan</strong> — Grants access to the 4chan catalogue, thread viewer, and rehosting</span>' +
|
||||
'</label>';
|
||||
|
||||
ModAction.confirm('Manage Groups', hint, async () => {
|
||||
var chk = document.getElementById('group-4chan-checkbox') || document.querySelector('#mod-action-content input[type="checkbox"]');
|
||||
var newGroups = [];
|
||||
if (chk && chk.checked) newGroups.push('4chan');
|
||||
|
||||
var res = await fetch('/api/v2/admin/users/set-groups', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': window.f0ckSession?.csrf_token },
|
||||
body: JSON.stringify({ user_id: id, groups: newGroups })
|
||||
});
|
||||
var data = await res.json();
|
||||
if (data.success) {
|
||||
showFlash(data.msg, 'success');
|
||||
btn.dataset.groups = newGroups.join(',');
|
||||
var labelEl = document.querySelector('.groups-label-' + id);
|
||||
if (labelEl) labelEl.textContent = newGroups.indexOf('4chan') !== -1 ? '4chan' : 'Groups';
|
||||
} else {
|
||||
throw new Error(data.msg || 'Failed to update groups');
|
||||
}
|
||||
}, { hideReason: true, confirmText: 'Save Groups', unsafeContent: true });
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
<button data-id="{{ u.id }}" data-name="{!! u.user !!}" data-username="{{ u.login }}" onclick="adminSetPassword(this)" class="btn-modern btn-pw" style="background: rgba(var(--accent-rgb, 0, 150, 255), 0.1); color: var(--accent, #0096ff); border: 1px solid rgba(var(--accent-rgb, 0, 150, 255), 0.2);">Set PW</button>
|
||||
<button data-id="{{ u.id }}" data-name="{!! u.user !!}" data-username="{{ u.login }}" data-locked="{{ u.force_comment_display_mode }}" data-mode="{{ u.comment_display_mode }}" onclick="adminLockLayout(this)" class="btn-modern" style="background: rgba(255, 100, 0, 0.1); color: #ff6400; border: 1px solid rgba(255, 100, 0, 0.2);" title="{{ u.force_comment_display_mode ? 'Unlock Layout' : 'Lock Layout' }}"><i class="fa fa-{{ u.force_comment_display_mode ? 'lock-open' : 'lock' }}"></i> {{ u.force_comment_display_mode ? 'Unlock' : 'Lock' }}</button>
|
||||
<button data-id="{{ u.id }}" data-name="{!! u.user !!}" data-username="{{ u.login }}" data-role="{{ u.admin ? 'admin' : (u.is_moderator ? 'mod' : 'user') }}" onclick="adminSetRole(this)" class="btn-modern btn-role" id="role-btn-{{ u.id }}" title="Change user role"><i class="fa fa-shield-halved"></i> <span class="role-label-{{ u.id }}">{{ u.admin ? 'Admin' : (u.is_moderator ? 'Mod' : 'User') }}</span></button>
|
||||
<button data-id="{{ u.id }}" data-name="{!! u.user !!}" data-username="{{ u.login }}" data-groups="{{ (u.groups || []).join(',') }}" onclick="adminSetGroups(this)" class="btn-modern btn-groups" id="groups-btn-{{ u.id }}" style="background: rgba(74, 222, 128, 0.1); color: #4ade80; border: 1px solid rgba(74, 222, 128, 0.2);" title="Manage user groups"><i class="fa-solid fa-clover"></i> <span class="groups-label-{{ u.id }}">{{ (u.groups && u.groups.includes('4chan')) ? '4chan' : 'Groups' }}</span></button>
|
||||
<button data-id="{{ u.id }}" data-name="{!! u.user !!}" data-username="{{ u.login }}" onclick="adminDeleteUser(this)" class="btn-modern btn-delete" style="background: rgba(217, 83, 79, 0.1); color: #d9534f; border: 1px solid rgba(217, 83, 79, 0.2);">Delete</button>
|
||||
@elseif(u.login === 'deleted_user')
|
||||
<span style="font-size: 0.8rem; color: #666; font-style: italic; padding: 5px 10px;">Protected System Account</span>
|
||||
|
||||
@@ -0,0 +1,480 @@
|
||||
@include(snippets/header)
|
||||
<div class="pagewrapper">
|
||||
<div id="main" class="chan-page chan-catalogue-page">
|
||||
<div class="chan-header-bar">
|
||||
<div class="chan-brand-title">
|
||||
<span class="chan-clover-icon"><i class="fa-solid fa-clover"></i></span>
|
||||
<h1>/{{ board }}/ <span class="chan-subtitle">Catalogue</span></h1>
|
||||
<span class="chan-thread-count-badge">{{ threads.length }} threads</span>
|
||||
</div>
|
||||
|
||||
<!-- Quick board selector -->
|
||||
<div class="chan-board-nav">
|
||||
@each(common_boards as b)
|
||||
<a href="/4/{{ b.id }}/catalogue" class="chan-board-pill {{ b.id === board ? 'active' : '' }}" title="{{ b.name }}">
|
||||
/{{ b.id }}/
|
||||
</a>
|
||||
@endeach
|
||||
<form class="chan-board-custom-form" onsubmit="event.preventDefault(); const b = document.getElementById('custom-board-input').value.trim().toLowerCase(); if(b) window.location.href='/4/' + b + '/catalogue';">
|
||||
<input type="text" id="custom-board-input" placeholder="board…" maxlength="12" class="chan-custom-board-input" />
|
||||
<button type="submit" class="chan-custom-board-btn" title="Go to board"><i class="fa-solid fa-arrow-right"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Controls: Filter & Sort -->
|
||||
<div class="chan-controls-bar">
|
||||
<div class="chan-search-wrap">
|
||||
<i class="fa-solid fa-magnifying-glass"></i>
|
||||
<input type="text" id="chan-catalog-search" class="chan-search-input" placeholder="Filter threads by subject, text, or post #…" autocomplete="off" />
|
||||
<button type="button" id="chan-search-clear" style="display:none;" title="Clear search"><i class="fa-solid fa-xmark"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="chan-sort-wrap">
|
||||
<label for="chan-sort-select"><i class="fa-solid fa-arrow-down-wide-short"></i> Sort:</label>
|
||||
<select id="chan-sort-select" class="chan-select">
|
||||
<option value="bump">Bump Order</option>
|
||||
<option value="replies">Most Replies</option>
|
||||
<option value="images">Most Images</option>
|
||||
<option value="date-new">Newest First</option>
|
||||
<option value="date-old">Oldest First</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Catalogue Thread Grid -->
|
||||
<div class="chan-catalogue-grid" id="chan-catalogue-grid">
|
||||
@each(threads as t)
|
||||
<div class="chan-thread-card" data-no="{{ t.no }}" data-replies="{{ t.replies }}" data-images="{{ t.images }}" data-time="{{ t.time }}" data-sticky="{{ t.sticky ? 1 : 0 }}">
|
||||
<a href="/4/{{ board }}/{{ t.no }}" class="chan-thread-thumb-link">
|
||||
@if(t.thumb)
|
||||
<img src="{{ t.thumb }}" alt="Thread #{{ t.no }}" loading="lazy" class="chan-thread-thumb" onerror="this.style.opacity='0.2';" />
|
||||
@else
|
||||
<div class="chan-thread-thumb-empty"><i class="fa-solid fa-file"></i></div>
|
||||
@endif
|
||||
|
||||
<div class="chan-card-badges">
|
||||
@if(t.sticky)
|
||||
<span class="chan-card-badge chan-badge-sticky" title="Sticky"><i class="fa-solid fa-thumbtack"></i></span>
|
||||
@endif
|
||||
@if(t.closed)
|
||||
<span class="chan-card-badge chan-badge-closed" title="Closed"><i class="fa-solid fa-lock"></i></span>
|
||||
@endif
|
||||
@if(t.local_id)
|
||||
<span class="chan-card-badge chan-badge-rehosted" title="OP Rehosted on f0ckm as Post #{{ t.local_id }}" style="background: rgba(16, 185, 129, 0.9); color: #fff; font-weight: 700;"><i class="fa-solid fa-check"></i> #{{ t.local_id }}</span>
|
||||
@endif
|
||||
<span class="chan-card-badge chan-badge-stats">
|
||||
<span title="Replies"><i class="fa-solid fa-comment"></i> {{ t.replies }}</span>
|
||||
<span title="Images"><i class="fa-solid fa-image"></i> {{ t.images }}</span>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="chan-thread-info">
|
||||
<a href="/4/{{ board }}/{{ t.no }}" class="chan-thread-title">
|
||||
@if(t.sub)
|
||||
<strong class="chan-subject">{{ t.sub }}</strong>
|
||||
@else
|
||||
<span class="chan-no-sub">No. {{ t.no }}</span>
|
||||
@endif
|
||||
</a>
|
||||
@if(t.com)
|
||||
<p class="chan-teaser">{{ t.com }}</p>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endeach
|
||||
</div>
|
||||
|
||||
<div id="chan-no-results" class="chan-empty-state" style="display: none;">
|
||||
<i class="fa-solid fa-search"></i>
|
||||
<p>No threads match your search filter.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.chan-catalogue-page {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 15px 60px;
|
||||
}
|
||||
.chan-header-bar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
margin-bottom: 25px;
|
||||
background: var(--bg-card, rgba(25, 25, 25, 0.85));
|
||||
border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
|
||||
border-radius: 12px;
|
||||
padding: 18px 20px;
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
.chan-brand-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.chan-clover-icon {
|
||||
font-size: 1.8rem;
|
||||
color: #4ade80;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.chan-brand-title h1 {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
color: var(--text-main, #fff);
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
.chan-subtitle {
|
||||
font-weight: 400;
|
||||
opacity: 0.6;
|
||||
font-size: 1.2rem;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.chan-thread-count-badge {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
border-radius: 20px;
|
||||
background: rgba(74, 222, 128, 0.15);
|
||||
color: #4ade80;
|
||||
border: 1px solid rgba(74, 222, 128, 0.3);
|
||||
}
|
||||
|
||||
/* Board nav */
|
||||
.chan-board-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.chan-board-pill {
|
||||
padding: 4px 12px;
|
||||
border-radius: 6px;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
color: var(--text-muted, #aaa);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-board-pill:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #fff;
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.chan-board-pill.active {
|
||||
background: #4ade80;
|
||||
color: #111;
|
||||
border-color: #4ade80;
|
||||
font-weight: 700;
|
||||
}
|
||||
.chan-board-custom-form {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.chan-custom-board-input {
|
||||
width: 75px;
|
||||
padding: 4px 8px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
font-size: 0.85rem;
|
||||
outline: none;
|
||||
}
|
||||
.chan-custom-board-input:focus {
|
||||
border-color: #4ade80;
|
||||
}
|
||||
.chan-custom-board-btn {
|
||||
background: rgba(74, 222, 128, 0.15);
|
||||
color: #4ade80;
|
||||
border: 1px solid rgba(74, 222, 128, 0.3);
|
||||
border-radius: 6px;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
font-size: 0.8rem;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-custom-board-btn:hover {
|
||||
background: #4ade80;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
/* Controls */
|
||||
.chan-controls-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
padding-top: 12px;
|
||||
}
|
||||
.chan-search-wrap {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
min-width: 250px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.chan-search-wrap i.fa-magnifying-glass {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
color: #777;
|
||||
pointer-events: none;
|
||||
}
|
||||
.chan-search-input {
|
||||
width: 100%;
|
||||
padding: 8px 34px 8px 34px;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
font-size: 0.9rem;
|
||||
outline: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-search-input:focus {
|
||||
border-color: #4ade80;
|
||||
background: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
#chan-search-clear {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
background: none;
|
||||
border: none;
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
padding: 4px;
|
||||
}
|
||||
.chan-sort-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: #aaa;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.chan-select {
|
||||
padding: 6px 12px;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
font-size: 0.85rem;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.chan-select option {
|
||||
background: #1a1a1a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Grid */
|
||||
.chan-catalogue-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
||||
gap: 16px;
|
||||
}
|
||||
.chan-thread-card {
|
||||
background: var(--bg-card, rgba(25, 25, 25, 0.85));
|
||||
border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
.chan-thread-card:hover {
|
||||
transform: translateY(-3px);
|
||||
border-color: rgba(74, 222, 128, 0.4);
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.chan-thread-thumb-link {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 10;
|
||||
background: #0d0d0d;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chan-thread-thumb {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
.chan-thread-card:hover .chan-thread-thumb {
|
||||
transform: scale(1.04);
|
||||
}
|
||||
.chan-thread-thumb-empty {
|
||||
font-size: 2rem;
|
||||
color: #333;
|
||||
}
|
||||
.chan-card-badges {
|
||||
position: absolute;
|
||||
bottom: 6px;
|
||||
left: 6px;
|
||||
right: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
pointer-events: none;
|
||||
}
|
||||
.chan-card-badge {
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
backdrop-filter: blur(4px);
|
||||
padding: 2px 7px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: #eee;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.chan-badge-sticky {
|
||||
color: #4ade80;
|
||||
border-color: rgba(74, 222, 128, 0.3);
|
||||
}
|
||||
.chan-badge-closed {
|
||||
color: #ff6b6b;
|
||||
border-color: rgba(255, 107, 107, 0.3);
|
||||
}
|
||||
.chan-badge-stats {
|
||||
margin-left: auto;
|
||||
}
|
||||
.chan-thread-info {
|
||||
padding: 10px 12px 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
flex: 1;
|
||||
}
|
||||
.chan-thread-title {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.35;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
.chan-subject {
|
||||
color: #4ade80;
|
||||
font-weight: 700;
|
||||
}
|
||||
.chan-no-sub {
|
||||
color: #888;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.chan-teaser {
|
||||
margin: 0;
|
||||
font-size: 0.78rem;
|
||||
color: #888;
|
||||
line-height: 1.35;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
word-break: break-word;
|
||||
}
|
||||
.chan-empty-state {
|
||||
text-align: center;
|
||||
padding: 60px 20px;
|
||||
color: #777;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.chan-empty-state i {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 12px;
|
||||
opacity: 0.4;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
const searchInput = document.getElementById('chan-catalog-search');
|
||||
const searchClear = document.getElementById('chan-search-clear');
|
||||
const sortSelect = document.getElementById('chan-sort-select');
|
||||
const grid = document.getElementById('chan-catalogue-grid');
|
||||
const noResults = document.getElementById('chan-no-results');
|
||||
if (!grid) return;
|
||||
|
||||
const originalCards = Array.from(grid.querySelectorAll('.chan-thread-card'));
|
||||
|
||||
function filterAndSort() {
|
||||
const q = (searchInput?.value || '').trim().toLowerCase();
|
||||
const sort = sortSelect?.value || 'bump';
|
||||
|
||||
if (searchClear) {
|
||||
searchClear.style.display = q ? 'block' : 'none';
|
||||
}
|
||||
|
||||
let visibleCards = originalCards.filter(card => {
|
||||
if (!q) return true;
|
||||
const no = card.dataset.no || '';
|
||||
const text = card.textContent.toLowerCase();
|
||||
return no.includes(q) || text.includes(q);
|
||||
});
|
||||
|
||||
// Sort
|
||||
visibleCards.sort((a, b) => {
|
||||
const stickyA = parseInt(a.dataset.sticky || 0, 10);
|
||||
const stickyB = parseInt(b.dataset.sticky || 0, 10);
|
||||
if (stickyA !== stickyB) return stickyB - stickyA; // Stickies always first
|
||||
|
||||
if (sort === 'replies') {
|
||||
return parseInt(b.dataset.replies || 0, 10) - parseInt(a.dataset.replies || 0, 10);
|
||||
} else if (sort === 'images') {
|
||||
return parseInt(b.dataset.images || 0, 10) - parseInt(a.dataset.images || 0, 10);
|
||||
} else if (sort === 'date-new') {
|
||||
return parseInt(b.dataset.time || 0, 10) - parseInt(a.dataset.time || 0, 10);
|
||||
} else if (sort === 'date-old') {
|
||||
return parseInt(a.dataset.time || 0, 10) - parseInt(b.dataset.time || 0, 10);
|
||||
}
|
||||
// Bump order: preserve original order
|
||||
return originalCards.indexOf(a) - originalCards.indexOf(b);
|
||||
});
|
||||
|
||||
originalCards.forEach(c => c.style.display = 'none');
|
||||
visibleCards.forEach(c => {
|
||||
c.style.display = 'flex';
|
||||
grid.appendChild(c);
|
||||
});
|
||||
|
||||
if (noResults) {
|
||||
noResults.style.display = visibleCards.length === 0 ? 'block' : 'none';
|
||||
}
|
||||
}
|
||||
|
||||
if (searchInput) {
|
||||
searchInput.addEventListener('input', filterAndSort);
|
||||
}
|
||||
if (searchClear) {
|
||||
searchClear.addEventListener('click', () => {
|
||||
searchInput.value = '';
|
||||
filterAndSort();
|
||||
searchInput.focus();
|
||||
});
|
||||
}
|
||||
if (sortSelect) {
|
||||
sortSelect.addEventListener('change', filterAndSort);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
@include(snippets/footer)
|
||||
@@ -0,0 +1,855 @@
|
||||
@include(snippets/header)
|
||||
<div class="pagewrapper">
|
||||
<div id="main" class="chan-page chan-thread-page">
|
||||
|
||||
<!-- Top Header Navigation -->
|
||||
<div class="chan-header-bar chan-thread-header">
|
||||
<div class="chan-thread-nav-row">
|
||||
<a href="/4/{{ board }}/catalogue" class="chan-back-btn">
|
||||
<i class="fa-solid fa-arrow-left"></i> /{{ board }}/ Catalogue
|
||||
</a>
|
||||
<div class="chan-thread-actions">
|
||||
@if(first_media_no)
|
||||
<a href="/4/{{ board }}/{{ tid }}/{{ first_media_no }}" class="chan-action-btn primary" title="Open thread media in player view">
|
||||
<i class="fa-solid fa-play"></i> Player View
|
||||
</a>
|
||||
@endif
|
||||
<a href="/scroller#{{ board }}/{{ tid }}" class="chan-action-btn" title="Open in vertical video scroller">
|
||||
<i class="fa-solid fa-mobile-screen"></i> Scroller
|
||||
</a>
|
||||
<a href="https://boards.4chan.org/{{ board }}/thread/{{ tid }}" target="_blank" rel="noopener noreferrer" class="chan-action-btn" title="View original thread on 4chan">
|
||||
<i class="fa-solid fa-arrow-up-right-from-square"></i> 4chan.org
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="chan-thread-title-row">
|
||||
<span class="chan-clover-icon"><i class="fa-solid fa-clover"></i></span>
|
||||
<div class="chan-thread-title-info">
|
||||
<h2>
|
||||
@if(op.sub)
|
||||
{{ op.sub }}
|
||||
@else
|
||||
Thread #{{ tid }}
|
||||
@endif
|
||||
</h2>
|
||||
<div class="chan-thread-meta">
|
||||
<span class="chan-meta-item"><i class="fa-solid fa-comments"></i> {{ posts.length }} posts</span>
|
||||
<span class="chan-meta-item"><i class="fa-solid fa-image"></i> {{ media_count }} media files</span>
|
||||
@if(rehosts_count > 0)
|
||||
<span class="chan-meta-item" style="color: #4ade80;"><i class="fa-solid fa-check"></i> {{ rehosts_count }} rehosted</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Filter Toggle: All vs Media Only vs Rehosted -->
|
||||
<div class="chan-filter-toggle">
|
||||
<button type="button" class="chan-toggle-btn active" id="filter-all-btn">All Posts ({{ posts.length }})</button>
|
||||
<button type="button" class="chan-toggle-btn" id="filter-media-btn">Media Only ({{ media_count }})</button>
|
||||
@if(rehosts_count > 0)
|
||||
<button type="button" class="chan-toggle-btn" id="filter-rehosted-btn" style="color: #4ade80;"><i class="fa-solid fa-check"></i> Rehosted ({{ rehosts_count }})</button>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Posts Stream -->
|
||||
<div class="chan-posts-stream" id="chan-posts-stream">
|
||||
@each(posts as p)
|
||||
<article class="chan-post-card {{ p.no === tid ? 'is-op' : 'is-reply' }} {{ p.has_media ? 'has-media' : 'no-media' }} {{ p.local_id ? 'is-rehosted' : '' }}" id="p{{ p.no }}" data-no="{{ p.no }}" data-has-media="{{ p.has_media ? 1 : 0 }}" data-is-rehosted="{{ p.local_id ? 1 : 0 }}">
|
||||
|
||||
<!-- Post Header -->
|
||||
<div class="chan-post-header">
|
||||
<span class="chan-post-name">{{ p.name }}</span>
|
||||
@if(p.trip)
|
||||
<span class="chan-post-trip">{{ p.trip }}</span>
|
||||
@endif
|
||||
<time class="chan-post-time" title="{{ p.date_str }}">{{ p.timeago }}</time>
|
||||
<a href="#p{{ p.no }}" class="chan-post-no">No. {{ p.no }}</a>
|
||||
@if(p.local_id)
|
||||
<a href="/{{ p.local_id }}" target="_blank" class="chan-post-rehosted-pill" title="Already rehosted on f0ckm as Post #{{ p.local_id }}">
|
||||
<i class="fa-solid fa-check"></i> #{{ p.local_id }}
|
||||
</a>
|
||||
@endif
|
||||
@if(p.sub && p.no !== tid)
|
||||
<span class="chan-reply-sub">{{ p.sub }}</span>
|
||||
@endif
|
||||
@if(p.has_media)
|
||||
<div class="chan-post-media-badge">
|
||||
<i class="fa-solid fa-paperclip"></i>
|
||||
<span>{{ p.ext.toUpperCase().replace('.', '') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Post Content (Media + Comment) -->
|
||||
<div class="chan-post-content">
|
||||
@if(p.has_media)
|
||||
<div class="chan-media-wrapper">
|
||||
<div class="chan-thumb-box">
|
||||
<a href="/4/{{ board }}/{{ tid }}/{{ p.no }}" class="chan-thumb-link" title="Open in player view">
|
||||
@if(p.thumb)
|
||||
<img src="{{ p.thumb }}" alt="Media #{{ p.no }}" class="chan-thumb-img" loading="lazy" />
|
||||
@else
|
||||
<div class="chan-no-thumb"><i class="fa-solid fa-file"></i></div>
|
||||
@endif
|
||||
@if(p.is_video)
|
||||
<span class="chan-video-indicator"><i class="fa-solid fa-play"></i></span>
|
||||
@endif
|
||||
@if(p.local_id)
|
||||
<span class="chan-thumb-rehost-badge" title="Rehosted on f0ckm as Post #{{ p.local_id }}"><i class="fa-solid fa-check"></i> #{{ p.local_id }}</span>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="chan-file-info">
|
||||
<div class="chan-filename-row">
|
||||
<a href="{{ p.external_media_url }}" target="_blank" rel="noopener noreferrer" class="chan-file-download" title="Open full media in new tab">
|
||||
<i class="fa-solid fa-arrow-up-right-from-square"></i>
|
||||
<span class="chan-file-title">{{ p.filename || ('File ' + p.tim + p.ext) }}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="chan-file-meta-row">
|
||||
@if(p.fsize)<span>{{ p.fsize }}</span>@endif
|
||||
@if(p.w && p.h)<span>{{ p.w }}×{{ p.h }}</span>@endif
|
||||
</div>
|
||||
|
||||
<!-- Rehost & Favorite actions -->
|
||||
<div class="chan-rehost-container" id="rehost-box-{{ p.no }}">
|
||||
@if(p.local_id)
|
||||
<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;flex:1;">
|
||||
<a href="/{{ p.local_id }}" class="chan-rehost-btn rehosted" target="_blank">
|
||||
<i class="fa-solid fa-check"></i> Rehosted #{{ p.local_id }}
|
||||
</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="{{ p.local_id }}" title="Edit rating, tags & comment" style="padding:4px 7px;border-radius:4px;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;font-size:0.75rem;">
|
||||
<i class="fa-solid fa-pen"></i>
|
||||
</button>
|
||||
</span>
|
||||
@else
|
||||
<button type="button" class="chan-rehost-btn" data-url="{{ p.external_media_url }}" data-board="{{ board }}" data-tid="{{ tid }}" data-post="{{ p.no }}" data-filename="{{ p.filename || '' }}" data-width="{{ p.w || '' }}" data-height="{{ p.h || '' }}">
|
||||
<i class="fa-solid fa-cloud-arrow-up"></i> Rehost
|
||||
</button>
|
||||
@endif
|
||||
<button type="button" class="chan-card-fav-btn {{ p.user_has_favorited ? 'favorited' : '' }}" data-post="{{ p.no }}" data-local-id="{{ p.local_id || '' }}" data-url="{{ p.external_media_url }}" data-board="{{ board }}" data-tid="{{ tid }}" data-filename="{{ p.filename || '' }}" data-width="{{ p.w || '' }}" data-height="{{ p.h || '' }}" title="{{ p.user_has_favorited ? 'Remove from favorites' : 'Favorite' }}">
|
||||
<i class="fa-{{ p.user_has_favorited ? 'solid' : 'regular' }} fa-heart"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Post Comment -->
|
||||
@if(p.com_raw)
|
||||
<div class="chan-post-comment">
|
||||
{{ p.com_formatted }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
</article>
|
||||
@endeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.chan-thread-page {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 15px 80px;
|
||||
}
|
||||
.chan-thread-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin-bottom: 25px;
|
||||
background: var(--bg-card, rgba(25, 25, 25, 0.85));
|
||||
border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
|
||||
border-radius: 12px;
|
||||
padding: 16px 20px;
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
.chan-thread-nav-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
}
|
||||
.chan-back-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 14px;
|
||||
border-radius: 8px;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
color: var(--text-main, #fff);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
font-size: 0.88rem;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-back-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
.chan-thread-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.chan-action-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 6px 12px;
|
||||
border-radius: 8px;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
color: var(--text-muted, #aaa);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-action-btn:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #fff;
|
||||
}
|
||||
.chan-action-btn.primary {
|
||||
background: rgba(74, 222, 128, 0.15);
|
||||
color: #4ade80;
|
||||
border-color: rgba(74, 222, 128, 0.3);
|
||||
}
|
||||
.chan-action-btn.primary:hover {
|
||||
background: #4ade80;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.chan-thread-title-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
padding-top: 14px;
|
||||
}
|
||||
.chan-thread-title-info h2 {
|
||||
font-size: 1.35rem;
|
||||
font-weight: 800;
|
||||
margin: 0 0 4px;
|
||||
color: #fff;
|
||||
}
|
||||
.chan-thread-meta {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 0.82rem;
|
||||
color: #888;
|
||||
}
|
||||
.chan-meta-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
/* Filter toggle */
|
||||
.chan-filter-toggle {
|
||||
display: inline-flex;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-radius: 8px;
|
||||
padding: 3px;
|
||||
gap: 3px;
|
||||
}
|
||||
.chan-toggle-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 5px 12px;
|
||||
border-radius: 6px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
color: #aaa;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-toggle-btn.active {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Posts stream */
|
||||
.chan-posts-stream {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.chan-post-card {
|
||||
background: var(--bg-card, rgba(25, 25, 25, 0.85));
|
||||
border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
|
||||
border-radius: 10px;
|
||||
padding: 14px 18px;
|
||||
transition: border-color 0.2s, background-color 0.2s;
|
||||
}
|
||||
.chan-post-card.is-rehosted {
|
||||
border-color: rgba(74, 222, 128, 0.3);
|
||||
background: rgba(74, 222, 128, 0.03);
|
||||
}
|
||||
.chan-post-card.is-op {
|
||||
border-left: 4px solid #4ade80;
|
||||
background: rgba(30, 30, 30, 0.95);
|
||||
}
|
||||
.chan-post-card:target {
|
||||
border-color: #4ade80;
|
||||
background: rgba(74, 222, 128, 0.05);
|
||||
}
|
||||
|
||||
.chan-post-rehosted-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 2px 7px;
|
||||
border-radius: 4px;
|
||||
background: rgba(74, 222, 128, 0.2);
|
||||
color: #4ade80;
|
||||
border: 1px solid rgba(74, 222, 128, 0.4);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.chan-post-rehosted-pill:hover {
|
||||
background: #4ade80;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.chan-thumb-rehost-badge {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
background: rgba(16, 185, 129, 0.92);
|
||||
color: #fff;
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
backdrop-filter: blur(4px);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.chan-post-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
font-size: 0.82rem;
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.chan-post-name {
|
||||
font-weight: 700;
|
||||
color: #10b981;
|
||||
}
|
||||
.chan-post-trip {
|
||||
color: #888;
|
||||
font-weight: 600;
|
||||
}
|
||||
.chan-post-time {
|
||||
color: #777;
|
||||
}
|
||||
.chan-post-no {
|
||||
color: #aaa;
|
||||
text-decoration: none;
|
||||
font-family: monospace;
|
||||
}
|
||||
.chan-post-no:hover {
|
||||
color: #4ade80;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.chan-reply-sub {
|
||||
color: #fbbf24;
|
||||
font-weight: 600;
|
||||
}
|
||||
.chan-post-media-badge {
|
||||
margin-left: auto;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: #888;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.chan-post-body {
|
||||
display: flex;
|
||||
gap: 18px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
.chan-post-body {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media Box */
|
||||
.chan-media-box {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
width: 200px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.chan-media-thumb-wrap {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 10;
|
||||
background: #000;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
.chan-media-link {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.chan-media-thumb {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.chan-media-thumb-wrap:hover .chan-media-thumb {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
.chan-media-play-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
color: #fff;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.chan-media-thumb-wrap:hover .chan-media-play-overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
.chan-media-details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.chan-media-filename {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.chan-media-filename a {
|
||||
color: #aaa;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chan-media-filename a:hover {
|
||||
color: #4ade80;
|
||||
}
|
||||
.chan-media-meta {
|
||||
color: #777;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
/* Rehost button */
|
||||
.chan-rehost-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 4px 10px;
|
||||
border-radius: 6px;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 600;
|
||||
background: rgba(74, 222, 128, 0.15);
|
||||
color: #4ade80;
|
||||
border: 1px solid rgba(74, 222, 128, 0.3);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: all 0.2s;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.chan-rehost-btn:hover {
|
||||
background: #4ade80;
|
||||
color: #111;
|
||||
}
|
||||
.chan-rehost-btn.rehosted {
|
||||
background: rgba(74, 222, 128, 0.2);
|
||||
color: #4ade80;
|
||||
cursor: default;
|
||||
}
|
||||
.chan-rehost-btn.loading {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.chan-rehost-container {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.chan-card-fav-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
min-width: 28px;
|
||||
padding: 0;
|
||||
border-radius: 6px;
|
||||
font-size: 0.85rem;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.chan-card-fav-btn:hover {
|
||||
background: rgba(255, 75, 75, 0.15);
|
||||
border-color: rgba(255, 75, 75, 0.4);
|
||||
color: #ff4b4b;
|
||||
}
|
||||
.chan-card-fav-btn.favorited {
|
||||
background: rgba(255, 75, 75, 0.2);
|
||||
border-color: rgba(255, 75, 75, 0.5);
|
||||
color: #ff4b4b;
|
||||
}
|
||||
.chan-card-fav-btn.loading {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Comments & Greentext */
|
||||
.chan-post-comment {
|
||||
color: #ddd;
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.5;
|
||||
word-break: break-word;
|
||||
flex: 1;
|
||||
}
|
||||
.chan-quote,
|
||||
.chan-post-comment .quote {
|
||||
color: #789922;
|
||||
}
|
||||
.chan-ref,
|
||||
.chan-post-comment .quotelink {
|
||||
color: #d00;
|
||||
text-decoration: underline;
|
||||
font-family: monospace;
|
||||
cursor: pointer;
|
||||
}
|
||||
.chan-ref:hover,
|
||||
.chan-post-comment .quotelink:hover {
|
||||
color: #ff3333;
|
||||
}
|
||||
.chan-post-comment s,
|
||||
.chan-post-comment .spoiler {
|
||||
background: #333;
|
||||
color: #333;
|
||||
padding: 0 3px;
|
||||
border-radius: 2px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: color 0.15s;
|
||||
}
|
||||
.chan-post-comment s:hover,
|
||||
.chan-post-comment .spoiler:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Quote preview popup */
|
||||
.chan-quote-preview-popup {
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
max-width: 480px;
|
||||
background: #1e1e1e;
|
||||
border: 1px solid #4ade80;
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
|
||||
pointer-events: none;
|
||||
color: #eee;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
// Toggle filter: All vs Media Only
|
||||
const filterAllBtn = document.getElementById('filter-all-btn');
|
||||
const filterMediaBtn = document.getElementById('filter-media-btn');
|
||||
const filterRehostedBtn = document.getElementById('filter-rehosted-btn');
|
||||
const posts = document.querySelectorAll('.chan-post-card');
|
||||
|
||||
if (filterAllBtn && filterMediaBtn) {
|
||||
filterAllBtn.addEventListener('click', () => {
|
||||
filterAllBtn.classList.add('active');
|
||||
filterMediaBtn.classList.remove('active');
|
||||
if (filterRehostedBtn) filterRehostedBtn.classList.remove('active');
|
||||
posts.forEach(p => p.style.display = 'block');
|
||||
});
|
||||
|
||||
filterMediaBtn.addEventListener('click', () => {
|
||||
filterMediaBtn.classList.add('active');
|
||||
filterAllBtn.classList.remove('active');
|
||||
if (filterRehostedBtn) filterRehostedBtn.classList.remove('active');
|
||||
posts.forEach(p => {
|
||||
p.style.display = p.dataset.hasMedia === '1' ? 'block' : 'none';
|
||||
});
|
||||
});
|
||||
|
||||
if (filterRehostedBtn) {
|
||||
filterRehostedBtn.addEventListener('click', () => {
|
||||
filterRehostedBtn.classList.add('active');
|
||||
filterAllBtn.classList.remove('active');
|
||||
filterMediaBtn.classList.remove('active');
|
||||
posts.forEach(p => {
|
||||
p.style.display = p.dataset.isRehosted === '1' ? 'block' : 'none';
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Inline Rehosting
|
||||
document.addEventListener('click', async (e) => {
|
||||
const btn = e.target.closest('.chan-rehost-btn:not(.rehosted)');
|
||||
if (!btn) return;
|
||||
|
||||
e.preventDefault();
|
||||
const url = btn.dataset.url;
|
||||
const board = btn.dataset.board;
|
||||
const tid = btn.dataset.tid;
|
||||
const postNo = btn.dataset.post;
|
||||
const filename = btn.dataset.filename;
|
||||
if (!url) return;
|
||||
|
||||
btn.classList.add('loading');
|
||||
btn.innerHTML = '<i class="fa-solid fa-circle-notch fa-spin"></i> Rehosting…';
|
||||
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const resp = await fetch('/api/v2/scroller/rehost', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url,
|
||||
original_filename: filename || '',
|
||||
width: btn.dataset.width || '',
|
||||
height: btn.dataset.height || ''
|
||||
})
|
||||
});
|
||||
|
||||
const data = await resp.json();
|
||||
if (data.success && data.item_id) {
|
||||
btn.classList.remove('loading');
|
||||
btn.classList.add('rehosted');
|
||||
btn.outerHTML = '<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">' +
|
||||
'<a href="/' + data.item_id + '" class="chan-rehost-btn rehosted" target="_blank">' +
|
||||
'<i class="fa-solid fa-check"></i> Rehosted #' + data.item_id + '</a>' +
|
||||
'<button type="button" class="chan-rehost-edit-btn" data-item-id="' + data.item_id + '" title="Edit rating, tags & comment" style="padding:4px 7px;border-radius:4px;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;font-size:0.75rem;">' +
|
||||
'<i class="fa-solid fa-pen"></i></button></span>';
|
||||
if (typeof window.showToast === 'function') {
|
||||
window.showToast(data.repost ? 'Already on site — linked to existing post' : 'Rehosted successfully!');
|
||||
}
|
||||
if (typeof window.openChanRehostModal === 'function') {
|
||||
window.openChanRehostModal({ itemId: data.item_id, isPlayerView: false });
|
||||
}
|
||||
} else {
|
||||
btn.classList.remove('loading');
|
||||
btn.innerHTML = '<i class="fa-solid fa-cloud-arrow-up"></i> Retry';
|
||||
alert(data.msg || data.message || 'Rehosting failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN] Rehost error:', err);
|
||||
btn.classList.remove('loading');
|
||||
btn.innerHTML = '<i class="fa-solid fa-cloud-arrow-up"></i> Error';
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
const editBtn = e.target.closest('.chan-rehost-edit-btn');
|
||||
if (editBtn) {
|
||||
e.preventDefault();
|
||||
const itemId = editBtn.dataset.itemId;
|
||||
if (itemId && typeof window.openChanRehostModal === 'function') {
|
||||
window.openChanRehostModal({ itemId: Number(itemId), isPlayerView: false });
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Favorite from Thread Card (Auto-rehost if needed, then toggle favorite)
|
||||
document.addEventListener('click', async (e) => {
|
||||
const favBtn = e.target.closest('.chan-card-fav-btn');
|
||||
if (!favBtn || favBtn.classList.contains('loading')) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
if (window.f0ckSession?.is_anon && window.f0ckSession?.anon_permissions && window.f0ckSession.anon_permissions.favorite === false) {
|
||||
if (typeof window.flashMessage === 'function') window.flashMessage('Anonymous favoriting is disabled.', 3000, 'error');
|
||||
return;
|
||||
}
|
||||
if (!window.f0ckSession || !window.f0ckSession.user) {
|
||||
if (typeof window.flashMessage === 'function') window.flashMessage('Login to favorite posts', 3000, 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
const postNo = favBtn.dataset.post;
|
||||
let localId = favBtn.dataset.localId;
|
||||
const mediaUrl = favBtn.dataset.url;
|
||||
|
||||
favBtn.classList.add('loading');
|
||||
const origHtml = favBtn.innerHTML;
|
||||
favBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
|
||||
|
||||
try {
|
||||
// If not yet rehosted, auto-rehost first
|
||||
if (!localId && mediaUrl) {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const rehostResp = await fetch('/api/v2/scroller/rehost', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
url: mediaUrl,
|
||||
original_filename: favBtn.dataset.filename || '',
|
||||
width: favBtn.dataset.width || '',
|
||||
height: favBtn.dataset.height || ''
|
||||
})
|
||||
});
|
||||
const rehostData = await rehostResp.json();
|
||||
if (rehostData.success && rehostData.item_id) {
|
||||
localId = rehostData.item_id;
|
||||
favBtn.dataset.localId = localId;
|
||||
|
||||
// Update rehost box
|
||||
const rehostBox = document.getElementById('rehost-box-' + postNo);
|
||||
if (rehostBox) {
|
||||
const rehostBtn = rehostBox.querySelector('.chan-rehost-btn');
|
||||
if (rehostBtn) {
|
||||
rehostBtn.outerHTML = '<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;flex:1;">' +
|
||||
'<a href="/' + localId + '" class="chan-rehost-btn rehosted" target="_blank">' +
|
||||
'<i class="fa-solid fa-check"></i> Rehosted #' + localId + '</a>' +
|
||||
'<button type="button" class="chan-rehost-edit-btn" data-item-id="' + localId + '" title="Edit rating, tags & comment" style="padding:4px 7px;border-radius:4px;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;font-size:0.75rem;">' +
|
||||
'<i class="fa-solid fa-pen"></i></button></span>';
|
||||
}
|
||||
}
|
||||
// Add thumb badge if missing
|
||||
const postCard = favBtn.closest('.chan-post');
|
||||
const thumbLink = postCard?.querySelector('.chan-thumb-link');
|
||||
if (thumbLink && !thumbLink.querySelector('.chan-thumb-rehost-badge')) {
|
||||
const badge = document.createElement('span');
|
||||
badge.className = 'chan-thumb-rehost-badge';
|
||||
badge.title = 'Rehosted on f0ckm as Post #' + localId;
|
||||
badge.innerHTML = '<i class="fa-solid fa-check"></i> #' + localId;
|
||||
thumbLink.appendChild(badge);
|
||||
}
|
||||
} else {
|
||||
throw new Error(rehostData.msg || 'Rehost failed');
|
||||
}
|
||||
}
|
||||
|
||||
// Now toggle favorite
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
const favResp = await fetch('/api/v2/togglefav', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: JSON.stringify({ postid: Number(localId), chan_url: mediaUrl })
|
||||
});
|
||||
const favData = await favResp.json();
|
||||
favBtn.classList.remove('loading');
|
||||
|
||||
if (favData.success) {
|
||||
const isNowFav = !!favData.favorited;
|
||||
favBtn.classList.toggle('favorited', isNowFav);
|
||||
favBtn.innerHTML = '<i class="fa-' + (isNowFav ? 'solid' : 'regular') + ' fa-heart"></i>';
|
||||
favBtn.title = isNowFav ? 'Remove from favorites' : 'Favorite';
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(isNowFav ? 'ADDED TO FAVORITES' : 'REMOVED FROM FAVORITES');
|
||||
}
|
||||
} else {
|
||||
favBtn.innerHTML = origHtml;
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(favData.msg || 'Failed to update favorite', 3000, 'error');
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-CARD-FAV] Error:', err);
|
||||
favBtn.classList.remove('loading');
|
||||
favBtn.innerHTML = origHtml;
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to update favorite', 3000, 'error');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Quote hover preview
|
||||
let previewEl = null;
|
||||
document.addEventListener('mouseover', (e) => {
|
||||
const ref = e.target.closest('.chan-ref, .quotelink');
|
||||
if (!ref) return;
|
||||
|
||||
const targetPostNo = ref.dataset.post || ref.getAttribute('href')?.replace(/^#p?/, '');
|
||||
if (!targetPostNo) return;
|
||||
const targetCard = document.getElementById('p' + targetPostNo);
|
||||
if (!targetCard) return;
|
||||
|
||||
if (!previewEl) {
|
||||
previewEl = document.createElement('div');
|
||||
previewEl.className = 'chan-quote-preview-popup';
|
||||
document.body.appendChild(previewEl);
|
||||
}
|
||||
|
||||
previewEl.innerHTML = targetCard.innerHTML;
|
||||
previewEl.style.display = 'block';
|
||||
|
||||
const rect = ref.getBoundingClientRect();
|
||||
let top = rect.bottom + 8;
|
||||
let left = rect.left;
|
||||
if (left + 480 > window.innerWidth) left = window.innerWidth - 490;
|
||||
if (top + 200 > window.innerHeight) top = rect.top - 210;
|
||||
|
||||
previewEl.style.top = Math.max(10, top) + 'px';
|
||||
previewEl.style.left = Math.max(10, left) + 'px';
|
||||
});
|
||||
|
||||
document.addEventListener('mouseout', (e) => {
|
||||
const ref = e.target.closest('.chan-ref, .quotelink');
|
||||
if (ref && previewEl) {
|
||||
previewEl.style.display = 'none';
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
@include(snippets/footer)
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="item-main-content">
|
||||
|
||||
<div class="_204863">
|
||||
<div class="location">{{ link.mainDisplay || link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}{{ link.suffix }}{{ item.requested_subf0ck_slug ? ('#' + item.requested_subf0ck_slug) : '' }}</div>
|
||||
<div class="location">@if(item.is_chan)<a href="/4/{{ item.external_board }}/catalogue" class="location-link" title="Board /{{ item.external_board }}/ catalogue">/4</a><a href="/4/{{ item.external_board }}/catalogue" class="location-link" title="Board /{{ item.external_board }}/ catalogue">/{{ item.external_board }}</a><a href="/4/{{ item.external_board }}/{{ item.external_tid }}" class="location-link" title="Thread #{{ item.external_tid }} overview">/{{ item.external_tid }}</a><a href="/4/{{ item.external_board }}/{{ item.external_tid }}/{{ item.external_id }}" class="location-link" data-inherit-context="false" title="Post #{{ item.external_id }}">/{{ item.external_id }}</a>@if(item.local_id)<span class="location-sep" style="opacity: 0.6; margin: 0 4px;">→</span><a href="/{{ item.local_id }}" class="location-link is-rehosted" title="View rehosted post #{{ item.local_id }} on f0ckm" style="color: #4ade80; font-weight: 700;"><i class="fa-solid fa-check"></i> #{{ item.local_id }}</a>@endif@else{{ link.mainDisplay || link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}{{ link.suffix }}{{ item.requested_subf0ck_slug ? ('#' + item.requested_subf0ck_slug) : '' }}@endif</div>
|
||||
<div class="gapLeft"></div>
|
||||
</div>
|
||||
@if(enable_item_title)
|
||||
@@ -126,11 +126,21 @@
|
||||
<div class="user-infobox-body">
|
||||
<div class="user-infobox-actions">
|
||||
<div class="gapRight">
|
||||
@if(item.is_chan)
|
||||
@if(item.local_id)
|
||||
<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">
|
||||
<a href="/{{ item.local_id }}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #{{ item.local_id }})" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #{{ item.local_id }}</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="{{ item.local_id }}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;"><i class="fa-solid fa-pen"></i></button>
|
||||
</span>
|
||||
@else
|
||||
<button type="button" class="chan-rehost-action-btn" id="chan-item-rehost-btn" data-url="{{ item.external_media_url }}" data-board="{{ item.external_board }}" data-tid="{{ item.external_tid }}" data-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" title="Rehost to f0ckm" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.3);cursor:pointer;font-weight:600;"><i class="fa-solid fa-cloud-arrow-up"></i> Rehost</button>
|
||||
@endif
|
||||
@endif
|
||||
@if(session)
|
||||
@if(user_has_favorited)
|
||||
<i class="iconset fa-solid fa-heart" id="a_favo" data-item-id="{{ item.id }}" title="Favorite"></i>
|
||||
<i class="iconset fa-solid fa-heart" id="a_favo" data-item-id="{{ item.local_id || item.id }}" @if(item.is_chan) data-is-chan="true" data-local-id="{{ item.local_id || '' }}" data-chan-url="{{ item.external_media_url }}" data-chan-board="{{ item.external_board }}" data-chan-tid="{{ item.external_tid }}" data-chan-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" @endif title="Favorite"></i>
|
||||
@else
|
||||
<i class="iconset fa-regular fa-heart" id="a_favo" data-item-id="{{ item.id }}" title="Favorite"></i>
|
||||
<i class="iconset fa-regular fa-heart" id="a_favo" data-item-id="{{ item.local_id || item.id }}" @if(item.is_chan) data-is-chan="true" data-local-id="{{ item.local_id || '' }}" data-chan-url="{{ item.external_media_url }}" data-chan-board="{{ item.external_board }}" data-chan-tid="{{ item.external_tid }}" data-chan-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" @endif title="Favorite"></i>
|
||||
@endif
|
||||
<i class="iconset fa-solid fa-circle-info" id="a_info" data-item-id="{{ item.id }}" title="{{ t('info_modal.button_title') || 'Post & File Info' }}"></i>
|
||||
@if(enable_comments)
|
||||
@@ -144,7 +154,7 @@
|
||||
@if(enable_oc)
|
||||
<i class="iconset {{ item.is_oc ? 'fa-solid' : 'fa-regular' }} fa-star" id="a_oc" data-item-id="{{ item.id }}" data-is-oc="{{ item.is_oc }}" title="{{ item.is_oc ? 'Remove OC status' : 'Mark as OC' }}"></i>
|
||||
@endif
|
||||
@if(can_extract_meta)
|
||||
@if(typeof can_extract_meta !== 'undefined' && can_extract_meta)
|
||||
<i class="iconset fa-solid fa-magic" id="a_metadata" data-item-id="{{ item.id }}" @if(item.mime === 'video/youtube') data-src="https://www.youtube.com/watch?v={{ item.dest.replace('yt:', '') }}" @endif title="Extract Metadata"></i>
|
||||
@endif
|
||||
@if(item.mime === 'application/x-shockwave-flash' || item.mime === 'application/vnd.adobe.flash.movie')
|
||||
@@ -177,6 +187,14 @@
|
||||
@endif
|
||||
</span>
|
||||
@if(!user_alternative_infobox) — <span class="badge badge-dark"><a href="/{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}" class="timestamp-link"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{item.timestamp.timeago }}</time></a></span>@if(item.expires_at) — <span class="badge badge-warning" style="background: rgba(255, 170, 0, 0.2); color: #ffaa00; border: 1px solid rgba(255, 170, 0, 0.4);" tooltip="Self-destructs {{ item.expires_in }}" flow="up"><i class="fa-solid fa-clock"></i> Expiring ({{ item.expires_in }})</span>@endif @endif
|
||||
@if(!user_alternative_infobox && item.is_chan) — <span class="badge badge-dark chan-post-badge" style="background: rgba(74, 222, 128, 0.15); border: 1px solid rgba(74, 222, 128, 0.3); display: inline-flex; align-items: center; gap: 6px;">
|
||||
<a href="/4/{{ item.external_board }}/{{ item.external_tid }}" style="color: #4ade80; text-decoration: none; font-weight: 600;" title="View thread overview"><i class="fa-solid fa-clover"></i> /{{ item.external_board }}/{{ item.external_tid }}</a>
|
||||
@if(item.local_id)
|
||||
<a href="/{{ item.local_id }}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #{{ item.local_id }})" style="display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:0.75rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #{{ item.local_id }}</a>
|
||||
@else
|
||||
<button type="button" class="chan-rehost-action-btn" id="chan-item-rehost-btn" data-url="{{ item.external_media_url }}" data-board="{{ item.external_board }}" data-tid="{{ item.external_tid }}" data-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" title="Rehost to f0ckm" style="display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:0.75rem;background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.3);cursor:pointer;font-weight:600;"><i class="fa-solid fa-cloud-arrow-up"></i> Rehost</button>
|
||||
@endif
|
||||
</span>@endif
|
||||
|
||||
<span id="hall-badge-container">@if(halls_enabled && item.primaryHall)<span class="badge hall-badge-wrap">
|
||||
<a href="/h/{{ item.primaryHall.slug }}" class="hall-badge-primary"><i class="fa-solid fa-layer-group"></i> {{ item.primaryHall.name }}</a>@if(item.otherHalls && item.otherHalls.length)<span class="hall-overflow-pill">+{{ item.otherHalls.length }}<span class="hall-overflow-tooltip">@each(item.otherHalls as oh)<a href="/h/{{ oh.slug }}">{{ oh.name }}</a>@endeach</span></span>@endif
|
||||
|
||||
@@ -70,7 +70,7 @@
|
||||
<div class="item-main-content">
|
||||
|
||||
<div class="_204863">
|
||||
<div class="location">{{ link.mainDisplay || link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}{{ link.suffix }}{{ item.requested_subf0ck_slug ? ('#' + item.requested_subf0ck_slug) : '' }}</div>
|
||||
<div class="location">@if(item.is_chan)<a href="/4/{{ item.external_board }}/catalogue" class="location-link" title="Board /{{ item.external_board }}/ catalogue">/4</a><a href="/4/{{ item.external_board }}/catalogue" class="location-link" title="Board /{{ item.external_board }}/ catalogue">/{{ item.external_board }}</a><a href="/4/{{ item.external_board }}/{{ item.external_tid }}" class="location-link" title="Thread #{{ item.external_tid }} overview">/{{ item.external_tid }}</a><a href="/4/{{ item.external_board }}/{{ item.external_tid }}/{{ item.external_id }}" class="location-link" data-inherit-context="false" title="Post #{{ item.external_id }}">/{{ item.external_id }}</a>@if(item.local_id)<span class="location-sep" style="opacity: 0.6; margin: 0 4px;">→</span><a href="/{{ item.local_id }}" class="location-link is-rehosted" title="View rehosted post #{{ item.local_id }} on f0ckm" style="color: #4ade80; font-weight: 700;"><i class="fa-solid fa-check"></i> #{{ item.local_id }}</a>@endif@else{{ link.mainDisplay || link.main }}{{ (enable_item_slugs && item.slug) ? item.slug : item.id }}{{ link.suffix }}{{ item.requested_subf0ck_slug ? ('#' + item.requested_subf0ck_slug) : '' }}@endif</div>
|
||||
<div class="gapLeft"></div>
|
||||
</div>
|
||||
@if(enable_item_title)
|
||||
@@ -150,14 +150,29 @@
|
||||
@if(item.expires_at)
|
||||
— <span class="badge badge-warning" style="background: rgba(255, 170, 0, 0.2); color: #ffaa00; border: 1px solid rgba(255, 170, 0, 0.4);" tooltip="Self-destructs {{ item.expires_in }}" flow="up"><i class="fa-solid fa-clock"></i> Expiring ({{ item.expires_in }})</span>
|
||||
@endif
|
||||
@if(item.is_chan)
|
||||
<span class="badge badge-dark" style="background: rgba(74, 222, 128, 0.15); border: 1px solid rgba(74, 222, 128, 0.3);">
|
||||
<a href="/4/{{ item.external_board }}/{{ item.external_tid }}" style="color: #4ade80; text-decoration: none; font-weight: 600;" title="View thread overview"><i class="fa-solid fa-clover"></i> /{{ item.external_board }}/{{ item.external_tid }}</a>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="gapRight">
|
||||
@if(item.is_chan)
|
||||
@if(item.local_id)
|
||||
<span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">
|
||||
<a href="/{{ item.local_id }}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #{{ item.local_id }})" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #{{ item.local_id }}</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="{{ item.local_id }}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;"><i class="fa-solid fa-pen"></i></button>
|
||||
</span>
|
||||
@else
|
||||
<button type="button" class="chan-rehost-action-btn" id="chan-item-rehost-btn" data-url="{{ item.external_media_url }}" data-board="{{ item.external_board }}" data-tid="{{ item.external_tid }}" data-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" title="Rehost to f0ckm" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.3);cursor:pointer;font-weight:600;"><i class="fa-solid fa-cloud-arrow-up"></i> Rehost</button>
|
||||
@endif
|
||||
@endif
|
||||
@if(session)
|
||||
@if(user_has_favorited)
|
||||
<i class="iconset fa-solid fa-heart" id="a_favo" data-item-id="{{ item.id }}" title="Favorite"></i>
|
||||
<i class="iconset fa-solid fa-heart" id="a_favo" data-item-id="{{ item.local_id || item.id }}" @if(item.is_chan) data-is-chan="true" data-local-id="{{ item.local_id || '' }}" data-chan-url="{{ item.external_media_url }}" data-chan-board="{{ item.external_board }}" data-chan-tid="{{ item.external_tid }}" data-chan-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" @endif title="Favorite"></i>
|
||||
@else
|
||||
<i class="iconset fa-regular fa-heart" id="a_favo" data-item-id="{{ item.id }}" title="Favorite"></i>
|
||||
<i class="iconset fa-regular fa-heart" id="a_favo" data-item-id="{{ item.local_id || item.id }}" @if(item.is_chan) data-is-chan="true" data-local-id="{{ item.local_id || '' }}" data-chan-url="{{ item.external_media_url }}" data-chan-board="{{ item.external_board }}" data-chan-tid="{{ item.external_tid }}" data-chan-post="{{ item.external_id }}" data-filename="{{ item.original_filename || '' }}" data-width="{{ item.width || '' }}" data-height="{{ item.height || '' }}" @endif title="Favorite"></i>
|
||||
@endif
|
||||
@endif
|
||||
@if(session)
|
||||
@@ -170,7 +185,9 @@
|
||||
@if(enable_oc)
|
||||
<i class="iconset {{ item.is_oc ? 'fa-solid' : 'fa-regular' }} fa-star" id="a_oc" data-item-id="{{ item.id }}" data-is-oc="{{ item.is_oc }}" title="{{ item.is_oc ? 'Remove OC status' : 'Mark as OC' }}"></i>
|
||||
@endif
|
||||
@if(typeof can_extract_meta !== 'undefined' && can_extract_meta)
|
||||
<i class="iconset fa-solid fa-magic" id="a_metadata" data-item-id="{{ item.id }}" @if(item.mime === 'video/youtube') data-src="https://www.youtube.com/watch?v={{ item.dest.replace('yt:', '') }}" @endif title="Extract Metadata"></i>
|
||||
@endif
|
||||
@if(is_flash_item)
|
||||
<i class="iconset fa-solid fa-image" id="a_rethumb" data-item-id="{{ item.id }}" title="Re-upload Thumbnail"></i>
|
||||
@endif
|
||||
|
||||
@@ -159,6 +159,9 @@
|
||||
<button type="button" class="sidebar-tab" id="sidebar-tab-tag" data-tab="tag" title="Tag Feed" aria-label="Tag Feed" style="display: none;">
|
||||
<i class="fa-solid fa-hashtag"></i>
|
||||
</button>
|
||||
<button type="button" class="sidebar-tab" id="sidebar-tab-chan" data-tab="chan" title="4chan Thread" aria-label="4chan Thread" style="display: none;">
|
||||
<i class="fa-solid fa-clover"></i>
|
||||
</button>
|
||||
<button type="button" class="sidebar-tab" id="sidebar-tab-favs" data-tab="favs" title="Favorites" aria-label="Favorites" style="display: none;">
|
||||
<i class="fa-solid fa-heart"></i>
|
||||
</button>
|
||||
@@ -198,6 +201,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sidebar-chan-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="chan" style="display: none;">
|
||||
<div class="sidebar-tag-header">
|
||||
<div class="sidebar-tag-title">
|
||||
<i class="fa-solid fa-clover" style="color: #4ade80;"></i>
|
||||
<span class="sidebar-chan-name"></span>
|
||||
<span class="sidebar-chan-count"></span>
|
||||
</div>
|
||||
<a href="#" class="sidebar-chan-overview-btn" title="View thread overview" style="display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background: rgba(255,255,255,0.06); color: #aaa; text-decoration: none;">
|
||||
<i class="fa-solid fa-list"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="sidebar-chan-items-container">
|
||||
<div class="sidebar-loading-state">
|
||||
<i class="fa-solid fa-circle-notch fa-spin"></i>
|
||||
<span>Loading thread media...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sidebar-favs-container" class="sidebar-recommendations-list sidebar-tab-content" data-tab-content="favs" style="display: none;">
|
||||
<div class="sidebar-tag-header">
|
||||
<div class="sidebar-tag-title">
|
||||
|
||||
@@ -94,9 +94,9 @@
|
||||
<div class="infobox-card-value font-mono" id="info-file-size">{{ item.size }}</div>
|
||||
</div>
|
||||
|
||||
<div class="infobox-card" id="info-card-dimensions" @if(!item_has_dimensions)style="display: none;"@endif>
|
||||
<div class="infobox-card" id="info-card-dimensions" @if(!item.width || !item.height)style="display: none;"@endif>
|
||||
<label class="infobox-card-label"><i class="fa-solid fa-ruler-combined"></i> Dimensions</label>
|
||||
<div class="infobox-card-value font-mono" id="info-file-dimensions">@if(item_has_dimensions){{ item.width }} × {{ item.height }} px@endif</div>
|
||||
<div class="infobox-card-value font-mono" id="info-file-dimensions">@if(item.width && item.height){{ item.width }} × {{ item.height }} px@endif</div>
|
||||
</div>
|
||||
|
||||
<div class="infobox-card" id="info-card-mime">
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
</div>
|
||||
@elseif(item.mime.startsWith("video"))
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" data-size="{{ item.size }}" loop playsinline @if(!session || session.disable_autoplay !== true) autoplay @endif></video>
|
||||
<video id="my-video" class="embed-responsive-item" width="{{ item.width || 640 }}" height="{{ item.height || 360 }}" src="{{ item.dest }}" preload="auto" data-size="{{ item.size }}" loop playsinline @if(!session || session.disable_autoplay !== true) autoplay @endif></video>
|
||||
</div>
|
||||
@elseif(item.mime.startsWith("audio"))
|
||||
<div class="embed-responsive embed-responsive-16by9" style="background: #000;">
|
||||
@@ -90,7 +90,7 @@
|
||||
@elseif(item.mime.startsWith("image"))
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<div class="embed-responsive-image" id="image-scroll">
|
||||
<a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async" /></a>
|
||||
<a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async" @if(item.width)width="{{ item.width }}"@endif @if(item.height)height="{{ item.height }}"@endif /></a>
|
||||
</div>
|
||||
<button class="image-modal-btn" title="Open in modal"><i class="fa-solid fa-plus"></i></button>
|
||||
</div>
|
||||
|
||||
@@ -28,6 +28,9 @@
|
||||
</div>
|
||||
@endif
|
||||
<a href="/tags" title="{{ t('nav.tags') }}"><i class="fa-solid fa-tags"></i></a>
|
||||
@if(session.can_chan)
|
||||
<a href="/4/wsg/catalogue" id="nav-chan-link" title="4chan Viewer & Rehost" style="color: #4ade80;"><i class="fa-solid fa-clover"></i></a>
|
||||
@endif
|
||||
@if(abyss_enabled)
|
||||
<a href="/abyss" title="{{ t('nav.abyss') }}"><i class="fa-solid fa-dice-d6"></i></a>
|
||||
@endif
|
||||
|
||||
Reference in New Issue
Block a user