gfds
This commit is contained in:
@@ -151,7 +151,7 @@
|
||||
if (activePostId) untaggedSpan.dataset.itemId = activePostId;
|
||||
const lbl = document.createElement("span");
|
||||
lbl.className = "rating-label";
|
||||
lbl.textContent = "untagged";
|
||||
lbl.textContent = "unrated";
|
||||
untaggedSpan.appendChild(lbl);
|
||||
inner.insertAdjacentElement("afterbegin", untaggedSpan);
|
||||
}
|
||||
|
||||
+938
-266
File diff suppressed because it is too large
Load Diff
@@ -556,7 +556,7 @@
|
||||
}
|
||||
|
||||
// ── Filter Presets CRUD ───────────────────────────────────────────────────
|
||||
const PRESETS_LABELS = { mode: { 0: 'SFW', 1: 'NSFW', 2: 'Untagged', 3: 'All', 4: 'NSFL' } };
|
||||
const PRESETS_LABELS = { mode: { 0: 'SFW', 1: 'NSFW', 2: 'Unrated', 3: 'All', 4: 'NSFL' } };
|
||||
function getPresets() { try { return JSON.parse(localStorage.getItem(PRESETS_KEY) || '[]'); } catch { return []; } }
|
||||
function savePresets(arr) { localStorage.setItem(PRESETS_KEY, JSON.stringify(arr)); }
|
||||
|
||||
@@ -3060,7 +3060,7 @@
|
||||
if (addTagSendBtn) addTagSendBtn.addEventListener('click', submitTag);
|
||||
|
||||
// ── Filter panel ──────────────────────────────────────────────────────────
|
||||
const modeLabels = { 0: 'SFW', 1: 'NSFW', 2: 'Untagged', 3: 'All', 4: 'NSFL' };
|
||||
const modeLabels = { 0: 'SFW', 1: 'NSFW', 2: 'Unrated', 3: 'All', 4: 'NSFL' };
|
||||
|
||||
filterOpenBtn.addEventListener('click', () => {
|
||||
pending = { ...applied, tags: [...applied.tags] }; syncPanelUI();
|
||||
|
||||
@@ -1498,7 +1498,7 @@
|
||||
} else {
|
||||
document.documentElement.classList.remove('blur-untagged-active');
|
||||
}
|
||||
showStatus(enabled ? 'Untagged blurring enabled!' : 'Untagged blurring disabled!', 'success');
|
||||
showStatus(enabled ? 'Unrated blurring enabled!' : 'Unrated blurring disabled!', 'success');
|
||||
});
|
||||
}
|
||||
const blurDetailToggle = document.getElementById('blur_detail_toggle');
|
||||
@@ -1596,10 +1596,16 @@
|
||||
onaraEnabledToggle.checked = stored !== null ? stored === 'true' : sessionOnara;
|
||||
// Reflect current state into window.onara so isOnaraActive() sees it
|
||||
window.onara = onaraEnabledToggle.checked;
|
||||
try {
|
||||
document.cookie = `f0ck_onara=${onaraEnabledToggle.checked ? '1' : '0'}; path=/; max-age=31536000; SameSite=Lax`;
|
||||
} catch {}
|
||||
|
||||
onaraEnabledToggle.addEventListener('change', () => {
|
||||
const enabled = onaraEnabledToggle.checked;
|
||||
localStorage.setItem(LS_KEY, String(enabled));
|
||||
try {
|
||||
document.cookie = `f0ck_onara=${enabled ? '1' : '0'}; path=/; max-age=31536000; SameSite=Lax`;
|
||||
} catch {}
|
||||
window.onara = enabled;
|
||||
showStatus('Onara viewer ' + (enabled ? 'enabled' : 'disabled') + '.', 'success');
|
||||
});
|
||||
|
||||
+279
-16
@@ -1272,14 +1272,19 @@
|
||||
|
||||
const isTagFeed = options.isTagFeed || false;
|
||||
const tagContext = options.tag || null;
|
||||
const isFavsFeed = options.isFavsFeed || false;
|
||||
const favsUser = options.favsUser || null;
|
||||
const isStrict = isStrictMode();
|
||||
const strictSuffix = (isTagFeed && isStrict) ? '?strict=1' : '';
|
||||
const targetSubHash = video.target_subf0ck_slug ? `#${video.target_subf0ck_slug}` : '';
|
||||
const targetHref = (isTagFeed && tagContext)
|
||||
? `/tag/${encodeURIComponent(tagContext).replace(/%2C/g, ',').replace(/%20/g, ' ')}/${videoKey}${strictSuffix}${targetSubHash}`
|
||||
: `/${videoKey}${targetSubHash}`;
|
||||
const targetHref = (isFavsFeed && favsUser)
|
||||
? `/user/${encodeURIComponent(favsUser)}/favs/${videoKey}${targetSubHash}`
|
||||
: (isTagFeed && tagContext)
|
||||
? `/tag/${encodeURIComponent(tagContext).replace(/%2C/g, ',').replace(/%20/g, ' ')}/${videoKey}${strictSuffix}${targetSubHash}`
|
||||
: `/${videoKey}${targetSubHash}`;
|
||||
const activeClass = options.isActive ? ' active-tag-item' : '';
|
||||
|
||||
|
||||
return `
|
||||
<div class="sidebar-video-card${activeClass}" data-id="${video.id}" data-slug="${escapeHtml(video.slug || '')}" data-file="${escapeHtml(activeDest)}" data-mime="${escapeHtml(activeMime)}" data-ext="${escapeHtml(ext ? ext.toLowerCase() : '')}" data-mode="${rClass}" data-target-subf0ck="${escapeHtml(video.target_subf0ck_slug || '')}" data-personalized="${video.personalized ? 'true' : 'false'}"${devScoreAttr}>
|
||||
<a href="${targetHref}" class="sidebar-video-link" data-mode="${rClass}" data-inherit-context="false">
|
||||
@@ -1554,12 +1559,22 @@
|
||||
if (txt) ids.add(txt);
|
||||
}
|
||||
|
||||
// 2. From URL pathname (/tag/:tag/:slugOrId or /:slugOrId)
|
||||
// 2. From URL pathname (/tag/:tag/:slugOrId, /user/:user/favs/:slugOrId, /user/:user/:slugOrId, /:slugOrId)
|
||||
const segments = window.location.pathname.split('/').filter(Boolean);
|
||||
if (segments.length >= 2 && segments[0] === 'tag') {
|
||||
if (segments[2]) {
|
||||
ids.add(decodeURIComponent(segments[2]).trim());
|
||||
}
|
||||
} else if (segments.length >= 4 && segments[0] === 'user' && segments[2] === 'favs') {
|
||||
// /user/:user/favs/:itemid
|
||||
if (segments[3] !== 'p') {
|
||||
ids.add(decodeURIComponent(segments[3]).trim());
|
||||
}
|
||||
} else if (segments.length >= 3 && segments[0] === 'user' && segments[2] !== 'favs') {
|
||||
// /user/:user/:itemid (non-favs)
|
||||
if (segments[2] !== 'p') {
|
||||
ids.add(decodeURIComponent(segments[2]).trim());
|
||||
}
|
||||
} else if (segments.length === 1) {
|
||||
const forbidden = ['s', 'b', 't', 'ca', 'a', 'login', 'register', 'settings', 'about', 'terms', 'rules', 'api', 'logout', 'auth', 'admin', 'mod', 'comments', 'notifications', 'feed', 'upload', 'tags', 'halls', 'ranking', 'abyss', 'random', 'scroller', 'p'];
|
||||
if (!forbidden.includes(segments[0])) {
|
||||
@@ -1567,6 +1582,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return Array.from(ids).filter(Boolean);
|
||||
};
|
||||
|
||||
@@ -1840,22 +1856,253 @@
|
||||
card.classList.add('active-tag-item');
|
||||
}
|
||||
});
|
||||
container.addEventListener('scroll', () => {
|
||||
if (tagFeedLoading || !tagHasMore || !currentTag) return;
|
||||
const nearBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 250;
|
||||
if (nearBottom) {
|
||||
loadMoreTagFeed();
|
||||
}
|
||||
}, { passive: true });
|
||||
};
|
||||
|
||||
// ── Dedicated Favs Feed (mirrors Tag Feed for /user/x/favs context) ─────
|
||||
let currentFavsUser = null;
|
||||
let favsOffset = 0;
|
||||
let favsTotal = 0;
|
||||
let favsFeedLoaded = false;
|
||||
let favsFeedLoading = false;
|
||||
let favsFeedNeedsReload = false;
|
||||
let favsHasMore = false;
|
||||
let favsSentinel = null;
|
||||
let favsObserver = null;
|
||||
|
||||
const getCurrentFavsUser = () => {
|
||||
// Match /user/someuser/favs or /user/someuser/favs/itemid
|
||||
const m = window.location.pathname.match(/^\/user\/([^/?#]+)\/favs/);
|
||||
if (m) return decodeURIComponent(m[1]);
|
||||
return null;
|
||||
};
|
||||
|
||||
let isReCenteringFavsFeed = false;
|
||||
|
||||
const highlightActiveFavsCard = (scrollIntoView = false) => {
|
||||
const identifiers = getCurrentItemIdentifiers();
|
||||
const container = document.getElementById('sidebar-favs-container');
|
||||
if (!container) return;
|
||||
|
||||
let matchedCard = null;
|
||||
container.querySelectorAll('.sidebar-video-card').forEach(card => {
|
||||
const cardId = card.dataset.id ? String(card.dataset.id).trim() : '';
|
||||
const cardSlug = card.dataset.slug ? String(card.dataset.slug).trim() : '';
|
||||
const isMatch = identifiers.length > 0 && (
|
||||
(cardId && identifiers.includes(cardId)) ||
|
||||
(cardSlug && identifiers.includes(cardSlug))
|
||||
);
|
||||
if (isMatch) {
|
||||
card.classList.add('active-tag-item');
|
||||
if (!matchedCard) matchedCard = card;
|
||||
} else {
|
||||
card.classList.remove('active-tag-item');
|
||||
}
|
||||
});
|
||||
|
||||
if (matchedCard && scrollIntoView) {
|
||||
const isFavsTabActive = document.querySelector('.sidebar-tab.active')?.dataset.tab === 'favs' &&
|
||||
container.style.display !== 'none';
|
||||
if (isFavsTabActive) {
|
||||
try {
|
||||
const cr = container.getBoundingClientRect();
|
||||
const mr = matchedCard.getBoundingClientRect();
|
||||
container.scrollTo({ top: Math.max(0, container.scrollTop + (mr.top - cr.top) - (container.clientHeight / 2) + (mr.height / 2)), behavior: 'smooth' });
|
||||
} catch (_) {
|
||||
matchedCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
||||
}
|
||||
}
|
||||
} else if (scrollIntoView && !matchedCard && identifiers.length > 0 && currentFavsUser && !isReCenteringFavsFeed && !favsFeedLoading) {
|
||||
isReCenteringFavsFeed = true;
|
||||
loadFavsFeed(true, identifiers[0]).finally(() => {
|
||||
isReCenteringFavsFeed = false;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const loadFavsFeed = async (reset = false, focusId = null) => {
|
||||
const container = document.getElementById('sidebar-favs-container');
|
||||
const itemsContainer = container?.querySelector('.sidebar-favs-items-container');
|
||||
if (!container || !itemsContainer || favsFeedLoading) return;
|
||||
if (!currentFavsUser) return;
|
||||
|
||||
favsFeedLoading = true;
|
||||
favsFeedNeedsReload = false;
|
||||
|
||||
if (reset) {
|
||||
favsOffset = 0;
|
||||
itemsContainer.innerHTML = `
|
||||
<div class="sidebar-loading-state">
|
||||
<i class="fa-solid fa-circle-notch fa-spin"></i>
|
||||
<span>Loading favorites...</span>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
try {
|
||||
const mode = typeof window.activeMode !== 'undefined' ? window.activeMode : '';
|
||||
let url = `/api/v2/favs-feed?user=${encodeURIComponent(currentFavsUser)}&order=desc&offset=${favsOffset}&limit=20&mode=${mode}`;
|
||||
if (focusId) url += `&focus_id=${encodeURIComponent(focusId)}`;
|
||||
|
||||
const res = await fetch(url, { headers: { 'X-Requested-With': 'XMLHttpRequest' } });
|
||||
const data = await res.json();
|
||||
const items = data.items || [];
|
||||
favsTotal = data.total || 0;
|
||||
favsOffset = (data.offset ?? favsOffset) + items.length;
|
||||
favsHasMore = typeof data.hasMore !== 'undefined' ? !!data.hasMore : (favsOffset < favsTotal);
|
||||
|
||||
// Update header
|
||||
const countEl = container.querySelector('.sidebar-favs-count');
|
||||
if (countEl) countEl.textContent = `(${favsTotal})`;
|
||||
|
||||
const nameEl = container.querySelector('.sidebar-favs-name');
|
||||
if (nameEl) nameEl.textContent = currentFavsUser + "'s favs";
|
||||
|
||||
if (data.success && items.length > 0) {
|
||||
favsFeedLoaded = true;
|
||||
const identifiers = getCurrentItemIdentifiers();
|
||||
let html = '';
|
||||
items.forEach(v => {
|
||||
const vId = String(v.id).trim();
|
||||
const vSlug = String(v.slug || '').trim();
|
||||
const isActive = identifiers.length > 0 && (
|
||||
(vId && identifiers.includes(vId)) ||
|
||||
(vSlug && identifiers.includes(vSlug))
|
||||
);
|
||||
html += renderVideoCard(v, { isFavsFeed: true, favsUser: currentFavsUser, isActive });
|
||||
});
|
||||
|
||||
if (reset) {
|
||||
itemsContainer.innerHTML = html;
|
||||
setTimeout(() => highlightActiveFavsCard(true), 60);
|
||||
} else {
|
||||
itemsContainer.insertAdjacentHTML('beforeend', html);
|
||||
highlightActiveFavsCard(false);
|
||||
}
|
||||
initFavsSentinel();
|
||||
} else if (reset) {
|
||||
itemsContainer.innerHTML = `
|
||||
<div class="sidebar-empty-state" style="text-align:center;padding:30px 15px;color:var(--text-muted,#888);font-size:0.88em;">
|
||||
<i class="fa-regular fa-heart" style="font-size:1.8em;opacity:0.4;margin-bottom:8px;display:block;"></i>
|
||||
No favorites found
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('[FAVS-FEED] Failed:', err);
|
||||
if (reset) {
|
||||
itemsContainer.innerHTML = `<div class="sidebar-empty-state" style="text-align:center;padding:25px;color:var(--danger,#ff4444);font-size:0.88em;">Failed to load favorites</div>`;
|
||||
}
|
||||
} finally {
|
||||
favsFeedLoading = false;
|
||||
}
|
||||
};
|
||||
|
||||
const initFavsSentinel = () => {
|
||||
const container = document.getElementById('sidebar-favs-container');
|
||||
const itemsContainer = container?.querySelector('.sidebar-favs-items-container');
|
||||
if (!container || !itemsContainer) return;
|
||||
|
||||
if (favsSentinel && favsSentinel.parentNode) favsSentinel.remove();
|
||||
if (favsObserver) { favsObserver.disconnect(); favsObserver = null; }
|
||||
if (!favsHasMore) return;
|
||||
|
||||
favsSentinel = document.createElement('div');
|
||||
favsSentinel.className = 'sidebar-tag-sentinel';
|
||||
favsSentinel.style.cssText = 'height: 20px; margin: 10px 0;';
|
||||
itemsContainer.appendChild(favsSentinel);
|
||||
|
||||
favsObserver = new IntersectionObserver((entries) => {
|
||||
if (entries[0].isIntersecting && !favsFeedLoading && favsHasMore) {
|
||||
loadFavsFeed(false);
|
||||
}
|
||||
}, {
|
||||
root: container,
|
||||
rootMargin: '200px'
|
||||
});
|
||||
favsObserver.observe(favsSentinel);
|
||||
};
|
||||
|
||||
|
||||
const updateFavsTabVisibility = (forceSwitchToFavs = false) => {
|
||||
const user = getCurrentFavsUser();
|
||||
const favsBtn = document.getElementById('sidebar-tab-favs');
|
||||
if (!favsBtn) return;
|
||||
|
||||
if (user) {
|
||||
favsBtn.style.display = 'inline-flex';
|
||||
favsBtn.title = `${user}'s favs`;
|
||||
|
||||
if (currentFavsUser !== user) {
|
||||
currentFavsUser = user;
|
||||
favsOffset = 0;
|
||||
favsFeedLoaded = false;
|
||||
favsFeedNeedsReload = true;
|
||||
switchSidebarTab('favs');
|
||||
} else {
|
||||
if (forceSwitchToFavs || document.querySelector('.sidebar-tab.active')?.dataset.tab !== 'favs') {
|
||||
switchSidebarTab('favs');
|
||||
} else {
|
||||
highlightActiveFavsCard(true);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
favsBtn.style.display = 'none';
|
||||
currentFavsUser = null;
|
||||
favsFeedLoaded = false;
|
||||
|
||||
const activeTab = document.querySelector('.sidebar-tab.active')?.dataset.tab;
|
||||
if (activeTab === 'favs') {
|
||||
// Fall back to tag tab if available, else recommendations
|
||||
if (getCurrentTag()) {
|
||||
switchSidebarTab('tag');
|
||||
} else {
|
||||
switchSidebarTab('recommendations');
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const bindFavsContainerEvents = () => {
|
||||
const container = document.getElementById('sidebar-favs-container');
|
||||
if (!container || container.dataset.eventsBound === 'true') return;
|
||||
container.dataset.eventsBound = 'true';
|
||||
container.addEventListener('click', (e) => {
|
||||
const card = e.target.closest('.sidebar-video-card');
|
||||
if (card) {
|
||||
container.querySelectorAll('.sidebar-video-card').forEach(c => c.classList.remove('active-tag-item'));
|
||||
card.classList.add('active-tag-item');
|
||||
}
|
||||
});
|
||||
container.addEventListener('scroll', () => {
|
||||
if (favsFeedLoading || !favsHasMore || !currentFavsUser) return;
|
||||
const nearBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 250;
|
||||
if (nearBottom) {
|
||||
loadFavsFeed(false);
|
||||
}
|
||||
}, { passive: true });
|
||||
};
|
||||
|
||||
const switchSidebarTab = (tabName) => {
|
||||
if (window.clearHoverPreview) {
|
||||
window.clearHoverPreview();
|
||||
}
|
||||
const normalizedTab = (tabName === 'videos' || tabName === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (tabName === 'tag' ? 'tag' : tabName);
|
||||
const normalizedTab = (tabName === 'videos' || tabName === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (tabName === 'tag' ? 'tag' : (tabName === 'favs' ? 'favs' : tabName));
|
||||
const tabs = document.querySelectorAll('.sidebar-tab');
|
||||
const contents = document.querySelectorAll('.sidebar-tab-content');
|
||||
|
||||
tabs.forEach(t => {
|
||||
const tTab = (t.dataset.tab === 'videos' || t.dataset.tab === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (t.dataset.tab === 'tag' ? 'tag' : t.dataset.tab);
|
||||
const tTab = (t.dataset.tab === 'videos' || t.dataset.tab === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (t.dataset.tab === 'tag' ? 'tag' : (t.dataset.tab === 'favs' ? 'favs' : t.dataset.tab));
|
||||
if (tTab === normalizedTab) {
|
||||
t.classList.add('active');
|
||||
} else {
|
||||
@@ -1864,9 +2111,9 @@
|
||||
});
|
||||
|
||||
contents.forEach(c => {
|
||||
const cTab = (c.dataset.tabContent === 'videos' || c.dataset.tabContent === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (c.dataset.tabContent === 'tag' ? 'tag' : c.dataset.tabContent);
|
||||
const cTab = (c.dataset.tabContent === 'videos' || c.dataset.tabContent === 'recommendations')
|
||||
? 'recommendations'
|
||||
: (c.dataset.tabContent === 'tag' ? 'tag' : (c.dataset.tabContent === 'favs' ? 'favs' : c.dataset.tabContent));
|
||||
if (cTab === normalizedTab) {
|
||||
c.classList.add('active');
|
||||
c.style.display = 'block';
|
||||
@@ -1890,6 +2137,12 @@
|
||||
} else {
|
||||
setTimeout(() => highlightActiveTagCard(true), 60);
|
||||
}
|
||||
} else if (normalizedTab === 'favs') {
|
||||
if (favsFeedNeedsReload || !favsFeedLoaded) {
|
||||
loadFavsFeed(true);
|
||||
} else {
|
||||
setTimeout(() => highlightActiveFavsCard(true), 60);
|
||||
}
|
||||
}
|
||||
};
|
||||
window.switchSidebarTab = switchSidebarTab;
|
||||
@@ -1901,7 +2154,7 @@
|
||||
const btn = e.target.closest('.sidebar-tab');
|
||||
if (btn && btn.dataset.tab) {
|
||||
e.preventDefault();
|
||||
if (btn.dataset.tab !== 'tag') {
|
||||
if (btn.dataset.tab !== 'tag' && btn.dataset.tab !== 'favs') {
|
||||
userManuallySelectedNonTagTab = true;
|
||||
} else {
|
||||
userManuallySelectedNonTagTab = false;
|
||||
@@ -1917,7 +2170,9 @@
|
||||
savedTab = localStorage.getItem('sidebar_active_tab') || 'comments';
|
||||
} catch (_) {}
|
||||
|
||||
if (getCurrentTag()) {
|
||||
if (getCurrentFavsUser()) {
|
||||
switchSidebarTab('favs');
|
||||
} else if (getCurrentTag()) {
|
||||
switchSidebarTab('tag');
|
||||
} else if (savedTab === 'videos' || savedTab === 'recommendations') {
|
||||
switchSidebarTab('recommendations');
|
||||
@@ -2154,15 +2409,23 @@
|
||||
initSidebarTabs();
|
||||
initTagOrderButton();
|
||||
bindTagContainerEvents();
|
||||
bindFavsContainerEvents();
|
||||
updateTagTabVisibility();
|
||||
updateFavsTabVisibility();
|
||||
document.addEventListener('f0ck:contentLoaded', () => {
|
||||
updateTagTabVisibility();
|
||||
setTimeout(() => highlightActiveTagCard(true), 60);
|
||||
updateFavsTabVisibility();
|
||||
setTimeout(() => {
|
||||
highlightActiveTagCard(true);
|
||||
highlightActiveFavsCard(true);
|
||||
}, 60);
|
||||
});
|
||||
window.addEventListener('popstate', () => {
|
||||
setTimeout(() => {
|
||||
updateTagTabVisibility();
|
||||
updateFavsTabVisibility();
|
||||
highlightActiveTagCard(true);
|
||||
highlightActiveFavsCard(true);
|
||||
}, 60);
|
||||
});
|
||||
bindRecommendationEvents();
|
||||
|
||||
+96
-52
@@ -1266,40 +1266,70 @@ window.initUploadForm = (selector) => {
|
||||
badge.innerHTML = index === 0 ? '<i class="fa-solid fa-star"></i> Cover' : `#${index + 1}`;
|
||||
card.appendChild(badge);
|
||||
|
||||
const isVideo = (file.type && file.type.startsWith('video/')) || /\.(mp4|webm|mov|mkv)$/i.test(file.name || '');
|
||||
const isAudio = (file.type && file.type.startsWith('audio/')) || /\.(mp3|ogg|wav|flac|m4a|aac)$/i.test(file.name || '');
|
||||
|
||||
if (isVideo) {
|
||||
const video = document.createElement('video');
|
||||
video.src = URL.createObjectURL(file);
|
||||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.autoplay = false;
|
||||
video.preload = 'metadata';
|
||||
card.appendChild(video);
|
||||
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-solid fa-play"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
} else if (isAudio) {
|
||||
const audioPreview = document.createElement('div');
|
||||
audioPreview.className = 'album-stage-audio-preview';
|
||||
audioPreview.innerHTML = `
|
||||
<i class="fa-solid fa-music"></i>
|
||||
<span class="album-stage-audio-name" title="${file.name || 'Audio'}">${file.name || 'Audio'}</span>
|
||||
`;
|
||||
card.appendChild(audioPreview);
|
||||
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-solid fa-music"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
// URL items (YouTube links etc.) — no File/Blob available
|
||||
if (item.type === 'url') {
|
||||
const urlStr = item.url || '';
|
||||
const ytMatch = urlStr.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([A-Za-z0-9_-]{11})/);
|
||||
if (ytMatch) {
|
||||
const thumb = document.createElement('img');
|
||||
thumb.src = `https://img.youtube.com/vi/${ytMatch[1]}/mqdefault.jpg`;
|
||||
thumb.alt = 'YouTube thumbnail';
|
||||
thumb.style.cssText = 'width:100%;height:100%;object-fit:cover;';
|
||||
card.appendChild(thumb);
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-brands fa-youtube"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
} else {
|
||||
const urlPreview = document.createElement('div');
|
||||
urlPreview.className = 'album-stage-audio-preview';
|
||||
const shortUrl = urlStr.replace(/^https?:\/\//, '').substring(0, 40);
|
||||
urlPreview.innerHTML = `
|
||||
<i class="fa-solid fa-link"></i>
|
||||
<span class="album-stage-audio-name" title="${urlStr}">${shortUrl}</span>
|
||||
`;
|
||||
card.appendChild(urlPreview);
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-solid fa-link"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
}
|
||||
} else {
|
||||
const img = document.createElement('img');
|
||||
img.src = URL.createObjectURL(file);
|
||||
img.alt = file.name || `Subf0ck ${index + 1}`;
|
||||
card.appendChild(img);
|
||||
const isVideo = (file.type && file.type.startsWith('video/')) || /\.(mp4|webm|mov|mkv)$/i.test(file.name || '');
|
||||
const isAudio = (file.type && file.type.startsWith('audio/')) || /\.(mp3|ogg|wav|flac|m4a|aac)$/i.test(file.name || '');
|
||||
|
||||
if (isVideo) {
|
||||
const video = document.createElement('video');
|
||||
video.src = URL.createObjectURL(file);
|
||||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.autoplay = false;
|
||||
video.preload = 'metadata';
|
||||
card.appendChild(video);
|
||||
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-solid fa-play"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
} else if (isAudio) {
|
||||
const audioPreview = document.createElement('div');
|
||||
audioPreview.className = 'album-stage-audio-preview';
|
||||
audioPreview.innerHTML = `
|
||||
<i class="fa-solid fa-music"></i>
|
||||
<span class="album-stage-audio-name" title="${file.name || 'Audio'}">${file.name || 'Audio'}</span>
|
||||
`;
|
||||
card.appendChild(audioPreview);
|
||||
|
||||
const mimeBadge = document.createElement('span');
|
||||
mimeBadge.className = 'album-stage-mime-badge';
|
||||
mimeBadge.innerHTML = '<i class="fa-solid fa-music"></i>';
|
||||
card.appendChild(mimeBadge);
|
||||
} else {
|
||||
const img = document.createElement('img');
|
||||
img.src = URL.createObjectURL(file);
|
||||
img.alt = file.name || `Subf0ck ${index + 1}`;
|
||||
card.appendChild(img);
|
||||
}
|
||||
}
|
||||
|
||||
const actions = document.createElement('div');
|
||||
@@ -2972,8 +3002,21 @@ window.initUploadForm = (selector) => {
|
||||
}
|
||||
}
|
||||
|
||||
// URL uploads: always stay on current page — tracker panel shows progress
|
||||
// (no redirect here; the file upload path below handles its own redirect)
|
||||
// URL uploads: redirect or stay based on user preference (pending/async jobs skip redirect)
|
||||
if (!lastData?.pending && !lastData?.manual_approval) {
|
||||
const shouldRedirectToItem = redirectCheckbox
|
||||
? redirectCheckbox.checked
|
||||
: (localStorage.getItem('upload_redirect_to_item') !== 'false');
|
||||
if (shouldRedirectToItem && lastData?.itemid) {
|
||||
const targetUrl = lastData.slug ? `/${lastData.slug}` : `/${lastData.itemid}`;
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
}
|
||||
// else: stay on current page
|
||||
}
|
||||
} else {
|
||||
restoreBtn();
|
||||
}
|
||||
@@ -3006,9 +3049,15 @@ window.initUploadForm = (selector) => {
|
||||
if (comment) formData.append('comment', comment);
|
||||
|
||||
for (let i = 0; i < selectedFiles.length; i++) {
|
||||
const f = selectedFiles[i].file || selectedFiles[i];
|
||||
formData.append('files', f);
|
||||
const subTags = selectedFiles[i].subTags || '';
|
||||
const item = selectedFiles[i];
|
||||
if (item.type === 'url') {
|
||||
// URL items (YouTube links etc.) — send as a URL field, not a binary file
|
||||
formData.append(`subf0ck_url_${i}`, item.url || '');
|
||||
} else {
|
||||
const f = item.file || item;
|
||||
formData.append('files', f);
|
||||
}
|
||||
const subTags = item.subTags || '';
|
||||
if (subTags) {
|
||||
formData.append(`subf0ck_tags_${i}`, subTags);
|
||||
}
|
||||
@@ -3080,15 +3129,15 @@ window.initUploadForm = (selector) => {
|
||||
? redirectCheckbox.checked
|
||||
: (localStorage.getItem('upload_redirect_to_item') !== 'false');
|
||||
|
||||
const targetUrl = shouldRedirectToItem
|
||||
? (res.slug ? `/${res.slug}` : (res.itemid ? `/${res.itemid}` : '/'))
|
||||
: '/';
|
||||
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
if (shouldRedirectToItem) {
|
||||
const targetUrl = res.slug ? `/${res.slug}` : (res.itemid ? `/${res.itemid}` : '/');
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax(targetUrl, true, { bypassCache: true });
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
}
|
||||
// else: stay on current page
|
||||
return;
|
||||
} else {
|
||||
const errMsg = res.msg || 'Upload failed';
|
||||
@@ -3340,13 +3389,8 @@ window.initUploadForm = (selector) => {
|
||||
} else {
|
||||
window.location.href = targetUrl;
|
||||
}
|
||||
} else {
|
||||
if (typeof window.loadPageAjax === 'function') {
|
||||
window.loadPageAjax('/', true, { bypassCache: true });
|
||||
} else {
|
||||
window.location.href = '/';
|
||||
}
|
||||
}
|
||||
// else: stay on current page
|
||||
}
|
||||
} else {
|
||||
restoreBtn();
|
||||
|
||||
+1
-1
@@ -149,7 +149,7 @@
|
||||
if (activePostId) untaggedSpan.dataset.itemId = activePostId;
|
||||
const lbl = document.createElement("span");
|
||||
lbl.className = "rating-label";
|
||||
lbl.textContent = "untagged";
|
||||
lbl.textContent = "unrated";
|
||||
untaggedSpan.appendChild(lbl);
|
||||
inner.insertAdjacentElement("afterbegin", untaggedSpan);
|
||||
}
|
||||
|
||||
+19
-3
@@ -168,11 +168,27 @@ class v0ck {
|
||||
player.style.backgroundImage = 'none';
|
||||
player.style.backgroundColor = 'transparent';
|
||||
if (!isFallback) {
|
||||
coverCircle.style.backgroundImage = `url('${poster}')`;
|
||||
ph.classList.add('has-cover');
|
||||
coverCircle._origBgImage = `url('${poster}')`;
|
||||
if (typeof window.updateCoverArtSolidMode === 'function') {
|
||||
window.updateCoverArtSolidMode();
|
||||
} else {
|
||||
const tuning = window.audioVisualizerTuning;
|
||||
const showInEye = tuning ? (tuning.showCoverInEye !== undefined ? Number(tuning.showCoverInEye) === 1 : (tuning.showCoverArt !== undefined ? Number(tuning.showCoverArt) === 1 : Number(tuning.solidCover) === 0)) : false;
|
||||
if (showInEye) {
|
||||
coverCircle.style.backgroundImage = `url('${poster}')`;
|
||||
ph.classList.add('has-cover');
|
||||
} else {
|
||||
coverCircle.style.backgroundImage = 'none';
|
||||
ph.classList.remove('has-cover');
|
||||
}
|
||||
}
|
||||
} else {
|
||||
coverCircle.style.backgroundImage = '';
|
||||
coverCircle._origBgImage = null;
|
||||
coverCircle.style.backgroundImage = 'none';
|
||||
ph.classList.remove('has-cover');
|
||||
if (typeof window.updateCoverArtSolidMode === 'function') {
|
||||
window.updateCoverArtSolidMode();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user