${m.username}
`;
li.onclick = async (e) => {
e.preventDefault();
const postResp = await fetch('api_v1_channel_permissions.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ channel_id: channelId, user_id: m.id, allow: 0, deny: 0 })
});
const postData = await postResp.json();
if (postData.success) {
await loadChannelPermissions(channelId);
await loadRolesForPermissions(channelId);
selectOverrideItem(m.id, m.username, 'member');
}
};
addPermRoleList.appendChild(li);
});
}
}
} catch (err) {
console.error(err);
}
}
function renderRoleOverridesList(channelId) {
channelPermissionsRolesList.innerHTML = '';
if (channelPermissionsData.length === 0) {
channelPermissionsRolesList.innerHTML = '
`;
}
item.innerHTML = `
${icon}
${p.display_name}
`;
item.onclick = () => selectOverrideItem(p.type === 'role' ? p.role_id : p.user_id, p.display_name, p.type);
channelPermissionsRolesList.appendChild(item);
});
}
let currentSelectedOverrideType = 'role';
function selectOverrideItem(id, name, type) {
currentSelectedOverrideRole = id;
currentSelectedOverrideType = type;
const channelId = document.getElementById('edit-channel-id').value;
renderRoleOverridesList(channelId);
selectedPermRoleName.textContent = name;
noRoleSelectedView.classList.add('d-none');
channelPermissionsSettings.classList.remove('d-none');
const p = channelPermissionsData.find(perm => {
if (type === 'role') return perm.role_id == id && perm.type === 'role';
return perm.user_id == id && perm.type === 'member';
}) || { allow_permissions: 0, deny_permissions: 0 };
document.querySelectorAll('.perm-tri-state').forEach(group => {
const bit = parseInt(group.dataset.permBit);
updateToggleUI(bit, p.allow_permissions, p.deny_permissions);
});
}
function updateToggleUI(bit, allowPerms, denyPerms) {
const group = document.querySelector(`.perm-tri-state[data-perm-bit="${bit}"]`);
if (!group) return;
if (allowPerms & bit) {
group.querySelector('input[value="allow"]').checked = true;
} else if (denyPerms & bit) {
group.querySelector('input[value="deny"]').checked = true;
} else {
group.querySelector('input[value="neutral"]').checked = true;
}
}
removeSelectedPermRole?.addEventListener('click', async () => {
if (!currentSelectedOverrideRole) return;
const channelId = document.getElementById('edit-channel-id').value;
const payload = { channel_id: channelId };
if (currentSelectedOverrideType === 'role') {
payload.role_id = currentSelectedOverrideRole;
} else {
payload.user_id = currentSelectedOverrideRole;
}
await fetch('api_v1_channel_permissions.php', {
method: 'DELETE',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
currentSelectedOverrideRole = null;
channelPermissionsSettings.classList.add('d-none');
noRoleSelectedView.classList.remove('d-none');
loadChannelPermissions(channelId);
});
permissionsTogglesContainer?.addEventListener('change', async (e) => {
if (e.target.type === 'radio') {
const group = e.target.closest('.perm-tri-state');
const bit = parseInt(group.dataset.permBit);
const val = e.target.value;
const channelId = document.getElementById('edit-channel-id').value;
const id = currentSelectedOverrideRole;
const type = currentSelectedOverrideType;
let p = channelPermissionsData.find(perm => {
if (type === 'role') return perm.role_id == id && perm.type === 'role';
return perm.user_id == id && perm.type === 'member';
});
if (!p) {
p = { channel_id: channelId, allow_permissions: 0, deny_permissions: 0, type: type };
if (type === 'role') p.role_id = id; else p.user_id = id;
channelPermissionsData.push(p);
}
let allow = parseInt(p.allow_permissions);
let deny = parseInt(p.deny_permissions);
// Clear current bit
allow &= ~bit;
deny &= ~bit;
if (val === 'allow') allow |= bit;
if (val === 'deny') deny |= bit;
const payload = { channel_id: channelId, allow, deny };
if (type === 'role') payload.role_id = id; else payload.user_id = id;
await fetch('api_v1_channel_permissions.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
// Update local data
p.allow_permissions = allow;
p.deny_permissions = deny;
}
});
document.addEventListener('click', async (e) => {
if (!e.target.closest('.search-container')) {
searchResults.style.display = 'none';
}
if (e.target.classList.contains('move-rule-btn')) {
if (!window.canManageChannels) return;
const id = e.target.dataset.id;
const dir = e.target.dataset.dir;
const resp = await fetch('api_v1_rules.php', {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ id, dir })
});
if ((await resp.json()).success) location.reload();
}
});
// Roles Management
const channelSettingsBtns = document.querySelectorAll('.channel-settings-btn');
channelSettingsBtns.forEach(btn => {
btn.addEventListener('click', () => {
const modal = document.getElementById('editChannelModal');
const channelId = btn.dataset.id;
const channelType = btn.dataset.type || 'chat';
const channelName = btn.dataset.name;
modal.querySelector('#edit-channel-id').value = channelId;
modal.querySelector('#edit-channel-name').value = channelName;
modal.querySelector('#header-channel-name').textContent = channelName;
modal.querySelector('#edit-channel-type').value = channelType;
// Force switch to Overview tab
const overviewTabBtn = modal.querySelector('[data-bs-target="#edit-channel-general"]');
if (overviewTabBtn) {
bootstrap.Tab.getOrCreateInstance(overviewTabBtn).show();
}
modal.querySelector('#edit-channel-files').checked = btn.dataset.files == '1';
modal.querySelector('#edit-channel-limit').value = btn.dataset.limit || '';
modal.querySelector('#edit-channel-status').value = btn.dataset.status || '';
modal.querySelector('#edit-channel-icon').value = btn.dataset.icon || '';
modal.querySelector('#edit-channel-rules-role').value = btn.dataset.rulesRole || '';
modal.querySelector('#edit-channel-category-id').value = btn.dataset.category || '';
modal.querySelector('#delete-channel-id').value = channelId;
// Check if channel is named "rรดle" or "role"
const isRoleChannel = channelName.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "") === "role";
// Toggle rules role visibility
const rulesRoleContainer = document.getElementById('edit-channel-rules-role-container');
if (rulesRoleContainer) {
rulesRoleContainer.style.display = (channelType === 'rules') ? 'block' : 'none';
}
// Hide limit, files and clear chat for rules, autorole, and role channels
const editLimitContainer = document.getElementById('edit-channel-limit-container');
const editFilesContainer = document.getElementById('edit-channel-files-container');
const clearChatBtn = document.getElementById('clear-channel-history-btn');
const hideExtra = (channelType === 'rules' || channelType === 'autorole' || isRoleChannel);
if (editLimitContainer) editLimitContainer.style.display = hideExtra ? 'none' : 'block';
if (editFilesContainer) editFilesContainer.style.display = hideExtra ? 'none' : 'block';
if (clearChatBtn) clearChatBtn.style.display = (channelType === 'rules') ? 'none' : 'inline-block';
// Reset delete zone
document.getElementById('delete-confirm-zone').style.display = 'none';
// Show/Hide RSS tab
const rssTabNav = document.getElementById('rss-tab-nav');
const statusContainer = document.getElementById('edit-channel-status-container');
if (channelType === 'announcement') {
rssTabNav.style.display = 'block';
} else {
rssTabNav.style.display = 'none';
// Switch to General tab if we were on RSS
const rssTabBtn = document.getElementById('rss-tab-btn');
if (rssTabBtn && rssTabBtn.classList.contains('active')) {
bootstrap.Tab.getOrCreateInstance(modal.querySelector('[data-bs-target="#edit-channel-general"]')).show();
}
}
if (channelType === 'voice') {
statusContainer.style.display = 'block';
} else {
statusContainer.style.display = 'none';
}
});
});
document.getElementById('delete-channel-trigger')?.addEventListener('click', () => {
document.getElementById('delete-confirm-zone').style.display = 'block';
});
// RSS Management
const editChannelType = document.getElementById('edit-channel-type');
editChannelType?.addEventListener('change', () => {
const type = editChannelType.value;
const rssTabNav = document.getElementById('rss-tab-nav');
const statusContainer = document.getElementById('edit-channel-status-container');
const channelName = document.getElementById('edit-channel-name').value;
const isRoleChannel = channelName.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "") === "role";
rssTabNav.style.display = (type === 'announcement') ? 'block' : 'none';
statusContainer.style.display = (type === 'voice') ? 'block' : 'none';
// Rules specific visibility
const rulesRoleContainer = document.getElementById('edit-channel-rules-role-container');
if (rulesRoleContainer) {
rulesRoleContainer.style.display = (type === 'rules') ? 'block' : 'none';
}
const editLimitContainer = document.getElementById('edit-channel-limit-container');
const editFilesContainer = document.getElementById('edit-channel-files-container');
const clearChatBtn = document.getElementById('clear-channel-history-btn');
const hideExtra = (type === 'rules' || type === 'autorole' || isRoleChannel);
if (editLimitContainer) editLimitContainer.style.display = hideExtra ? 'none' : 'block';
if (editFilesContainer) editFilesContainer.style.display = hideExtra ? 'none' : 'block';
if (clearChatBtn) clearChatBtn.style.display = (type === 'rules') ? 'none' : 'inline-block';
});
// RSS Management
const rssTabBtn = document.getElementById('rss-tab-btn');
const rssFeedsList = document.getElementById('rss-feeds-list');
const addRssBtn = document.getElementById('add-rss-btn');
const syncRssBtn = document.getElementById('sync-rss-btn');
rssTabBtn?.addEventListener('click', loadRssFeeds);
async function loadRssFeeds() {
const channelId = document.getElementById('edit-channel-id').value;
rssFeedsList.innerHTML = '${content}${content}`);
return placeholder;
});
// Bold: **text**
html = html.replace(/\*\*([^*]+)\*\*/g, '$1');
// Italics: *text* or _text_
html = html.replace(/\*([^*]+)\*/g, '$1');
html = html.replace(/_([^_]+)_/g, '$1');
// Underline: __text__
html = html.replace(/__([^_]+)__/g, '$1');
// Strikethrough: ~~text~~
html = html.replace(/~~([^~]+)~~/g, '$1'); html = html.replace(/^>>> ([\s\S]*$)/g, '
$1'); // Hyperlinks: [text](url) html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1'); // Pure links:
)/gi, '$2'); html = html.replace(/(<\/h1>|<\/h2>|<\/h3>|<\/blockquote>)\s*(
)/gi, '$1'); // Re-insert inline code inlineCodes.forEach((code, i) => { html = html.replace(`__INLINE_CODE_${i}__`, code); }); // Re-insert code blocks codeBlocks.forEach((block, i) => { html = html.replace(`__CODE_BLOCK_${i}__`, block); }); return html; } function parseCustomEmotes(text) { let parsed = parseMarkdown(text); (window.CUSTOM_EMOTES_CACHE || []).forEach(emote => { const imgHtml = ``; // Only replace if it's not inside a tag attribute or code block (simplified) parsed = parsed.split(emote.code).join(imgHtml); }); return parsed; } function appendMessage(msg) { if (!msg || !msg.id) return; if (document.querySelector(`.message-item[data-id="${msg.id}"]`)) return; // Security: Ensure message belongs to current channel/thread if (msg.channel_id && msg.channel_id != currentChannel) return; if (window.activeChannelType === 'forum') { if (!currentThread || msg.thread_id != currentThread) return; } else { if (msg.thread_id) return; } // Auto-populate metadata for video platforms if missing const dmRegexForMeta = /(?:https?:\/\/)?(?:www\.)?(?:dailymotion\.com\/video\/|dai\.ly\/)([a-zA-Z0-9]+)/; const dmMatchForMeta = msg.content.match(dmRegexForMeta); if (dmMatchForMeta && !msg.metadata) { msg.metadata = { title: 'Dailymotion Video', url: dmMatchForMeta[0], image: `https://www.dailymotion.com/thumbnail/video/${dmMatchForMeta[1]}`, site_name: 'Dailymotion' }; } const messagesList = document.getElementById('messages-list'); const messagesInner = document.querySelector('.messages-list-inner'); const targetContainer = messagesInner || messagesList; if (!targetContainer) return; const div = document.createElement('div'); div.className = 'message-item'; div.dataset.id = msg.id; div.dataset.rawContent = msg.content; if (parseInt(msg.id) > lastMessageId) { lastMessageId = parseInt(msg.id); } const avatarStyle = msg.avatar_url ? `background-image: url('${msg.avatar_url}');` : ''; let attachmentHtml = ''; if (msg.attachment_url) { const ext = msg.attachment_url.split('.').pop().toLowerCase(); if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext)) { attachmentHtml = `
`; } else { attachmentHtml = ``; } } let embedHtml = ''; if (msg.metadata) { const meta = typeof msg.metadata === 'string' ? JSON.parse(msg.metadata) : msg.metadata; embedHtml = `${meta.site_name ? `` : ''} ${meta.title ? `${escapeHTML(meta.title)}` : ''} ${meta.description ? `` : ''} ${meta.image ? ``; } const isMe = msg.user_id == window.currentUserId || msg.username == window.currentUsername; const hasManageRights = window.canManageChannels || window.isServerOwner || false; const pinHtml = ` `; const actionsHtml = (isMe || hasManageRights) ? ` ` : ''; const pinnedBadge = msg.is_pinned ? ` Pinned ` : ''; const mentionRegex = new RegExp(`@${window.currentUsername}\\b`, 'g'); const mentionHtml = `@${window.currentUsername}`; const contentWithMentions = parseCustomEmotes(msg.content).replace(mentionRegex, mentionHtml); div.innerHTML = ` ${actionsHtml} `; targetContainer.appendChild(div); scrollToBottom(isMe); // Ensure we scroll again when images/videos load div.querySelectorAll('img, iframe').forEach(el => { el.addEventListener('load', () => scrollToBottom(isMe)); }); } // Initial load of roles for the server loadRoles(); // Autorole Toggle document.addEventListener('click', async (e) => { const btn = e.target.closest('.autorole-toggle-btn'); if (!btn) return; const roleId = btn.dataset.roleId; btn.disabled = true; try { const resp = await fetch('api_v1_autoroles.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'toggle', role_id: roleId }) }); const data = await resp.json(); if (data.success) { if (data.added) { btn.classList.remove('btn-outline-secondary'); btn.classList.add('btn-primary'); btn.style.backgroundColor = 'var(--blurple)'; btn.style.border = 'none'; } else { btn.classList.add('btn-outline-secondary'); btn.classList.remove('btn-primary'); btn.style.backgroundColor = 'var(--bg-channels)'; btn.style.border = '1px solid var(--separator)'; } // Refresh sidebar channels and members if (typeof loadRoles === 'function') loadRoles(); fetch(window.location.href) .then(resp => resp.text()) .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const newSidebar = doc.getElementById('sidebar-channels-list'); const currentSidebar = document.getElementById('sidebar-channels-list'); if (newSidebar && currentSidebar) { currentSidebar.innerHTML = newSidebar.innerHTML; if (window.restoreCollapsedStates) window.restoreCollapsedStates(); } }) .catch(err => console.error('Error refreshing sidebar:', err)); } else { alert(data.error || 'Failed to toggle role'); } } catch (e) { console.error(e); } finally { btn.disabled = false; } }); // Category Collapsible Logic document.addEventListener('click', (e) => { const categoryHeader = e.target.closest('.channel-category'); if (categoryHeader) { // Check if we didn't click on a settings button or add button if (e.target.closest('.channel-settings-btn') || e.target.closest('.add-channel-btn')) { return; } const wrapper = categoryHeader.closest('.category-wrapper'); if (wrapper) { wrapper.classList.toggle('collapsed'); // Persist state in localStorage const categoryId = wrapper.dataset.id; const collapsedStates = JSON.parse(localStorage.getItem('categoryCollapsedStates') || '{}'); collapsedStates[categoryId] = wrapper.classList.contains('collapsed'); localStorage.setItem('categoryCollapsedStates', JSON.stringify(collapsedStates)); } } }); // Restore collapsed states window.restoreCollapsedStates = () => { const collapsedStates = JSON.parse(localStorage.getItem('categoryCollapsedStates') || '{}'); Object.entries(collapsedStates).forEach(([id, isCollapsed]) => { if (isCollapsed) { const wrapper = document.querySelector(`.category-wrapper[data-id="${id}"]`); if (wrapper) { wrapper.classList.add('collapsed'); } } }); }; restoreCollapsedStates(); // Invite code refresh and timer const refreshBtn = document.getElementById('refresh-invite-code-btn'); const inviteInput = document.getElementById('server-invite-code'); const timerContainer = document.getElementById('invite-code-timer'); if (refreshBtn) { refreshBtn.addEventListener('click', async () => { const formData = new FormData(); formData.append('server_id', window.activeServerId); try { const resp = await fetch('api/refresh_invite_code.php', { method: 'POST', body: formData }); const data = await resp.json(); if (data.success) { if (inviteInput) inviteInput.value = data.invite_code; if (timerContainer) { timerContainer.dataset.expires = data.expires_at; timerContainer.innerHTML = 'Expires in: 30:00'; } } else { alert('Error: ' + data.error); } } catch (e) { console.error(e); alert('Failed to refresh invite code.'); } }); } function updateInviteTimer() { const display = document.getElementById('invite-timer-display'); const container = document.getElementById('invite-code-timer'); if (!display || !container || !container.dataset.expires) return; const expiresAt = new Date(container.dataset.expires).getTime(); const now = new Date().getTime(); const diff = expiresAt - now; if (diff <= 0) { container.innerHTML = 'Expired'; return; } const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((diff % (1000 * 60)) / 1000); display.innerText = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } if (timerContainer) { setInterval(updateInviteTimer, 1000); updateInviteTimer(); } });` : ''}