gfdsgfds
This commit is contained in:
+186
-3
@@ -10277,6 +10277,16 @@ table img {
|
||||
border-color: rgba(255, 107, 157, 0.4) !important;
|
||||
}
|
||||
|
||||
@keyframes fav-pop {
|
||||
0% { transform: scale(1); }
|
||||
45% { transform: scale(1.32); }
|
||||
100% { transform: scale(1); }
|
||||
}
|
||||
|
||||
.fav-pop {
|
||||
animation: fav-pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
|
||||
}
|
||||
|
||||
/* pin icon */
|
||||
.iconset#a_pin {
|
||||
color: inherit;
|
||||
@@ -17155,6 +17165,26 @@ body.layout-legacy .gapRight>.iconset {
|
||||
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
|
||||
}
|
||||
|
||||
.gapRight i.iconset.fa-regular,
|
||||
.gapRight svg.iconset.fa-regular,
|
||||
.gapRight i.iconset.far,
|
||||
.gapRight i.fa-regular,
|
||||
.gapRight i.far,
|
||||
body.layout-legacy .gapRight>i.iconset.fa-regular,
|
||||
body.layout-modern .gapRight>i.iconset.fa-regular {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.gapRight i.iconset.fa-regular::before,
|
||||
.gapRight svg.iconset.fa-regular::before,
|
||||
.gapRight i.iconset.far::before,
|
||||
.gapRight i.fa-regular::before,
|
||||
.gapRight i.far::before,
|
||||
body.layout-legacy .gapRight>i.iconset.fa-regular::before,
|
||||
body.layout-modern .gapRight>i.iconset.fa-regular::before {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.gapRight>svg.iconset:hover,
|
||||
.gapRight>i.iconset:hover,
|
||||
.gapRight>button:hover,
|
||||
@@ -17618,6 +17648,33 @@ textarea#profile_description {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.user-infobox-block #a_favo.fa-regular,
|
||||
.user-infobox-block .gapRight #a_favo.fa-regular,
|
||||
.user-infobox-block .user-infobox-actions #a_favo.fa-regular,
|
||||
body.layout-legacy .user-infobox-block .gapRight > #a_favo.fa-regular,
|
||||
body.layout-modern .user-infobox-block .gapRight > #a_favo.fa-regular {
|
||||
font-weight: 400 !important;
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.user-infobox-block #a_favo.fa-regular:hover,
|
||||
.user-infobox-block .gapRight #a_favo.fa-regular:hover,
|
||||
.user-infobox-block .user-infobox-actions #a_favo.fa-regular:hover,
|
||||
body.layout-legacy .user-infobox-block .gapRight > #a_favo.fa-regular:hover,
|
||||
body.layout-modern .user-infobox-block .gapRight > #a_favo.fa-regular:hover {
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.user-infobox-block #a_favo.fa-regular::before,
|
||||
.user-infobox-block .gapRight #a_favo.fa-regular::before,
|
||||
.user-infobox-block .user-infobox-actions #a_favo.fa-regular::before,
|
||||
body.layout-legacy .user-infobox-block .gapRight > #a_favo.fa-regular::before,
|
||||
body.layout-modern .user-infobox-block .gapRight > #a_favo.fa-regular::before {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.user-infobox-username {
|
||||
font-weight: 700;
|
||||
color: var(--author-accent, inherit) !important;
|
||||
@@ -22487,20 +22544,146 @@ div#flash,
|
||||
}
|
||||
}
|
||||
|
||||
/* Chan Rehost Details Modal */
|
||||
/* Chan Rehost Details Modal / Popup */
|
||||
.chan-rehost-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(0, 0, 0, 0.82);
|
||||
backdrop-filter: blur(6px);
|
||||
background: transparent;
|
||||
backdrop-filter: none;
|
||||
z-index: 100200;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chan-rehost-modal .chan-rehost-modal-content,
|
||||
.chan-rehost-modal.chan-rehost-popup-mode .chan-rehost-modal-content {
|
||||
position: fixed !important;
|
||||
width: 270px !important;
|
||||
max-width: calc(100vw - 20px) !important;
|
||||
background: #18181b !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.18) !important;
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
|
||||
padding: 10px 12px !important;
|
||||
text-align: left !important;
|
||||
box-sizing: border-box !important;
|
||||
animation: chanRehostPopupIn 0.12s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
z-index: 100201 !important;
|
||||
}
|
||||
|
||||
@keyframes chanRehostPopupIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.96) translateY(3px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1) translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.chan-rehost-popup-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 6px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.chan-rehost-popup-title {
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
color: #d4d4d8;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-title i {
|
||||
color: #4ade80;
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #71717a;
|
||||
font-size: 1.15rem;
|
||||
cursor: pointer;
|
||||
padding: 0 4px;
|
||||
line-height: 1;
|
||||
transition: color 0.15s;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chan-rehost-ratings.chan-rehost-popup-ratings {
|
||||
display: flex;
|
||||
gap: 4px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.chan-rehost-ratings.chan-rehost-popup-ratings .chan-rehost-pill {
|
||||
flex: 1;
|
||||
padding: 6px 2px;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 600;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
color: #a1a1aa;
|
||||
cursor: pointer;
|
||||
transition: all 0.12s ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 3px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chan-rehost-ratings.chan-rehost-popup-ratings .chan-rehost-pill:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-actions {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-save-btn {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
background: #16a34a !important;
|
||||
color: #fff !important;
|
||||
border: none !important;
|
||||
border-radius: 6px;
|
||||
padding: 6px 12px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, opacity 0.15s;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-save-btn:hover {
|
||||
background: #15803d !important;
|
||||
}
|
||||
|
||||
.chan-rehost-popup-save-btn:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.chan-rehost-modal-content {
|
||||
background: #18181b;
|
||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||
|
||||
+249
-157
@@ -284,6 +284,8 @@
|
||||
};
|
||||
|
||||
|
||||
let favSeq = 0;
|
||||
|
||||
const toggleFavEvent = async (e) => {
|
||||
if (e && typeof e.preventDefault === 'function') e.preventDefault();
|
||||
if (window.f0ckSession?.is_anon && window.f0ckSession?.anon_permissions && window.f0ckSession.anon_permissions.favorite === false) {
|
||||
@@ -300,7 +302,12 @@
|
||||
const chanUrl = firstFavoBtn?.dataset?.chanUrl || chanRehostBtn?.dataset?.url;
|
||||
let localId = firstFavoBtn?.dataset?.localId;
|
||||
|
||||
const ctx = getContext();
|
||||
const postid = localId ? Number(localId) : ctx?.postid;
|
||||
if (!postid && !chanUrl) return;
|
||||
|
||||
const wasAlreadyFav = favoBtns[0].classList.contains('fa-solid') && !favoBtns[0].classList.contains('fa-spinner');
|
||||
const isNowFav = !wasAlreadyFav;
|
||||
|
||||
const setFavoUi = (isFav) => {
|
||||
favoBtns.forEach(btn => {
|
||||
@@ -308,178 +315,263 @@
|
||||
btn.classList.add('iconset', 'fa-heart');
|
||||
btn.classList.toggle('fa-solid', isFav);
|
||||
btn.classList.toggle('fa-regular', !isFav);
|
||||
btn.title = isFav ? (window.f0ckI18n?.fav_remove || 'Remove from favorites') : (window.f0ckI18n?.fav_add || 'Favorite');
|
||||
});
|
||||
};
|
||||
|
||||
const setFavoLoading = () => {
|
||||
favoBtns.forEach(btn => {
|
||||
btn.classList.remove('fa-heart');
|
||||
btn.classList.add('iconset', 'fa-solid', 'fa-spinner', 'fa-spin');
|
||||
});
|
||||
};
|
||||
// 1. Instantly apply client UI
|
||||
setFavoUi(isNowFav);
|
||||
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
setFavoLoading();
|
||||
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;
|
||||
// Micro-animation for tactile pop
|
||||
favoBtns.forEach(btn => {
|
||||
btn.classList.remove('fav-pop');
|
||||
void btn.offsetWidth;
|
||||
btn.classList.add('fav-pop');
|
||||
});
|
||||
|
||||
const timeEl = document.querySelector('time.timeago');
|
||||
if (timeEl) {
|
||||
const nowIso = new Date().toISOString();
|
||||
timeEl.dataset.iso = nowIso;
|
||||
const fullDate = typeof window.f0ckFormatDateFull === 'function' ? window.f0ckFormatDateFull(nowIso) : new Date().toLocaleString();
|
||||
timeEl.setAttribute('tooltip', fullDate);
|
||||
timeEl.textContent = (window.f0ckTimeAgo ? window.f0ckTimeAgo(nowIso) : (window.f0ckI18n?.timeago_just_now || 'just now'));
|
||||
// Instant flash message & vibration feedback
|
||||
window.flashMessage((window.f0ckI18n && (isNowFav ? window.f0ckI18n.fav_added : window.f0ckI18n.fav_removed)) || (isNowFav ? 'ADDED TO FAVORITES' : 'REMOVED FROM FAVORITES'));
|
||||
if (navigator.vibrate) navigator.vibrate(50);
|
||||
|
||||
if (postid && window.invalidateItemCache) {
|
||||
window.invalidateItemCache(postid);
|
||||
}
|
||||
|
||||
// Optimistically update #favs badge list
|
||||
const favcontainer = document.querySelector('#favs');
|
||||
const prevFavsHtml = favcontainer ? favcontainer.innerHTML : '';
|
||||
const prevFavsHidden = favcontainer ? favcontainer.hidden : true;
|
||||
|
||||
if (favcontainer) {
|
||||
const currentUser = (window.f0ckSession?.user || '').toLowerCase();
|
||||
const isAnon = !!(window.f0ckSession?.is_anon || window.f0ckSession?.user === 'anonymous');
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
|
||||
const findSelfBadge = () => {
|
||||
const selfBadges = favcontainer.querySelectorAll('[data-self="true"]');
|
||||
if (selfBadges.length) return selfBadges[0];
|
||||
if (currentUser && currentUser !== 'anonymous') {
|
||||
const links = favcontainer.querySelectorAll('a[href]');
|
||||
for (const a of links) {
|
||||
const path = a.getAttribute('href') || '';
|
||||
if (path.toLowerCase().endsWith('/user/' + currentUser)) return a;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
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>
|
||||
`;
|
||||
if (!isNowFav) {
|
||||
const selfBadge = findSelfBadge();
|
||||
if (selfBadge) selfBadge.remove();
|
||||
if (favcontainer.children.length === 0) {
|
||||
favcontainer.hidden = true;
|
||||
}
|
||||
} else {
|
||||
let selfBadge = findSelfBadge();
|
||||
if (!selfBadge) {
|
||||
selfBadge = document.createElement('a');
|
||||
selfBadge.dataset.self = 'true';
|
||||
selfBadge.setAttribute('flow', 'up');
|
||||
if (isAnonymized || isAnon) {
|
||||
selfBadge.className = 'ghost-fav';
|
||||
selfBadge.setAttribute('tooltip', 'anonymous');
|
||||
selfBadge.style.cursor = 'default';
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
selfBadge.appendChild(img);
|
||||
} else {
|
||||
selfBadge.href = `/user/${currentUser}`;
|
||||
selfBadge.setAttribute('tooltip', window.f0ckSession?.display_name || window.f0ckSession?.user || 'anonymous');
|
||||
const img = document.createElement('img');
|
||||
const avatarFile = window.f0ckSession?.avatar_file;
|
||||
const avatar = window.f0ckSession?.avatar;
|
||||
img.src = avatarFile ? `/a/${avatarFile}` : (avatar ? `/t/${avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (window.f0ckSession?.username_color) img.style.borderColor = window.f0ckSession.username_color;
|
||||
selfBadge.appendChild(img);
|
||||
}
|
||||
favcontainer.appendChild(selfBadge);
|
||||
}
|
||||
favcontainer.hidden = false;
|
||||
}
|
||||
}
|
||||
|
||||
const mySeq = ++favSeq;
|
||||
|
||||
// 2. Run server operation in background — can take as long as it needs
|
||||
(async () => {
|
||||
try {
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
if (mySeq !== favSeq) return;
|
||||
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;
|
||||
|
||||
const timeEl = document.querySelector('time.timeago');
|
||||
if (timeEl) {
|
||||
const nowIso = new Date().toISOString();
|
||||
timeEl.dataset.iso = nowIso;
|
||||
const fullDate = typeof window.f0ckFormatDateFull === 'function' ? window.f0ckFormatDateFull(nowIso) : new Date().toLocaleString();
|
||||
timeEl.setAttribute('tooltip', fullDate);
|
||||
timeEl.textContent = (window.f0ckTimeAgo ? window.f0ckTimeAgo(nowIso) : (window.f0ckI18n?.timeago_just_now || 'just now'));
|
||||
}
|
||||
|
||||
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" 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');
|
||||
}
|
||||
}
|
||||
|
||||
const effectivePostId = localId ? Number(localId) : (postid || getContext()?.postid);
|
||||
if (!effectivePostId) {
|
||||
throw new Error('Missing post ID');
|
||||
}
|
||||
|
||||
if (mySeq !== favSeq) return;
|
||||
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: effectivePostId,
|
||||
chan_url: chanUrl,
|
||||
action: isNowFav ? 'add' : 'delete',
|
||||
favorited: isNowFav
|
||||
});
|
||||
|
||||
if (mySeq !== favSeq) return;
|
||||
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
window.invalidateItemCache(effectivePostId);
|
||||
}
|
||||
const finalIsFav = (res.favorited !== undefined) ? !!res.favorited : isNowFav;
|
||||
setFavoUi(finalIsFav);
|
||||
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer && Array.isArray(res.favs)) {
|
||||
curFavContainer.innerHTML = "";
|
||||
if (res.favs.length > 0) {
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
const fragment = document.createDocumentFragment();
|
||||
res.favs.forEach(f => {
|
||||
const isSelf = window.f0ckSession && (
|
||||
(window.f0ckSession.id && f.user_id && Number(window.f0ckSession.id) === Number(f.user_id)) ||
|
||||
(window.f0ckSession.user && f.user && window.f0ckSession.user.toLowerCase() === f.user.toLowerCase()) ||
|
||||
(window.f0ckSession.login && f.login && window.f0ckSession.login.toLowerCase() === f.login.toLowerCase())
|
||||
);
|
||||
const isFavAnon = f.is_anon || f.user === 'anonymous' || (typeof f.user === 'string' && f.user.startsWith('anon_'));
|
||||
|
||||
if (f.hide_fav_badge && !isSelf) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', '?');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/s/img/ghost_fav.svg';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else if (isAnonymized || isFavAnon) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
if (isSelf) a.dataset.self = 'true';
|
||||
a.setAttribute('tooltip', 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else {
|
||||
const a = document.createElement('a');
|
||||
if (isSelf) a.dataset.self = 'true';
|
||||
a.href = `/user/${(f.user || '').toLowerCase()}`;
|
||||
a.setAttribute('tooltip', f.display_name || f.user || 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = f.avatar_file ? `/a/${f.avatar_file}` : (f.avatar ? `/t/${f.avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (f.username_color) img.style.borderColor = f.username_color;
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
}
|
||||
});
|
||||
curFavContainer.appendChild(fragment);
|
||||
curFavContainer.hidden = false;
|
||||
} else {
|
||||
curFavContainer.hidden = true;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
throw new Error(rehostData.msg || 'Rehost failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV-ADMIN] Auto-rehost error:', err);
|
||||
setFavoUi(wasAlreadyFav);
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to favorite post', 3000, 'error');
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const ctx = getContext();
|
||||
if (!ctx) {
|
||||
setFavoUi(wasAlreadyFav);
|
||||
return;
|
||||
}
|
||||
const postid = localId ? Number(localId) : ctx.postid;
|
||||
|
||||
try {
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: postid,
|
||||
chan_url: chanUrl
|
||||
});
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
window.invalidateItemCache(postid);
|
||||
}
|
||||
// Authoritative server state takes priority; fallback to inverting previous UI state
|
||||
const isNowFav = (res.favorited !== undefined) ? !!res.favorited : !wasAlreadyFav;
|
||||
|
||||
setFavoUi(isNowFav);
|
||||
|
||||
const favcontainer = document.querySelector('#favs');
|
||||
if (favcontainer) {
|
||||
favcontainer.innerHTML = "";
|
||||
if (res.favs && res.favs.length > 0) {
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
const fragment = document.createDocumentFragment();
|
||||
res.favs.forEach(f => {
|
||||
const isSelf = window.f0ckSession && (
|
||||
(window.f0ckSession.id && f.user_id && Number(window.f0ckSession.id) === Number(f.user_id)) ||
|
||||
(window.f0ckSession.user && f.user && window.f0ckSession.user.toLowerCase() === f.user.toLowerCase()) ||
|
||||
(window.f0ckSession.login && f.login && window.f0ckSession.login.toLowerCase() === f.login.toLowerCase())
|
||||
);
|
||||
const isFavAnon = f.is_anon || f.user === 'anonymous' || (typeof f.user === 'string' && f.user.startsWith('anon_'));
|
||||
|
||||
if (f.hide_fav_badge && !isSelf) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', '?');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/s/img/ghost_fav.svg';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else if (isAnonymized || isFavAnon) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else {
|
||||
const a = document.createElement('a');
|
||||
a.href = `/user/${(f.user || '').toLowerCase()}`;
|
||||
a.setAttribute('tooltip', f.display_name || f.user || 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = f.avatar_file ? `/a/${f.avatar_file}` : (f.avatar ? `/t/${f.avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (f.username_color) img.style.borderColor = f.username_color;
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
}
|
||||
});
|
||||
favcontainer.appendChild(fragment);
|
||||
favcontainer.hidden = false;
|
||||
} else {
|
||||
favcontainer.hidden = true;
|
||||
if (mySeq !== favSeq) return;
|
||||
setFavoUi(wasAlreadyFav);
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer) {
|
||||
curFavContainer.innerHTML = prevFavsHtml;
|
||||
curFavContainer.hidden = prevFavsHidden;
|
||||
}
|
||||
const errMsg = (res && (res.msg || res.error)) || 'Anonymous favoriting is disabled.';
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(errMsg, 3000, 'error');
|
||||
}
|
||||
}
|
||||
|
||||
window.flashMessage((window.f0ckI18n && (isNowFav ? window.f0ckI18n.fav_added : window.f0ckI18n.fav_removed)) || (isNowFav ? 'ADDED TO FAVORITES' : 'REMOVED FROM FAVORITES'));
|
||||
if (navigator.vibrate) navigator.vibrate(50);
|
||||
} else {
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV-ADMIN] Error during background favorite sync:', err);
|
||||
if (mySeq !== favSeq) return;
|
||||
setFavoUi(wasAlreadyFav);
|
||||
const errMsg = (res && (res.msg || res.error)) || 'Anonymous favoriting is disabled.';
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer) {
|
||||
curFavContainer.innerHTML = prevFavsHtml;
|
||||
curFavContainer.hidden = prevFavsHidden;
|
||||
}
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(errMsg, 3000, 'error');
|
||||
window.flashMessage('Failed to update favorite.', 3000, 'error');
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
setFavoUi(wasAlreadyFav);
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to update favorite.', 3000, 'error');
|
||||
}
|
||||
}
|
||||
})();
|
||||
};
|
||||
|
||||
const deleteSubItemEvent = async (subf0ck, postid) => {
|
||||
|
||||
@@ -578,7 +578,12 @@
|
||||
if (typeof window.showToastNotification === 'function') window.showToastNotification('New passkey registered!');
|
||||
this._refreshModalContent();
|
||||
} catch (err) {
|
||||
if (err.name !== 'NotAllowedError') alert('Failed to add passkey: ' + err.message);
|
||||
console.warn('[ANON_PASSKEY] Modal add passkey error:', err);
|
||||
if (err && err.name === 'NotAllowedError') {
|
||||
alert('Passkey creation was cancelled or blocked. If Bitwarden or another password manager is locked, please unlock it.');
|
||||
} else {
|
||||
alert('Failed to add passkey: ' + ((err && err.message) || 'Unknown error'));
|
||||
}
|
||||
} finally {
|
||||
addBtn.disabled = false;
|
||||
}
|
||||
|
||||
+308
-152
@@ -1924,6 +1924,39 @@ window.cancelAnimFrame = (function () {
|
||||
// Clear onara-active from any and all elements to guarantee only 1 item is selected
|
||||
document.querySelectorAll('.onara-active').forEach(el => el.classList.remove('onara-active'));
|
||||
|
||||
// Check for 4chan thread post card in the background thread
|
||||
let postNo = null;
|
||||
if (url) {
|
||||
const m = new URL(url, window.location.origin).pathname.match(/^\/4\/[a-z0-9_]+\/\d+\/(\d+)/i);
|
||||
if (m) postNo = m[1];
|
||||
}
|
||||
if (!postNo && itemid && /^\d+$/.test(String(itemid))) {
|
||||
postNo = String(itemid);
|
||||
}
|
||||
|
||||
let targetChanCard = null;
|
||||
if (postNo) {
|
||||
targetChanCard = document.getElementById('p' + postNo) || document.querySelector(`.chan-post-card[data-no="${postNo}"]`);
|
||||
}
|
||||
|
||||
if (targetChanCard) {
|
||||
document.querySelectorAll('.chan-post-card.active-thread-post').forEach(el => el.classList.remove('active-thread-post'));
|
||||
targetChanCard.classList.add('active-thread-post', 'onara-active');
|
||||
const chanThumb = targetChanCard.querySelector('.chan-thumb-link');
|
||||
if (chanThumb) chanThumb.classList.add('onara-active');
|
||||
|
||||
if (document.activeElement && document.activeElement !== targetChanCard && typeof document.activeElement.blur === 'function') {
|
||||
document.activeElement.blur();
|
||||
}
|
||||
|
||||
try {
|
||||
targetChanCard.scrollIntoView({ block: 'center', behavior: forceScroll ? 'instant' : 'smooth' });
|
||||
} catch (_) {
|
||||
targetChanCard.scrollIntoView();
|
||||
}
|
||||
return targetChanCard;
|
||||
}
|
||||
|
||||
let targetThumb = null;
|
||||
if (url) {
|
||||
try {
|
||||
@@ -2177,6 +2210,47 @@ window.cancelAnimFrame = (function () {
|
||||
|
||||
const currentSeq = ++_onaraSyncSeq;
|
||||
const urlObj = new URL(url || window.location.href, window.location.origin);
|
||||
if (urlObj.pathname.startsWith('/4/')) {
|
||||
const chanStream = document.querySelector('.chan-posts-stream');
|
||||
const chanM = urlObj.pathname.match(/^\/4\/([a-z0-9_]+)\/(\d+)/i);
|
||||
let sameThread = false;
|
||||
if (chanStream && chanM) {
|
||||
const currentUrlMatch = window.location.pathname.match(/^\/4\/([a-z0-9_]+)\/(\d+)/i);
|
||||
if (currentUrlMatch && currentUrlMatch[1].toLowerCase() === chanM[1].toLowerCase() && currentUrlMatch[2] === chanM[2]) {
|
||||
sameThread = true;
|
||||
} else if (document.querySelector('.chan-back-btn, .sidebar-chan-overview-btn, a[href*="/4/' + chanM[1] + '/' + chanM[2] + '"]')) {
|
||||
sameThread = true;
|
||||
}
|
||||
}
|
||||
if (sameThread) {
|
||||
updateOnaraActiveItem(itemid, url, false, slug, extraMeta);
|
||||
return;
|
||||
}
|
||||
if (chanM) {
|
||||
const threadUrl = `/4/${chanM[1]}/${chanM[2]}`;
|
||||
try {
|
||||
const pageRes = await fetch(threadUrl, {
|
||||
headers: { 'X-Requested-With': 'XMLHttpRequest' }
|
||||
});
|
||||
if (pageRes.ok) {
|
||||
const html = await pageRes.text();
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html');
|
||||
const main = document.getElementById('main');
|
||||
const newMain = doc.querySelector('#main');
|
||||
if (main && newMain) {
|
||||
main.className = newMain.className;
|
||||
main.innerHTML = newMain.innerHTML;
|
||||
window._onaraReturnUrl = threadUrl;
|
||||
if (doc.title) window._onaraReturnTitle = doc.title;
|
||||
updateOnaraActiveItem(itemid, url, true, slug, extraMeta);
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn('[ONARA] Failed to sync chan thread:', e);
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
const feedBasePath = urlObj.pathname.replace(/\/+$/, '').replace(/\/(?:\d+|[a-zA-Z0-9_-]{11})$/, '') || '/';
|
||||
|
||||
let targetPage = (typeof knownPage === 'number' && knownPage >= 1) ? knownPage : null;
|
||||
@@ -2364,6 +2438,10 @@ window.cancelAnimFrame = (function () {
|
||||
} catch {}
|
||||
}
|
||||
|
||||
if (path.startsWith('/4/')) {
|
||||
return path;
|
||||
}
|
||||
|
||||
const postsEl = document.querySelector('.posts');
|
||||
const activePagSpan = document.querySelector('.pagination span.btn.disabled, .pagination span.disabled');
|
||||
const pagPage = activePagSpan ? parseInt(activePagSpan.textContent.trim(), 10) : 0;
|
||||
@@ -2452,7 +2530,7 @@ window.cancelAnimFrame = (function () {
|
||||
window._onaraReturnTitle = null;
|
||||
|
||||
// Maintain focus on active item so user TAB navigation seamlessly resumes from current progress
|
||||
const activeThumb = document.querySelector('.posts > a.thumb.onara-active');
|
||||
const activeThumb = document.querySelector('.posts > a.thumb.onara-active, .chan-post-card.active-thread-post .chan-thumb-link, .chan-post-card.onara-active .chan-thumb-link');
|
||||
if (activeThumb) {
|
||||
try {
|
||||
activeThumb.focus({ preventScroll: true });
|
||||
@@ -4437,7 +4515,7 @@ window.cancelAnimFrame = (function () {
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html');
|
||||
const gridContent = doc.querySelector('#main') || doc.body;
|
||||
if (gridContent) {
|
||||
main.className = '';
|
||||
main.className = gridContent.className || '';
|
||||
main.innerHTML = gridContent.innerHTML;
|
||||
if (typeof window.initLazyLoading === 'function') {
|
||||
window.initLazyLoading();
|
||||
@@ -4452,7 +4530,7 @@ window.cancelAnimFrame = (function () {
|
||||
}
|
||||
|
||||
if (activeKey) {
|
||||
updateOnaraActiveItem(activeKey, window.location.href);
|
||||
updateOnaraActiveItem(activeKey, window.location.href, true);
|
||||
if (typeof window.trackVisit === 'function') {
|
||||
window.trackVisit(activeKey);
|
||||
}
|
||||
@@ -4473,7 +4551,7 @@ window.cancelAnimFrame = (function () {
|
||||
const keySegments = pathSegments.filter(s => /^\d+$/.test(s) || /^[a-zA-Z0-9_-]{11}$/.test(s));
|
||||
const activeKey = keySegments.length ? keySegments[keySegments.length - 1] : null;
|
||||
if (activeKey) {
|
||||
updateOnaraActiveItem(activeKey, window.location.href);
|
||||
updateOnaraActiveItem(activeKey, window.location.href, true);
|
||||
if (typeof window.trackVisit === 'function') {
|
||||
window.trackVisit(activeKey);
|
||||
}
|
||||
@@ -11261,7 +11339,10 @@ window.cancelAnimFrame = (function () {
|
||||
|
||||
if (isItem) {
|
||||
isNavigating = false;
|
||||
return loadItemAjax(url, replace, options);
|
||||
const shouldInherit = (options.skipInherit || options.inheritContext === false) ? false : (options.inheritContext !== undefined ? !!options.inheritContext : false);
|
||||
const itemOptions = { ...options };
|
||||
if (replace) itemOptions.replace = true;
|
||||
return loadItemAjax(url, shouldInherit, itemOptions);
|
||||
}
|
||||
|
||||
|
||||
@@ -12369,7 +12450,12 @@ 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 && !isChanUrl) {
|
||||
const targetUrlObj = new URL(url, window.location.origin);
|
||||
const targetPath = targetUrlObj.pathname;
|
||||
const hasContextPrefix = /^\/(?:tag|h|user|favs|4)\//.test(targetPath);
|
||||
const isBareItem = !hasContextPrefix;
|
||||
|
||||
if (inheritContext && !isChanUrl && !isBareItem && !options.skipInherit) {
|
||||
if (!tag) {
|
||||
const wTagMatch = window.location.href.match(/\/tag\/([^/?]+)/);
|
||||
if (wTagMatch) tag = decodeURIComponent(wTagMatch[1]);
|
||||
@@ -12592,6 +12678,8 @@ window.cancelAnimFrame = (function () {
|
||||
promoteOnaraModals();
|
||||
const onaraModal = document.getElementById('onara-modal');
|
||||
if (onaraModal) onaraModal.scrollTo(0, 0);
|
||||
updateOnaraActiveItem(itemid, url, false, _cachedItem.slug, null);
|
||||
syncOnaraBackgroundGrid(itemid, url, _cachedItem.page, _cachedItem.slug, null);
|
||||
} else if (options.skipPush && history.state?.scroll !== undefined) {
|
||||
requestAnimationFrame(() => window.scrollTo(0, history.state.scroll));
|
||||
} else if (!options.keepMedia) {
|
||||
@@ -12601,7 +12689,10 @@ window.cancelAnimFrame = (function () {
|
||||
const _hash = new URL(url, window.location.origin).hash;
|
||||
const itemKey = (window.f0ckSession?.enable_item_slugs !== false && _cachedItem.slug) ? _cachedItem.slug : (_cachedItem.slug || itemid);
|
||||
let _pushUrl = `/${itemKey}`;
|
||||
if (userHall && userHallOwner) _pushUrl = `/user/${encodeURIComponent(userHallOwner)}/hall/${encodeURIComponent(userHall)}/${itemKey}`;
|
||||
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}`; if (isFavs) _pushUrl = `/user/${encodeURIComponent(user)}/favs/${itemKey}`; }
|
||||
else if (isFavs) _pushUrl = `/favs/${itemKey}`;
|
||||
else if (tag) _pushUrl = `/tag/${encodeURIComponent(tag).replace(/%2C/g,',').replace(/%20/g,' ')}/${itemKey}`;
|
||||
@@ -12952,7 +13043,11 @@ window.cancelAnimFrame = (function () {
|
||||
|
||||
if (!options.keepMedia && !options.skipPush) {
|
||||
// We overwrite proper URL even if the link clicked was "naked"
|
||||
history.pushState({ onara: useOnara }, '', pushUrl);
|
||||
if (options.replace || options.replaceState) {
|
||||
history.replaceState({ onara: useOnara }, '', pushUrl);
|
||||
} else {
|
||||
history.pushState({ onara: useOnara }, '', pushUrl);
|
||||
}
|
||||
}
|
||||
|
||||
if (!options.keepMedia) {
|
||||
@@ -13507,121 +13602,195 @@ window.cancelAnimFrame = (function () {
|
||||
}
|
||||
}
|
||||
|
||||
window.openChanRehostModal = function({ itemId, isPlayerView = false, onSave = null }) {
|
||||
window.openChanRehostModal = function({ itemId, onSave = null, anchorEl = 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);
|
||||
}
|
||||
|
||||
if (!anchorEl) {
|
||||
anchorEl = document.querySelector(`.chan-rehost-edit-btn[data-item-id="${itemId}"]`) ||
|
||||
document.querySelector(`.chan-rehost-btn[href="/${itemId}"]`) ||
|
||||
document.querySelector(`.chan-rehost-action-btn[href="/${itemId}"]`) ||
|
||||
document.querySelector(`#rehost-box-${itemId} .chan-rehosted-wrap`) ||
|
||||
document.querySelector(`#rehost-box-${itemId}`) ||
|
||||
document.getElementById('chan-item-rehost-btn');
|
||||
}
|
||||
|
||||
modal.className = 'modal-overlay chan-rehost-modal chan-rehost-popup-mode';
|
||||
modal.style.display = 'block';
|
||||
document.body.classList.remove('modal-open');
|
||||
|
||||
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 class="modal-content chan-rehost-modal-content chan-rehost-popup-content" role="dialog" aria-label="Rehost Rating">
|
||||
<div class="chan-rehost-popup-header">
|
||||
<span class="chan-rehost-popup-title">
|
||||
<i class="fa-solid fa-shield-halved"></i>
|
||||
<span>Rating</span>
|
||||
</span>
|
||||
<button type="button" class="chan-rehost-modal-close chan-rehost-popup-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 class="chan-rehost-ratings chan-rehost-popup-ratings" id="chan-rehost-rating-group">
|
||||
<button type="button" class="chan-rehost-pill untagged active" data-rating="untagged" title="Untagged"><i class="fa-solid fa-question"></i> Untagged</button>
|
||||
<button type="button" class="chan-rehost-pill sfw" data-rating="sfw" title="Safe for Work"><i class="fa-solid fa-shield"></i> SFW</button>
|
||||
<button type="button" class="chan-rehost-pill nsfw" data-rating="nsfw" title="Not Safe for Work"><i class="fa-solid fa-eye-slash"></i> NSFW</button>
|
||||
<button type="button" class="chan-rehost-pill nsfl" data-rating="nsfl" title="Not Safe for Life"><i class="fa-solid fa-skull"></i> NSFL</button>
|
||||
</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 class="chan-rehost-popup-actions">
|
||||
<button type="button" class="btn btn-primary chan-rehost-modal-save chan-rehost-popup-save-btn">
|
||||
<i class="fa-solid fa-check"></i> Save
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
modal.style.display = 'flex';
|
||||
document.body.classList.add('modal-open');
|
||||
const content = modal.querySelector('.chan-rehost-modal-content');
|
||||
let positionHandler = null;
|
||||
|
||||
const updatePopupPosition = () => {
|
||||
if (!content) return;
|
||||
const cRect = content.getBoundingClientRect();
|
||||
const margin = 8;
|
||||
const pad = 8;
|
||||
|
||||
if (anchorEl && typeof anchorEl.getBoundingClientRect === 'function') {
|
||||
const rect = anchorEl.getBoundingClientRect();
|
||||
let left = rect.left + (rect.width / 2) - (cRect.width / 2);
|
||||
if (left < pad) left = pad;
|
||||
if (left + cRect.width > window.innerWidth - pad) {
|
||||
left = window.innerWidth - cRect.width - pad;
|
||||
}
|
||||
|
||||
let top;
|
||||
if (rect.top >= cRect.height + margin + pad) {
|
||||
top = rect.top - cRect.height - margin;
|
||||
content.dataset.pos = 'above';
|
||||
} else {
|
||||
top = rect.bottom + margin;
|
||||
content.dataset.pos = 'below';
|
||||
}
|
||||
|
||||
if (top + cRect.height > window.innerHeight - pad) {
|
||||
top = window.innerHeight - cRect.height - pad;
|
||||
}
|
||||
if (top < pad) top = pad;
|
||||
|
||||
content.style.position = 'fixed';
|
||||
content.style.left = `${Math.round(left)}px`;
|
||||
content.style.top = `${Math.round(top)}px`;
|
||||
content.style.right = 'auto';
|
||||
content.style.bottom = 'auto';
|
||||
content.style.margin = '0';
|
||||
} else {
|
||||
content.style.position = 'fixed';
|
||||
content.style.left = `${Math.round((window.innerWidth - cRect.width) / 2)}px`;
|
||||
content.style.top = `${Math.round((window.innerHeight - cRect.height) / 2)}px`;
|
||||
}
|
||||
};
|
||||
|
||||
updatePopupPosition();
|
||||
requestAnimationFrame(updatePopupPosition);
|
||||
setTimeout(updatePopupPosition, 25);
|
||||
setTimeout(updatePopupPosition, 100);
|
||||
|
||||
positionHandler = () => requestAnimationFrame(updatePopupPosition);
|
||||
window.addEventListener('scroll', positionHandler, { passive: true, capture: true });
|
||||
window.addEventListener('resize', positionHandler, { passive: true });
|
||||
|
||||
const ratingGroup = modal.querySelector('#chan-rehost-rating-group');
|
||||
let selectedRating = 'untagged';
|
||||
let userSelectedRating = false;
|
||||
let userEditedTags = false;
|
||||
|
||||
ratingGroup.addEventListener('click', (e) => {
|
||||
const pill = e.target.closest('.chan-rehost-pill');
|
||||
if (!pill) return;
|
||||
userSelectedRating = true;
|
||||
ratingGroup.querySelectorAll('.chan-rehost-pill').forEach(b => b.classList.remove('active'));
|
||||
pill.classList.add('active');
|
||||
selectedRating = pill.dataset.rating;
|
||||
});
|
||||
if (ratingGroup) {
|
||||
ratingGroup.addEventListener('click', (e) => {
|
||||
const pill = e.target.closest('.chan-rehost-pill');
|
||||
if (!pill) return;
|
||||
userSelectedRating = true;
|
||||
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');
|
||||
|
||||
tagsInput.addEventListener('input', () => {
|
||||
userEditedTags = true;
|
||||
});
|
||||
|
||||
// Pre-fill current rating and tags if available (don't overwrite if user already interacted)
|
||||
// Pre-fill current rating if available
|
||||
fetch(`/api/v2/scroller/rehost/details/${itemId}`)
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
if (data && data.success) {
|
||||
if (data.rating && data.rating !== 'untagged' && !userSelectedRating) {
|
||||
if (data.rating && data.rating !== 'untagged' && !userSelectedRating && ratingGroup) {
|
||||
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 && !userEditedTags && !tagsInput.value) {
|
||||
tagsInput.value = data.tags.map(t => (typeof t === 'string' ? t : t.tag)).join(', ');
|
||||
}
|
||||
}
|
||||
}).catch(() => {});
|
||||
|
||||
setTimeout(() => tagsInput.focus(), 100);
|
||||
|
||||
let isClosing = false;
|
||||
const closeModal = () => {
|
||||
modal.style.display = 'none';
|
||||
document.body.classList.remove('modal-open');
|
||||
if (isClosing) return;
|
||||
isClosing = true;
|
||||
document.removeEventListener('keydown', handleKeydown);
|
||||
document.removeEventListener('click', handleDocClick);
|
||||
if (positionHandler) {
|
||||
window.removeEventListener('scroll', positionHandler, { capture: true });
|
||||
window.removeEventListener('resize', positionHandler);
|
||||
positionHandler = null;
|
||||
}
|
||||
document.body.classList.remove('modal-open');
|
||||
if (modal) {
|
||||
modal.style.display = 'none';
|
||||
if (modal.parentNode) {
|
||||
modal.parentNode.removeChild(modal);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const handleKeydown = (e) => {
|
||||
if (e.key === 'Escape') closeModal();
|
||||
if (e.key === 'Escape') {
|
||||
e.preventDefault();
|
||||
closeModal();
|
||||
}
|
||||
if (e.key === 'Enter') {
|
||||
e.preventDefault();
|
||||
saveDetails();
|
||||
}
|
||||
};
|
||||
document.addEventListener('keydown', handleKeydown);
|
||||
|
||||
modal.querySelector('.chan-rehost-modal-close').onclick = closeModal;
|
||||
modal.querySelector('.chan-rehost-modal-cancel').onclick = closeModal;
|
||||
const closeBtn = modal.querySelector('.chan-rehost-modal-close');
|
||||
if (closeBtn) {
|
||||
closeBtn.onclick = (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
closeModal();
|
||||
};
|
||||
}
|
||||
modal.onclick = (e) => {
|
||||
if (e.target === modal) closeModal();
|
||||
if (e.target === modal) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
closeModal();
|
||||
}
|
||||
};
|
||||
|
||||
const handleDocClick = (e) => {
|
||||
if (!modal || isClosing) return;
|
||||
if (!content.contains(e.target)) {
|
||||
closeModal();
|
||||
}
|
||||
};
|
||||
setTimeout(() => {
|
||||
document.addEventListener('click', handleDocClick);
|
||||
}, 50);
|
||||
|
||||
const updateDomAfterSave = (resData) => {
|
||||
try {
|
||||
const finalRating = resData.rating || selectedRating || 'untagged';
|
||||
const finalTags = Array.isArray(resData.tags) ? resData.tags : [];
|
||||
|
||||
// 1. Update #tags container
|
||||
const tagsContainer = document.querySelector('#tags');
|
||||
@@ -13646,29 +13815,6 @@ window.cancelAnimFrame = (function () {
|
||||
ratingEl.dataset.itemId = itemId;
|
||||
ratingEl.dataset.rating = finalRating;
|
||||
ratingEl.innerHTML = `<span class="rating-label">${rMeta.label}</span>`;
|
||||
|
||||
// Remove previous tag badges and re-render new ones
|
||||
tagsContainer.querySelectorAll('.tag-badge').forEach(el => el.remove());
|
||||
finalTags.forEach(t => {
|
||||
const tagName = typeof t === 'string' ? t : (t.tag || '');
|
||||
const tagNorm = typeof t === 'string' ? tagName.toLowerCase().replace(/[^a-z0-9_-]/g, '') : (t.normalized || tagName);
|
||||
const tagBadge = (typeof t === 'object' && t.badge) ? t.badge : 'badge-light';
|
||||
const tagId = (typeof t === 'object' && t.id) ? t.id : '';
|
||||
|
||||
const span = document.createElement('span');
|
||||
span.className = `badge ${tagBadge} tag-badge`;
|
||||
if (tagId) span.dataset.tagId = tagId;
|
||||
span.dataset.tag = tagName;
|
||||
span.dataset.tagNormalized = tagNorm;
|
||||
|
||||
const a = document.createElement('a');
|
||||
a.href = `/tag/${encodeURIComponent(tagNorm)}`;
|
||||
a.className = 'tag-name';
|
||||
a.textContent = tagName;
|
||||
span.appendChild(a);
|
||||
|
||||
tagsContainer.appendChild(span);
|
||||
});
|
||||
}
|
||||
|
||||
// 2. Update .item-layout-container
|
||||
@@ -13717,14 +13863,21 @@ window.cancelAnimFrame = (function () {
|
||||
<a href="/${itemId}" class="chan-rehost-action-btn rehosted" title="View Post #${itemId}" style="display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;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;white-space:nowrap;flex-shrink:0;">
|
||||
<i class="fa-solid fa-check"></i> #${itemId}
|
||||
</a>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${itemId}" 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;">
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${itemId}" title="Edit rating" 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>
|
||||
`;
|
||||
}
|
||||
|
||||
// 7. Invalidate caches
|
||||
// 7. Update thread edit buttons if present on page
|
||||
const threadEditBtns = document.querySelectorAll(`.chan-rehost-edit-btn[data-item-id="${itemId}"]`);
|
||||
threadEditBtns.forEach(b => {
|
||||
b.dataset.rating = finalRating;
|
||||
b.title = 'Edit rating (' + finalRating.toUpperCase() + ')';
|
||||
});
|
||||
|
||||
// 8. Invalidate caches
|
||||
if (typeof window.invalidateItemCache === 'function') {
|
||||
window.invalidateItemCache(itemId);
|
||||
window.invalidateItemCache(window.location.pathname);
|
||||
@@ -13734,11 +13887,12 @@ window.cancelAnimFrame = (function () {
|
||||
}
|
||||
};
|
||||
|
||||
const saveDetails = async (andView = false) => {
|
||||
const saveDetails = async () => {
|
||||
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;
|
||||
if (saveBtn) {
|
||||
saveBtn.disabled = true;
|
||||
saveBtn.innerHTML = '<i class="fa-solid fa-circle-notch fa-spin"></i> Saving…';
|
||||
}
|
||||
|
||||
try {
|
||||
const csrfToken = window.f0ckSession?.csrf_token || '';
|
||||
@@ -13746,57 +13900,46 @@ window.cancelAnimFrame = (function () {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'X-Requested-With': 'XMLHttpRequest',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
item_id: itemId,
|
||||
item_id: String(itemId),
|
||||
rating: selectedRating,
|
||||
tags: tagsInput.value.trim(),
|
||||
comment: commentInput.value.trim()
|
||||
tags: '',
|
||||
comment: ''
|
||||
})
|
||||
});
|
||||
|
||||
const resData = await resp.json();
|
||||
if (resData.success) {
|
||||
if (typeof window.showToast === 'function') {
|
||||
window.showToast('Details saved for #' + itemId + '!');
|
||||
}
|
||||
closeModal();
|
||||
if (typeof window.showToast === 'function') {
|
||||
window.showToast('Rating saved for #' + itemId + '!');
|
||||
}
|
||||
updateDomAfterSave(resData);
|
||||
if (typeof onSave === 'function') {
|
||||
onSave(resData);
|
||||
}
|
||||
if (andView) {
|
||||
if (typeof window.loadItemAjax === 'function') {
|
||||
window.loadItemAjax('/' + itemId, true, { skipCache: true });
|
||||
} else {
|
||||
window.location.href = '/' + itemId;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
alert(resData.msg || 'Failed to save details');
|
||||
if (saveBtn) saveBtn.disabled = false;
|
||||
if (saveViewBtn) saveViewBtn.disabled = false;
|
||||
alert(resData.msg || 'Failed to save rating');
|
||||
if (saveBtn) {
|
||||
saveBtn.disabled = false;
|
||||
saveBtn.innerHTML = '<i class="fa-solid fa-check"></i> Save';
|
||||
}
|
||||
}
|
||||
} 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;
|
||||
alert('Error saving rating: network error');
|
||||
if (saveBtn) {
|
||||
saveBtn.disabled = false;
|
||||
saveBtn.innerHTML = '<i class="fa-solid fa-check"></i> Save';
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
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);
|
||||
}
|
||||
});
|
||||
const saveBtn = modal.querySelector('.chan-rehost-modal-save');
|
||||
if (saveBtn) saveBtn.onclick = () => saveDetails();
|
||||
};
|
||||
|
||||
if (target.closest('#chan-item-rehost-btn')) {
|
||||
@@ -13845,7 +13988,7 @@ window.cancelAnimFrame = (function () {
|
||||
<a href="/${data.item_id}" class="chan-rehost-action-btn rehosted" title="View Post #${data.item_id}" style="display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;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;white-space:nowrap;flex-shrink:0;">
|
||||
<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;">
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="${data.item_id}" title="Edit rating" 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>
|
||||
@@ -13854,7 +13997,8 @@ window.cancelAnimFrame = (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 });
|
||||
const newAnchor = document.querySelector(`.chan-rehost-edit-btn[data-item-id="${data.item_id}"]`) || document.querySelector(`.chan-rehost-action-btn[href="/${data.item_id}"]`);
|
||||
window.openChanRehostModal({ itemId: data.item_id, anchorEl: newAnchor });
|
||||
}
|
||||
} else {
|
||||
btn.classList.remove('loading');
|
||||
@@ -13875,8 +14019,7 @@ window.cancelAnimFrame = (function () {
|
||||
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 });
|
||||
window.openChanRehostModal({ itemId: Number(itemId), anchorEl: editBtn });
|
||||
}
|
||||
} else if (target.closest('#togglebg')) {
|
||||
e.preventDefault();
|
||||
@@ -19403,20 +19546,33 @@ class NotificationSystem {
|
||||
const currentUserId = window.f0ckSession?.id ? Number(window.f0ckSession.id) : null;
|
||||
const favoBtns = document.querySelectorAll('#a_favo');
|
||||
if (favoBtns.length && (currentUserId || currentUser)) {
|
||||
const isNowFav = Array.isArray(data.favs) && data.favs.some(f => {
|
||||
if (currentUserId && f.user_id && Number(f.user_id) === currentUserId) return true;
|
||||
const fUser = (f.user || '').toLowerCase();
|
||||
const fLogin = (f.login || '').toLowerCase();
|
||||
if (currentUser && currentUser !== 'anonymous' && (fUser === currentUser || fLogin === currentUser)) return true;
|
||||
if (currentLogin && (fUser === currentLogin || fLogin === currentLogin)) return true;
|
||||
return false;
|
||||
});
|
||||
favoBtns.forEach(favoBtn => {
|
||||
favoBtn.classList.remove('fa-spinner', 'fa-spin');
|
||||
favoBtn.classList.add('iconset', 'fa-heart');
|
||||
favoBtn.classList.toggle('fa-solid', isNowFav);
|
||||
favoBtn.classList.toggle('fa-regular', !isNowFav);
|
||||
});
|
||||
if (currentUserId && data.user_id && Number(data.user_id) === currentUserId && data.favorited !== undefined) {
|
||||
const isNowFav = !!data.favorited;
|
||||
favoBtns.forEach(favoBtn => {
|
||||
favoBtn.classList.remove('fa-spinner', 'fa-spin');
|
||||
favoBtn.classList.add('iconset', 'fa-heart');
|
||||
favoBtn.classList.toggle('fa-solid', isNowFav);
|
||||
favoBtn.classList.toggle('fa-regular', !isNowFav);
|
||||
});
|
||||
} else if (!data.user_id || (currentUserId && Number(data.user_id) !== currentUserId)) {
|
||||
// Notification is from someone else: only update to favorited if current user is found in list
|
||||
const foundSelf = Array.isArray(data.favs) && data.favs.some(f => {
|
||||
if (currentUserId && f.user_id && Number(f.user_id) === currentUserId) return true;
|
||||
const fUser = (f.user || '').toLowerCase();
|
||||
const fLogin = (f.login || '').toLowerCase();
|
||||
if (currentUser && currentUser !== 'anonymous' && (fUser === currentUser || fLogin === currentUser)) return true;
|
||||
if (currentLogin && (fUser === currentLogin || fLogin === currentLogin)) return true;
|
||||
return false;
|
||||
});
|
||||
if (foundSelf) {
|
||||
favoBtns.forEach(favoBtn => {
|
||||
favoBtn.classList.remove('fa-spinner', 'fa-spin');
|
||||
favoBtn.classList.add('iconset', 'fa-heart');
|
||||
favoBtn.classList.add('fa-solid');
|
||||
favoBtn.classList.remove('fa-regular');
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!Array.isArray(data.favs) || data.favs.length === 0) {
|
||||
|
||||
@@ -1211,7 +1211,7 @@
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
|
||||
},
|
||||
body: `postid=${id}${csrfToken ? `&csrf_token=${encodeURIComponent(csrfToken)}` : ''}`
|
||||
body: `postid=${id}&action=${nowFaved ? 'add' : 'delete'}&favorited=${nowFaved}${csrfToken ? `&csrf_token=${encodeURIComponent(csrfToken)}` : ''}`
|
||||
});
|
||||
const data = await resp.json().catch(() => ({}));
|
||||
if (!resp.ok || !data.success) {
|
||||
|
||||
@@ -1594,6 +1594,7 @@
|
||||
};
|
||||
|
||||
let isReCenteringFeed = false;
|
||||
let lastAttemptedTagCenterKey = null;
|
||||
|
||||
const highlightActiveTagCard = (scrollIntoView = false) => {
|
||||
const identifiers = getCurrentItemIdentifiers();
|
||||
@@ -1619,6 +1620,10 @@
|
||||
}
|
||||
});
|
||||
|
||||
if (matchedCard) {
|
||||
lastAttemptedTagCenterKey = null;
|
||||
}
|
||||
|
||||
if (matchedCard && scrollIntoView) {
|
||||
const isTagTabActive = document.querySelector('.sidebar-tab.active')?.dataset.tab === 'tag' &&
|
||||
container.style.display !== 'none';
|
||||
@@ -1639,6 +1644,11 @@
|
||||
window._isPoolRandomNav = false;
|
||||
return;
|
||||
}
|
||||
const centerKey = `${currentTag}:${identifiers[0]}`;
|
||||
if (lastAttemptedTagCenterKey === centerKey) {
|
||||
return;
|
||||
}
|
||||
lastAttemptedTagCenterKey = centerKey;
|
||||
// Non-pool navigation (next/prev): center feed around the active item
|
||||
isReCenteringFeed = true;
|
||||
loadTagFeed(true, identifiers[0]).finally(() => {
|
||||
@@ -1664,6 +1674,7 @@
|
||||
|
||||
if (currentTag !== tag) {
|
||||
currentTag = tag;
|
||||
lastAttemptedTagCenterKey = null;
|
||||
tagOffset = 0;
|
||||
tagFeedLoaded = false;
|
||||
tagFeedNeedsReload = true;
|
||||
@@ -1681,6 +1692,7 @@
|
||||
} else {
|
||||
tagBtn.style.display = 'none';
|
||||
currentTag = null;
|
||||
lastAttemptedTagCenterKey = null;
|
||||
tagFeedLoaded = false;
|
||||
userManuallySelectedNonTagTab = false;
|
||||
|
||||
@@ -1886,6 +1898,7 @@
|
||||
};
|
||||
|
||||
let isReCenteringFavsFeed = false;
|
||||
let lastAttemptedFavsCenterKey = null;
|
||||
|
||||
const highlightActiveFavsCard = (scrollIntoView = false) => {
|
||||
const identifiers = getCurrentItemIdentifiers();
|
||||
@@ -1908,6 +1921,10 @@
|
||||
}
|
||||
});
|
||||
|
||||
if (matchedCard) {
|
||||
lastAttemptedFavsCenterKey = null;
|
||||
}
|
||||
|
||||
if (matchedCard && scrollIntoView) {
|
||||
const isFavsTabActive = document.querySelector('.sidebar-tab.active')?.dataset.tab === 'favs' &&
|
||||
container.style.display !== 'none';
|
||||
@@ -1921,6 +1938,11 @@
|
||||
}
|
||||
}
|
||||
} else if (scrollIntoView && !matchedCard && identifiers.length > 0 && currentFavsUser && !isReCenteringFavsFeed && !favsFeedLoading) {
|
||||
const centerKey = `${currentFavsUser}:${identifiers[0]}`;
|
||||
if (lastAttemptedFavsCenterKey === centerKey) {
|
||||
return;
|
||||
}
|
||||
lastAttemptedFavsCenterKey = centerKey;
|
||||
isReCenteringFavsFeed = true;
|
||||
loadFavsFeed(true, identifiers[0]).finally(() => {
|
||||
isReCenteringFavsFeed = false;
|
||||
@@ -2043,6 +2065,7 @@
|
||||
|
||||
if (currentFavsUser !== user) {
|
||||
currentFavsUser = user;
|
||||
lastAttemptedFavsCenterKey = null;
|
||||
favsOffset = 0;
|
||||
favsFeedLoaded = false;
|
||||
favsFeedNeedsReload = true;
|
||||
@@ -2057,6 +2080,7 @@
|
||||
} else {
|
||||
favsBtn.style.display = 'none';
|
||||
currentFavsUser = null;
|
||||
lastAttemptedFavsCenterKey = null;
|
||||
favsFeedLoaded = false;
|
||||
|
||||
const activeTab = document.querySelector('.sidebar-tab.active')?.dataset.tab;
|
||||
|
||||
+17
-7
@@ -3024,9 +3024,10 @@ window.initUploadForm = (selector) => {
|
||||
? redirectCheckbox.checked
|
||||
: (localStorage.getItem('upload_redirect_to_item') !== 'false');
|
||||
if (shouldRedirectToItem && lastData?.itemid) {
|
||||
const targetUrl = lastData.slug ? `/${lastData.slug}` : `/${lastData.itemid}`;
|
||||
const isMultiNonAlbumShitpost = isShitpost && (successCount > 1 || urls.length > 1);
|
||||
const targetUrl = isMultiNonAlbumShitpost ? '/' : (lastData.slug ? `/${lastData.slug}` : `/${lastData.itemid}`);
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
window.loadPageAjax(targetUrl, false, { bypassCache: true, skipCache: true, skipInherit: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
@@ -3148,7 +3149,7 @@ window.initUploadForm = (selector) => {
|
||||
if (shouldRedirectToItem) {
|
||||
const targetUrl = res.slug ? `/${res.slug}` : (res.itemid ? `/${res.itemid}` : '/');
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
window.loadPageAjax(targetUrl, false, { bypassCache: true, skipCache: true, skipInherit: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
@@ -3345,12 +3346,15 @@ window.initUploadForm = (selector) => {
|
||||
}
|
||||
|
||||
if (successCount > 0) {
|
||||
const totalFilesToUpload = selectedFiles.length;
|
||||
const isBgUrlUpload = lastData?.pending && selectedFiles.every(i => i.type === 'url');
|
||||
if (dragModal) dragModal.classList.remove('show');
|
||||
const dropModal = document.getElementById('upload-drag-modal');
|
||||
if (dropModal) dropModal.classList.remove('show');
|
||||
if (window.resetGlobalScrollState) window.resetGlobalScrollState();
|
||||
if (window.hideAllModals) window.hideAllModals();
|
||||
form._f0ckUploader.reset();
|
||||
|
||||
const isBgUrlUpload = lastData?.pending && selectedFiles.every(i => i.type === 'url');
|
||||
if (isBgUrlUpload) {
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage((window.f0ckI18n && window.f0ckI18n.url_upload_started) || 'Background upload started', 3000, 'info');
|
||||
@@ -3398,10 +3402,16 @@ window.initUploadForm = (selector) => {
|
||||
}
|
||||
|
||||
if (shouldRedirectToItem) {
|
||||
const targetItem = lastData || (uploadedResults && uploadedResults[0]);
|
||||
const targetUrl = targetItem ? (targetItem.slug ? `/${targetItem.slug}` : (targetItem.itemid ? `/${targetItem.itemid}` : '/')) : '/';
|
||||
const isMultiNonAlbumShitpost = isShitpost && !isAlbum && (uploadedResults.length > 1 || successCount > 1 || totalFilesToUpload > 1);
|
||||
let targetUrl;
|
||||
if (isMultiNonAlbumShitpost) {
|
||||
targetUrl = '/';
|
||||
} else {
|
||||
const targetItem = lastData || (uploadedResults && uploadedResults[0]);
|
||||
targetUrl = targetItem ? (targetItem.slug ? `/${targetItem.slug}` : (targetItem.itemid ? `/${targetItem.itemid}` : '/')) : '/';
|
||||
}
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
window.loadPageAjax(targetUrl, false, { bypassCache: true, skipCache: true, skipInherit: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
|
||||
+250
-159
@@ -247,6 +247,8 @@
|
||||
}
|
||||
};
|
||||
|
||||
let favSeq = 0;
|
||||
|
||||
const toggleFavEvent = async (e) => {
|
||||
// e is the click event or undefined
|
||||
if (e && typeof e.preventDefault === 'function') e.preventDefault();
|
||||
@@ -264,7 +266,12 @@
|
||||
const chanUrl = firstFavoBtn?.dataset?.chanUrl || chanRehostBtn?.dataset?.url;
|
||||
let localId = firstFavoBtn?.dataset?.localId;
|
||||
|
||||
const ctx = getContext();
|
||||
const postid = localId ? Number(localId) : ctx?.postid;
|
||||
if (!postid && !chanUrl) return;
|
||||
|
||||
const wasAlreadyFav = favoBtns[0].classList.contains('fa-solid') && !favoBtns[0].classList.contains('fa-spinner');
|
||||
const isNowFav = !wasAlreadyFav;
|
||||
|
||||
const setFavoUi = (isFav) => {
|
||||
favoBtns.forEach(btn => {
|
||||
@@ -272,180 +279,264 @@
|
||||
btn.classList.add('iconset', 'fa-heart');
|
||||
btn.classList.toggle('fa-solid', isFav);
|
||||
btn.classList.toggle('fa-regular', !isFav);
|
||||
btn.title = isFav ? (window.f0ckI18n?.fav_remove || 'Remove from favorites') : (window.f0ckI18n?.fav_add || 'Favorite');
|
||||
});
|
||||
};
|
||||
|
||||
const setFavoLoading = () => {
|
||||
favoBtns.forEach(btn => {
|
||||
btn.classList.remove('fa-heart');
|
||||
btn.classList.add('iconset', 'fa-solid', 'fa-spinner', 'fa-spin');
|
||||
});
|
||||
};
|
||||
// 1. Instantly apply client UI
|
||||
setFavoUi(isNowFav);
|
||||
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
setFavoLoading();
|
||||
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;
|
||||
// Micro-animation for tactile pop
|
||||
favoBtns.forEach(btn => {
|
||||
btn.classList.remove('fav-pop');
|
||||
void btn.offsetWidth;
|
||||
btn.classList.add('fav-pop');
|
||||
});
|
||||
|
||||
const timeEl = document.querySelector('time.timeago');
|
||||
if (timeEl) {
|
||||
const nowIso = new Date().toISOString();
|
||||
timeEl.dataset.iso = nowIso;
|
||||
const fullDate = typeof window.f0ckFormatDateFull === 'function' ? window.f0ckFormatDateFull(nowIso) : new Date().toLocaleString();
|
||||
timeEl.setAttribute('tooltip', fullDate);
|
||||
timeEl.textContent = (window.f0ckTimeAgo ? window.f0ckTimeAgo(nowIso) : (window.f0ckI18n?.timeago_just_now || 'just now'));
|
||||
// Instant flash message & vibration feedback
|
||||
window.flashMessage((window.f0ckI18n && (isNowFav ? window.f0ckI18n.fav_added : window.f0ckI18n.fav_removed)) || (isNowFav ? 'ADDED TO FAVORITES' : 'REMOVED FROM FAVORITES'));
|
||||
if (navigator.vibrate) navigator.vibrate(50);
|
||||
|
||||
if (postid && window.invalidateItemCache) {
|
||||
window.invalidateItemCache(postid);
|
||||
}
|
||||
|
||||
// Optimistically update #favs badge list
|
||||
const favcontainer = document.querySelector('#favs');
|
||||
const prevFavsHtml = favcontainer ? favcontainer.innerHTML : '';
|
||||
const prevFavsHidden = favcontainer ? favcontainer.hidden : true;
|
||||
|
||||
if (favcontainer) {
|
||||
const currentUser = (window.f0ckSession?.user || '').toLowerCase();
|
||||
const isAnon = !!(window.f0ckSession?.is_anon || window.f0ckSession?.user === 'anonymous');
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
|
||||
const findSelfBadge = () => {
|
||||
const selfBadges = favcontainer.querySelectorAll('[data-self="true"]');
|
||||
if (selfBadges.length) return selfBadges[0];
|
||||
if (currentUser && currentUser !== 'anonymous') {
|
||||
const links = favcontainer.querySelectorAll('a[href]');
|
||||
for (const a of links) {
|
||||
const path = a.getAttribute('href') || '';
|
||||
if (path.toLowerCase().endsWith('/user/' + currentUser)) return a;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
};
|
||||
|
||||
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>
|
||||
`;
|
||||
if (!isNowFav) {
|
||||
const selfBadge = findSelfBadge();
|
||||
if (selfBadge) selfBadge.remove();
|
||||
if (favcontainer.children.length === 0) {
|
||||
favcontainer.hidden = true;
|
||||
}
|
||||
} else {
|
||||
let selfBadge = findSelfBadge();
|
||||
if (!selfBadge) {
|
||||
selfBadge = document.createElement('a');
|
||||
selfBadge.dataset.self = 'true';
|
||||
selfBadge.setAttribute('flow', 'up');
|
||||
if (isAnonymized || isAnon) {
|
||||
selfBadge.className = 'ghost-fav';
|
||||
selfBadge.setAttribute('tooltip', 'anonymous');
|
||||
selfBadge.style.cursor = 'default';
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
selfBadge.appendChild(img);
|
||||
} else {
|
||||
selfBadge.href = `/user/${currentUser}`;
|
||||
selfBadge.setAttribute('tooltip', window.f0ckSession?.display_name || window.f0ckSession?.user || 'anonymous');
|
||||
const img = document.createElement('img');
|
||||
const avatarFile = window.f0ckSession?.avatar_file;
|
||||
const avatar = window.f0ckSession?.avatar;
|
||||
img.src = avatarFile ? `/a/${avatarFile}` : (avatar ? `/t/${avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (window.f0ckSession?.username_color) img.style.borderColor = window.f0ckSession.username_color;
|
||||
selfBadge.appendChild(img);
|
||||
}
|
||||
favcontainer.appendChild(selfBadge);
|
||||
}
|
||||
favcontainer.hidden = false;
|
||||
}
|
||||
}
|
||||
|
||||
const mySeq = ++favSeq;
|
||||
|
||||
// 2. Run server operation in background — can take as long as it needs
|
||||
(async () => {
|
||||
try {
|
||||
// If viewing un-rehosted 4chan post, auto-rehost first
|
||||
if (isChan && !localId && chanUrl) {
|
||||
if (mySeq !== favSeq) return;
|
||||
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;
|
||||
|
||||
const timeEl = document.querySelector('time.timeago');
|
||||
if (timeEl) {
|
||||
const nowIso = new Date().toISOString();
|
||||
timeEl.dataset.iso = nowIso;
|
||||
const fullDate = typeof window.f0ckFormatDateFull === 'function' ? window.f0ckFormatDateFull(nowIso) : new Date().toLocaleString();
|
||||
timeEl.setAttribute('tooltip', fullDate);
|
||||
timeEl.textContent = (window.f0ckTimeAgo ? window.f0ckTimeAgo(nowIso) : (window.f0ckI18n?.timeago_just_now || 'just now'));
|
||||
}
|
||||
|
||||
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" 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');
|
||||
}
|
||||
}
|
||||
|
||||
const effectivePostId = localId ? Number(localId) : (postid || getContext()?.postid);
|
||||
if (!effectivePostId) {
|
||||
throw new Error('Missing post ID');
|
||||
}
|
||||
|
||||
if (mySeq !== favSeq) return;
|
||||
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: effectivePostId,
|
||||
chan_url: chanUrl,
|
||||
action: isNowFav ? 'add' : 'delete',
|
||||
favorited: isNowFav
|
||||
});
|
||||
|
||||
if (mySeq !== favSeq) return;
|
||||
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
window.invalidateItemCache(effectivePostId);
|
||||
}
|
||||
const finalIsFav = (res.favorited !== undefined) ? !!res.favorited : isNowFav;
|
||||
setFavoUi(finalIsFav);
|
||||
|
||||
// Render authoritative favs list from server
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer && Array.isArray(res.favs)) {
|
||||
curFavContainer.innerHTML = "";
|
||||
if (res.favs.length > 0) {
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
const fragment = document.createDocumentFragment();
|
||||
res.favs.forEach(f => {
|
||||
const isSelf = window.f0ckSession && (
|
||||
(window.f0ckSession.id && f.user_id && Number(window.f0ckSession.id) === Number(f.user_id)) ||
|
||||
(window.f0ckSession.user && f.user && window.f0ckSession.user.toLowerCase() === f.user.toLowerCase()) ||
|
||||
(window.f0ckSession.login && f.login && window.f0ckSession.login.toLowerCase() === f.login.toLowerCase())
|
||||
);
|
||||
const isFavAnon = f.is_anon || f.user === 'anonymous' || (typeof f.user === 'string' && f.user.startsWith('anon_'));
|
||||
|
||||
if (f.hide_fav_badge && !isSelf) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', '?');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/s/img/ghost_fav.svg';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else if (isAnonymized || isFavAnon) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
if (isSelf) a.dataset.self = 'true';
|
||||
a.setAttribute('tooltip', 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else {
|
||||
const a = document.createElement('a');
|
||||
if (isSelf) a.dataset.self = 'true';
|
||||
a.href = `/user/${(f.user || '').toLowerCase()}`;
|
||||
a.setAttribute('tooltip', f.display_name || f.user || 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = f.avatar_file ? `/a/${f.avatar_file}` : (f.avatar ? `/t/${f.avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (f.username_color) img.style.borderColor = f.username_color;
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
}
|
||||
});
|
||||
curFavContainer.appendChild(fragment);
|
||||
curFavContainer.hidden = false;
|
||||
} else {
|
||||
curFavContainer.hidden = true;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
throw new Error(rehostData.msg || 'Rehost failed');
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV] Auto-rehost error:', err);
|
||||
setFavoUi(wasAlreadyFav);
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to favorite post', 3000, 'error');
|
||||
}
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const ctx = getContext();
|
||||
if (!ctx) {
|
||||
setFavoUi(wasAlreadyFav);
|
||||
return;
|
||||
}
|
||||
const postid = localId ? Number(localId) : ctx.postid;
|
||||
|
||||
try {
|
||||
const res = await post('/api/v2/togglefav', {
|
||||
postid: postid,
|
||||
chan_url: chanUrl
|
||||
});
|
||||
if (res && res.success) {
|
||||
if (window.invalidateItemCache) {
|
||||
window.invalidateItemCache(postid);
|
||||
}
|
||||
// Authoritative server state takes priority; fallback to inverting previous UI state
|
||||
const isNowFav = (res.favorited !== undefined) ? !!res.favorited : !wasAlreadyFav;
|
||||
|
||||
setFavoUi(isNowFav);
|
||||
|
||||
// span#favs
|
||||
const favcontainer = document.querySelector('#favs');
|
||||
if (favcontainer) {
|
||||
favcontainer.innerHTML = "";
|
||||
if (res.favs && res.favs.length > 0) {
|
||||
const isAnonymized = !!(window.f0ckSession?.is_anonymized ?? (window.f0ckSession?.guest_anonymize && !window.f0ckSession?.logged_in) ?? (window.f0ckSession?.is_anon && window.f0ckSession?.anon_anonymize));
|
||||
const fragment = document.createDocumentFragment();
|
||||
res.favs.forEach(f => {
|
||||
const isSelf = window.f0ckSession && (
|
||||
(window.f0ckSession.id && f.user_id && Number(window.f0ckSession.id) === Number(f.user_id)) ||
|
||||
(window.f0ckSession.user && f.user && window.f0ckSession.user.toLowerCase() === f.user.toLowerCase()) ||
|
||||
(window.f0ckSession.login && f.login && window.f0ckSession.login.toLowerCase() === f.login.toLowerCase())
|
||||
);
|
||||
const isFavAnon = f.is_anon || f.user === 'anonymous' || (typeof f.user === 'string' && f.user.startsWith('anon_'));
|
||||
|
||||
if (f.hide_fav_badge && !isSelf) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', '?');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/s/img/ghost_fav.svg';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else if (isAnonymized || isFavAnon) {
|
||||
const a = document.createElement('a');
|
||||
a.className = 'ghost-fav';
|
||||
a.setAttribute('tooltip', 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
a.style.cursor = 'default';
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = '/a/default.png';
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
} else {
|
||||
const a = document.createElement('a');
|
||||
a.href = `/user/${(f.user || '').toLowerCase()}`;
|
||||
a.setAttribute('tooltip', f.display_name || f.user || 'anonymous');
|
||||
a.setAttribute('flow', 'up');
|
||||
|
||||
const img = document.createElement('img');
|
||||
img.src = f.avatar_file ? `/a/${f.avatar_file}` : (f.avatar ? `/t/${f.avatar}.webp` : '/a/default.png');
|
||||
img.style.height = "32px";
|
||||
img.style.width = "32px";
|
||||
if (f.username_color) img.style.borderColor = f.username_color;
|
||||
|
||||
a.appendChild(img);
|
||||
fragment.appendChild(a);
|
||||
}
|
||||
});
|
||||
favcontainer.appendChild(fragment);
|
||||
favcontainer.hidden = false;
|
||||
} else {
|
||||
favcontainer.hidden = true;
|
||||
if (mySeq !== favSeq) return;
|
||||
setFavoUi(wasAlreadyFav);
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer) {
|
||||
curFavContainer.innerHTML = prevFavsHtml;
|
||||
curFavContainer.hidden = prevFavsHidden;
|
||||
}
|
||||
const errMsg = (res && (res.msg || res.error)) || 'Anonymous favoriting is disabled.';
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(errMsg, 3000, 'error');
|
||||
}
|
||||
}
|
||||
|
||||
window.flashMessage((window.f0ckI18n && (isNowFav ? window.f0ckI18n.fav_added : window.f0ckI18n.fav_removed)) || (isNowFav ? 'ADDED TO FAVORITES' : 'REMOVED FROM FAVORITES'));
|
||||
if (navigator.vibrate) navigator.vibrate(50);
|
||||
}
|
||||
else {
|
||||
} catch (err) {
|
||||
console.error('[CHAN-FAV] Error during background favorite sync:', err);
|
||||
if (mySeq !== favSeq) return;
|
||||
setFavoUi(wasAlreadyFav);
|
||||
const errMsg = (res && (res.msg || res.error)) || 'Anonymous favoriting is disabled.';
|
||||
const curFavContainer = document.querySelector('#favs');
|
||||
if (curFavContainer) {
|
||||
curFavContainer.innerHTML = prevFavsHtml;
|
||||
curFavContainer.hidden = prevFavsHidden;
|
||||
}
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage(errMsg, 3000, 'error');
|
||||
window.flashMessage('Failed to update favorite.', 3000, 'error');
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
setFavoUi(wasAlreadyFav);
|
||||
if (typeof window.flashMessage === 'function') {
|
||||
window.flashMessage('Failed to update favorite.', 3000, 'error');
|
||||
}
|
||||
}
|
||||
})();
|
||||
};
|
||||
|
||||
// Event Delegation
|
||||
|
||||
@@ -89,7 +89,7 @@ export const handleBrandImageUpload = async (req, res) => {
|
||||
return sendJson(res, { success: false, msg: 'Invalid content type — multipart boundary missing' }, 400);
|
||||
}
|
||||
|
||||
const body = await collectBody(req, 5 * 1024 * 1024); // 5 MB hard cap
|
||||
const body = await collectBody(req, 10 * 1024 * 1024); // 10 MB request body cap
|
||||
const parts = parseMultipart(body, boundaryMatch[1]);
|
||||
const file = parts.file;
|
||||
|
||||
@@ -97,12 +97,12 @@ export const handleBrandImageUpload = async (req, res) => {
|
||||
return sendJson(res, { success: false, msg: 'No file provided' }, 400);
|
||||
}
|
||||
|
||||
// 2 MB soft cap
|
||||
const maxSize = 2 * 1024 * 1024;
|
||||
// 5 MB cap
|
||||
const maxSize = 5 * 1024 * 1024;
|
||||
if (file.data.length > maxSize) {
|
||||
return sendJson(res, {
|
||||
success: false,
|
||||
msg: `File too large. Maximum is 2 MB, got ${(file.data.length / 1024 / 1024).toFixed(2)} MB`
|
||||
msg: `File too large. Maximum is 5 MB, got ${(file.data.length / 1024 / 1024).toFixed(2)} MB`
|
||||
}, 400);
|
||||
}
|
||||
|
||||
|
||||
@@ -3745,6 +3745,7 @@ const f0cklib = {
|
||||
},
|
||||
|
||||
|
||||
resolveNumericItemId,
|
||||
computeBaseMode,
|
||||
getGlobalfilter,
|
||||
processMentions,
|
||||
@@ -3756,6 +3757,7 @@ const f0cklib = {
|
||||
clearCountCache: () => countCache.clear()
|
||||
};
|
||||
|
||||
export { resolveNumericItemId };
|
||||
export default f0cklib;
|
||||
|
||||
|
||||
|
||||
@@ -1904,32 +1904,47 @@ export default router => {
|
||||
`;
|
||||
|
||||
let favorited = false;
|
||||
if (existing.length > 0) {
|
||||
// del fav
|
||||
await db`
|
||||
delete from "favorites"
|
||||
where user_id = ${+req.session.id}
|
||||
and item_id = ${+postid}
|
||||
`;
|
||||
favorited = false;
|
||||
f0cklib.updateUserAffinity({ user_id: req.session.id, item_id: +postid, scoreDelta: -5.0 }).catch(() => {});
|
||||
if (req.session?.is_anon) {
|
||||
await logAnonActivity(req, { action: 'unfavorite', targetId: postid });
|
||||
}
|
||||
const reqAction = req.post?.action ?? req.body?.action;
|
||||
const reqFavorited = req.post?.favorited ?? req.body?.favorited;
|
||||
let shouldFav;
|
||||
if (reqAction === 'add' || reqAction === 'favorite' || reqFavorited === true || reqFavorited === 'true') {
|
||||
shouldFav = true;
|
||||
} else if (reqAction === 'delete' || reqAction === 'remove' || reqAction === 'unfavorite' || reqFavorited === false || reqFavorited === 'false') {
|
||||
shouldFav = false;
|
||||
} else {
|
||||
// add fav — ON CONFLICT DO NOTHING guards against rapid double-taps
|
||||
await db`
|
||||
insert into "favorites" ${db({
|
||||
item_id: +postid,
|
||||
user_id: +req.session.id
|
||||
}, 'item_id', 'user_id')}
|
||||
on conflict do nothing
|
||||
`;
|
||||
favorited = true;
|
||||
f0cklib.updateUserAffinity({ user_id: req.session.id, item_id: +postid, scoreDelta: 5.0 }).catch(() => {});
|
||||
if (req.session?.is_anon) {
|
||||
await logAnonActivity(req, { action: 'favorite', targetId: postid });
|
||||
shouldFav = existing.length === 0;
|
||||
}
|
||||
|
||||
if (!shouldFav) {
|
||||
if (existing.length > 0) {
|
||||
// del fav
|
||||
await db`
|
||||
delete from "favorites"
|
||||
where user_id = ${+req.session.id}
|
||||
and item_id = ${+postid}
|
||||
`;
|
||||
f0cklib.updateUserAffinity({ user_id: req.session.id, item_id: +postid, scoreDelta: -5.0 }).catch(() => {});
|
||||
if (req.session?.is_anon) {
|
||||
await logAnonActivity(req, { action: 'unfavorite', targetId: postid });
|
||||
}
|
||||
}
|
||||
favorited = false;
|
||||
} else {
|
||||
if (existing.length === 0) {
|
||||
// add fav — ON CONFLICT DO NOTHING guards against rapid double-taps
|
||||
await db`
|
||||
insert into "favorites" ${db({
|
||||
item_id: +postid,
|
||||
user_id: +req.session.id
|
||||
}, 'item_id', 'user_id')}
|
||||
on conflict do nothing
|
||||
`;
|
||||
f0cklib.updateUserAffinity({ user_id: req.session.id, item_id: +postid, scoreDelta: 5.0 }).catch(() => {});
|
||||
if (req.session?.is_anon) {
|
||||
await logAnonActivity(req, { action: 'favorite', targetId: postid });
|
||||
}
|
||||
}
|
||||
favorited = true;
|
||||
}
|
||||
|
||||
const favs = await db`
|
||||
@@ -1970,7 +1985,7 @@ export default router => {
|
||||
// If the caller is in anonymous mode, strip other users' identities
|
||||
const isCallerAnonymized = isAnonymizeSession(req.session);
|
||||
const clientFavs = isCallerAnonymized
|
||||
? sanitizedFavs.map(f => {
|
||||
? favs.map(f => {
|
||||
const isSelf = req.session && req.session.id && f.user_id && Number(f.user_id) === Number(req.session.id);
|
||||
if (isSelf) return f;
|
||||
return {
|
||||
|
||||
+92
-40
@@ -144,6 +144,48 @@ export default (router, tpl) => {
|
||||
}
|
||||
});
|
||||
|
||||
function formatPosts(posts, board, rehostMap, userFavSet, targetPostNo = null, lang = 'en') {
|
||||
return 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 rehostInfo = (p.tim && rehostMap[p.tim]) || (externalMediaUrl && rehostMap[externalMediaUrl]) || null;
|
||||
const localId = rehostInfo ? rehostInfo.id : null;
|
||||
const effectiveTime = (localId && rehostInfo?.stamp) ? Number(rehostInfo.stamp) : p.time;
|
||||
const isoStr = new Date(effectiveTime * 1000).toISOString();
|
||||
|
||||
return {
|
||||
no: p.no,
|
||||
sub: p.sub || '',
|
||||
com_raw: p.com || '',
|
||||
com_formatted: formatComment(p.com || ''),
|
||||
name: p.name || 'Anonymous',
|
||||
trip: p.trip || '',
|
||||
time: effectiveTime,
|
||||
timeago: lib.timeAgo(effectiveTime * 1000, lang),
|
||||
date_str: (localId && rehostInfo?.stamp) ? new Date(effectiveTime * 1000).toLocaleString() : (p.now || new Date(effectiveTime * 1000).toLocaleString()),
|
||||
iso_str: isoStr,
|
||||
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,
|
||||
is_onara_active: targetPostNo ? p.no === targetPostNo : false
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
// 2. GET /4/:board/:thread — Overview of all posts in that thread
|
||||
// ───────────────────────────────────────────────────────────────────────────
|
||||
@@ -200,44 +242,7 @@ export default (router, tpl) => {
|
||||
}
|
||||
|
||||
// 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 rehostInfo = (p.tim && rehostMap[p.tim]) || (externalMediaUrl && rehostMap[externalMediaUrl]) || null;
|
||||
const localId = rehostInfo ? rehostInfo.id : null;
|
||||
const effectiveTime = (localId && rehostInfo?.stamp) ? Number(rehostInfo.stamp) : p.time;
|
||||
const isoStr = new Date(effectiveTime * 1000).toISOString();
|
||||
|
||||
return {
|
||||
no: p.no,
|
||||
sub: p.sub || '',
|
||||
com_raw: p.com || '',
|
||||
com_formatted: formatComment(p.com || ''),
|
||||
name: p.name || 'Anonymous',
|
||||
trip: p.trip || '',
|
||||
time: effectiveTime,
|
||||
timeago: lib.timeAgo(effectiveTime * 1000, req.lang || 'en'),
|
||||
date_str: (localId && rehostInfo?.stamp) ? new Date(effectiveTime * 1000).toLocaleString() : (p.now || new Date(effectiveTime * 1000).toLocaleString()),
|
||||
iso_str: isoStr,
|
||||
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 formattedPosts = formatPosts(posts, board, rehostMap, userFavSet, null, req.lang || 'en');
|
||||
|
||||
const firstMediaPost = formattedPosts.find(p => p.has_media);
|
||||
|
||||
@@ -315,13 +320,19 @@ export default (router, tpl) => {
|
||||
cdnUrls.push(`/api/v2/scroller/external/4chan/${board}/media/${p.tim}${ext}`);
|
||||
});
|
||||
const rehosts = {};
|
||||
const rehostMap = {};
|
||||
if (cdnUrls.length > 0) {
|
||||
try {
|
||||
const rows = await db`SELECT id, src, stamp FROM items WHERE src = ANY(${cdnUrls})`;
|
||||
rows.forEach(r => {
|
||||
const info = { id: r.id, stamp: r.stamp };
|
||||
rehosts[r.src] = r.id;
|
||||
rehostMap[r.src] = info;
|
||||
const m = r.src.match(/(\d{13,20})/);
|
||||
if (m) rehosts[m[1]] = r.id;
|
||||
if (m) {
|
||||
rehosts[m[1]] = r.id;
|
||||
rehostMap[m[1]] = info;
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('[CHAN] Rehost check error:', e.message);
|
||||
@@ -529,7 +540,48 @@ export default (router, tpl) => {
|
||||
});
|
||||
}
|
||||
|
||||
// Standard full page render
|
||||
// Full page render: if Onara is active, render thread page with onara modal open
|
||||
const cfgOnara = cfg.onara !== undefined ? cfg.onara : cfg.websrv?.onara;
|
||||
const cookieOnara = req.cookies?.f0ck_onara !== undefined
|
||||
? (req.cookies.f0ck_onara === '1' || req.cookies.f0ck_onara === 'true')
|
||||
: (req.cookies?.onara !== undefined ? (req.cookies.onara === '1' || req.cookies.onara === 'true') : null);
|
||||
const isOnara = (cfgOnara !== undefined && cfgOnara !== null)
|
||||
? !!cfgOnara
|
||||
: (cookieOnara !== null ? cookieOnara : !!req.session?.onara);
|
||||
|
||||
if (isOnara) {
|
||||
const isModern = req.session?.use_new_layout;
|
||||
const partialTpl = isModern ? 'item-partial-modern' : 'item-partial-legacy';
|
||||
const itemHtml = tpl.render(partialTpl, data, req);
|
||||
|
||||
const formattedPosts = formatPosts(posts, board, rehostMap, userFavSet, targetPost.no, req.lang || 'en');
|
||||
const firstMediaPost = formattedPosts.find(p => p.has_media);
|
||||
|
||||
const threadViewData = {
|
||||
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,
|
||||
csrf_token: req.session?.csrf_token || '',
|
||||
domain: cfg.main.url.domain,
|
||||
tmp: null,
|
||||
page_meta: data.page_meta,
|
||||
is_onara_item: true,
|
||||
onara: true,
|
||||
onara_item_html: itemHtml,
|
||||
item: data.item
|
||||
};
|
||||
|
||||
return res.reply({
|
||||
body: tpl.render('chan/thread', threadViewData, req)
|
||||
});
|
||||
}
|
||||
|
||||
// Standard full page render (when Onara is disabled)
|
||||
return res.reply({
|
||||
body: tpl.render('item', data, req)
|
||||
});
|
||||
|
||||
@@ -632,7 +632,16 @@ export default (router) => {
|
||||
|
||||
const isOwner = !!(rows[0].username && session.user && rows[0].username.toLowerCase() === session.user.toLowerCase());
|
||||
const isAdmin = !!(session.admin || session.is_moderator);
|
||||
if (!isOwner && !isAdmin) {
|
||||
const isChanUser = !!(session.admin || (Array.isArray(session.groups) && session.groups.includes('4chan')));
|
||||
|
||||
const hasTagsOrComment = (tags && Array.isArray(tags) ? tags.length > 0 : (typeof tags === 'string' && tags.trim().length > 0)) ||
|
||||
(comment && typeof comment === 'string' && comment.trim().length > 0);
|
||||
|
||||
if (hasTagsOrComment && !isOwner && !isAdmin) {
|
||||
return res.reply({ code: 403, body: JSON.stringify({ success: false, msg: 'Only owner can edit tags and comment' }) });
|
||||
}
|
||||
|
||||
if (!isOwner && !isAdmin && !isChanUser) {
|
||||
return res.reply({ code: 403, body: JSON.stringify({ success: false, msg: 'Unauthorized' }) });
|
||||
}
|
||||
|
||||
|
||||
+1
-1
@@ -39,7 +39,7 @@
|
||||
<!-- Navbar Brand Image -->
|
||||
<div class="settings-item" id="brand-image-section" style="background: rgba(0,0,0,0.2); padding: 15px; border-radius: 4px; margin-top: 10px;">
|
||||
<label style="display: block; font-weight: bold; color: var(--accent); margin-bottom: 8px;">Navbar Brand Image</label>
|
||||
<p style="margin: 0 0 12px 0; font-size: 0.8em; color: #aaa;">Upload a logo to display in the site navbar instead of plain text. Accepted: gif, jpg, png, webp, svg — max 2 MB.</p>
|
||||
<p style="margin: 0 0 12px 0; font-size: 0.8em; color: #aaa;">Upload a logo to display in the site navbar instead of plain text. Accepted: gif, jpg, png, webp, svg — max 5 MB.</p>
|
||||
|
||||
<div style="display: flex; align-items: center; gap: 16px; flex-wrap: wrap;">
|
||||
<!-- Preview -->
|
||||
|
||||
@@ -130,7 +130,7 @@
|
||||
@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;justify-content:center;gap:6px;padding:4px 12px;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;white-space:nowrap;flex-shrink:0;"><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>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="{{ item.local_id }}" title="Edit rating" 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;justify-content:center;gap:6px;padding:4px 16px;min-width:100px;box-sizing:border-box;white-space:nowrap;flex-shrink:0;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>
|
||||
|
||||
@@ -162,7 +162,7 @@
|
||||
@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;justify-content:center;gap:6px;padding:4px 12px;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;white-space:nowrap;flex-shrink:0;"><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>
|
||||
<button type="button" class="chan-rehost-edit-btn" data-item-id="{{ item.local_id }}" title="Edit rating" 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;justify-content:center;gap:6px;padding:4px 16px;min-width:100px;box-sizing:border-box;white-space:nowrap;flex-shrink:0;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>
|
||||
|
||||
+9
-2
@@ -621,8 +621,15 @@
|
||||
if (status) { status.style.display = 'block'; status.style.color = '#98c379'; status.textContent = 'Passkey added!'; }
|
||||
await loadPasskeys();
|
||||
} catch (err) {
|
||||
if (err.name !== 'NotAllowedError') {
|
||||
if (status) { status.style.display = 'block'; status.style.color = '#e06c75'; status.textContent = 'Error: ' + err.message; }
|
||||
console.warn('[SETTINGS_PASSKEY] Add passkey error:', err);
|
||||
if (status) {
|
||||
status.style.display = 'block';
|
||||
status.style.color = '#e06c75';
|
||||
if (err && err.name === 'NotAllowedError') {
|
||||
status.textContent = 'Passkey creation was cancelled or blocked. If Bitwarden or another password manager is locked, please unlock it.';
|
||||
} else {
|
||||
status.textContent = 'Error: ' + ((err && err.message) || 'Unknown error');
|
||||
}
|
||||
}
|
||||
} finally {
|
||||
if (btn) btn.disabled = false;
|
||||
|
||||
@@ -376,9 +376,14 @@ async function loginWithPasskey() {
|
||||
|
||||
window.location.reload();
|
||||
} catch (e) {
|
||||
if (e && e.name !== 'NotAllowedError' && errEl) {
|
||||
console.warn('[PASSKEY] Login failed:', e);
|
||||
if (errEl) {
|
||||
errEl.style.display = '';
|
||||
errEl.textContent = e.message || 'Passkey login failed.';
|
||||
if (e && e.name === 'NotAllowedError') {
|
||||
errEl.textContent = 'Passkey request was cancelled or blocked. If Bitwarden or another password manager is locked, please unlock it or check extension permissions.';
|
||||
} else {
|
||||
errEl.textContent = (e && e.message) || 'Passkey login failed.';
|
||||
}
|
||||
}
|
||||
if (btn) { btn.disabled = false; btn.innerHTML = '<i class="fa-solid fa-fingerprint"></i> Login with passkey'; }
|
||||
}
|
||||
@@ -641,7 +646,15 @@ async function loginWithPasskey() {
|
||||
try {
|
||||
await window.f0ckAnonPasskey.doRegister();
|
||||
} catch(e) {
|
||||
if (errEl && e && e.name !== 'NotAllowedError') { errEl.style.display = ''; errEl.textContent = e.message || 'Something went wrong.'; }
|
||||
console.warn('[ANON_PASSKEY] Registration failed:', e);
|
||||
if (errEl) {
|
||||
errEl.style.display = '';
|
||||
if (e && e.name === 'NotAllowedError') {
|
||||
errEl.textContent = 'Passkey creation was cancelled or blocked. If Bitwarden or another password manager is locked, please unlock it or disable passkey interception.';
|
||||
} else {
|
||||
errEl.textContent = (e && e.message) || 'Something went wrong.';
|
||||
}
|
||||
}
|
||||
createBtn.disabled = false;
|
||||
createBtn.innerHTML = '<i class="fa-solid fa-fingerprint"></i> Create my passkey';
|
||||
}
|
||||
@@ -655,7 +668,15 @@ async function loginWithPasskey() {
|
||||
try {
|
||||
await window.f0ckAnonPasskey.doAuthenticate();
|
||||
} catch(e) {
|
||||
if (errEl && e && e.name !== 'NotAllowedError') { errEl.style.display = ''; errEl.textContent = e.message || 'Authentication failed.'; }
|
||||
console.warn('[ANON_PASSKEY] Authentication failed:', e);
|
||||
if (errEl) {
|
||||
errEl.style.display = '';
|
||||
if (e && e.name === 'NotAllowedError') {
|
||||
errEl.textContent = 'Passkey request was cancelled or blocked. If Bitwarden or another password manager is locked, please unlock it.';
|
||||
} else {
|
||||
errEl.textContent = (e && e.message) || 'Authentication failed.';
|
||||
}
|
||||
}
|
||||
authBtn.disabled = false;
|
||||
authBtn.innerHTML = '<i class="fa-solid fa-fingerprint"></i> Use my passkey';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user