const reason_comment = document.getElementById("reason_comment") const reportCommentButton = document.getElementById("reportCommentButton"); reason_comment.addEventListener('keydown', (e) => { if (!((e.ctrlKey || e.metaKey) && e.key === "Enter")) return; const targetDOM = document.activeElement; if (!(targetDOM instanceof HTMLInputElement)) return; reportCommentButton.click() bootstrap.Modal.getOrCreateInstance(document.getElementById('reportCommentModal')).hide() }); function report_commentModal(id, author) { document.getElementById("comment-author").textContent = author; reportCommentButton.innerHTML='Report comment'; reportCommentButton.disabled = false; reportCommentButton.classList.remove('disabled'); reportCommentButton.dataset.id = id reason_comment.value = "" setTimeout(() => { reason_comment.focus() }, 500); }; reportCommentButton.onclick = function() { this.innerHTML='Reporting comment'; this.disabled = true; this.classList.add('disabled'); postToast(this, '/report/comment/' + reportCommentButton.dataset.id, { "reason": reason_comment.value }, () => {} ); } // Returns the selection text based on the range with the HTML function getSelectionTextHtml() { let html = ""; let sel = getSelection(); if (sel.rangeCount) { let container = document.createElement("div"); container.appendChild(sel.getRangeAt(0).cloneContents()); html += container.innerHTML; } return html; } function toggleReplyBox(t, id) { const element = document.getElementById(id); const ta = element.getElementsByTagName('textarea')[0] element.classList.remove('d-none') let text = getSelection().toString().trim() if (text) { text = '> ' + text text = text.replace(/\n/g,"\n> ") text = text.replace(/\n> \n/g,"\n \n") text = text.split('> Reply')[0] text = text.replace(/\*/g,"\\*") if (ta.value && !ta.value.endsWith('\n')) ta.value += '\n' ta.value += text if (!ta.value.endsWith('\n')) ta.value += '\n' markdown(ta); } ta.focus() autoExpand(ta); let newHTML = '' if (t.innerHTML.includes('' if (t.textContent) newHTML += 'Quote selection' t.innerHTML = newHTML } function toggleEdit(id){ const comment = document.getElementById("comment-text-"+id); const form = document.getElementById("comment-edit-"+id); const box = document.getElementById('comment-edit-body-'+id); const actions = document.getElementById('comment-' + id +'-actions'); comment.classList.toggle("d-none"); form.classList.toggle("d-none"); actions.classList.toggle("d-none"); if (comment.classList.contains('d-none')) { autoExpand(box); markdown(box); charLimit(box.id, 'charcount-edit-' + id) } close_inline_emoji_modal(); }; const deleteCommentButton = document.getElementById("deleteCommentButton"); function delete_commentModal(id) { deleteCommentButton.dataset.id = id } deleteCommentButton.onclick = () => { const id = deleteCommentButton.dataset.id postToast(deleteCommentButton, `/delete/comment/${id}`, {}, () => { if (location.pathname == '/admin/reported/comments') { document.getElementById("post-info-"+id).remove() document.getElementById("comment-"+id).remove() } else { document.getElementsByClassName(`comment-${id}-only`)[0].classList.add('deleted'); document.getElementById(`delete-${id}`).classList.add('d-none'); document.getElementById(`undelete-${id}`).classList.remove('d-none'); document.getElementById(`delete2-${id}`).classList.add('d-none'); document.getElementById(`undelete2-${id}`).classList.remove('d-none'); } } ); }; function post_reply(id) { close_inline_emoji_modal(); const btn = document.getElementById(`save-reply-to-${id}`) btn.disabled = true; btn.classList.add('disabled'); const form = new FormData(); form.append('parent_id', id); const ta = document.getElementById('reply-form-body-'+id) form.append('body', ta.value); try { for (const e of document.getElementById(`file-upload-reply-c_${id}`).files) form.append('file', e); } catch(e) {} const xhr = createXhrWithFormKey("/reply", form); const upload_prog = document.getElementById(`upload-prog-c_${id}`); xhr[0].upload.onprogress = (e) => {handleUploadProgress(e, upload_prog)}; xhr[0].onload=function(){ upload_prog.classList.add("d-none") let data try {data = JSON.parse(xhr[0].response)} catch(e) {console.error(e)} if (data && data["comment"]) { const comments = document.getElementById('replies-of-c_' + id); const comment = data["comment"].replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, '').replace(/data-nonce=".*?"/g, `data-nonce="${nonce}"`).replace(/ loading="lazy"/g, ''); comments.insertAdjacentHTML('beforeend', comment); register_new_elements(comments); bs_trigger(comments); btn.disabled = false; btn.classList.remove('disabled'); ta.value = '' document.getElementById('message-reply-'+id).innerHTML = '' document.getElementById('reply-to-c_'+id).classList.add('d-none') const input = ta.parentElement.querySelector('input[type="file"]') input.previousElementSibling.innerHTML = ''; input.value = null; oldfiles[ta.id] = new DataTransfer(); remove_dialog(); restore_reply_buttons(`c_${id}`) } else { showToast(false, getMessageFromJsonData(false, data)); } btn.disabled = false; btn.classList.remove('disabled'); } xhr[0].send(xhr[1]); } function comment_edit(id){ const btn = document.getElementById(`edit-btn-${id}`) btn.disabled = true btn.classList.add('disabled'); const ta = document.getElementById('comment-edit-body-'+id) const form = new FormData(); form.append('body', ta.value); try { for (const e of document.getElementById('file-edit-reply-'+id).files) form.append('file', e); } catch(e) {} const xhr = createXhrWithFormKey("/edit_comment/"+id, form); const upload_prog = document.getElementById(`upload-prog-edit-c_${id}`); xhr[0].upload.onprogress = (e) => {handleUploadProgress(e, upload_prog)}; xhr[0].onload=function(){ upload_prog.classList.add("d-none") let data try {data = JSON.parse(xhr[0].response)} catch(e) {console.error(e)} if (data && data["comment"]) { commentForm=document.getElementById('comment-text-'+id); commentForm.innerHTML = data["comment"].replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, '').replace(/data-nonce=".*?"/g, `data-nonce="${nonce}"`).replace(/ loading="lazy"/g, ''); document.getElementById('cancel-edit-'+id).click() register_new_elements(commentForm); bs_trigger(commentForm); document.getElementById('comment-edit-body-' + id).value = data["body"]; if (data["ping_cost"]) { const ping_cost = document.getElementById('comment-ping-cost-' + id) ping_cost.textContent = data["ping_cost"] ping_cost.parentElement.classList.remove('d-none') } if (data["edited_string"]) { const edited_string = document.getElementById('comment-edited_string-' + id) edited_string.textContent = data["edited_string"] edited_string.parentElement.classList.remove('d-none') } const input = ta.parentElement.querySelector('input[type="file"]') input.previousElementSibling.innerHTML = ''; input.value = null; oldfiles[ta.id] = new DataTransfer(); remove_dialog(); } else { showToast(false, getMessageFromJsonData(false, data)); } btn.disabled = false; btn.classList.remove('disabled'); } xhr[0].send(xhr[1]); } function post_comment(fullname, hide){ close_inline_emoji_modal(); const btn = document.getElementById('save-reply-to-'+fullname) const ta = document.getElementById('reply-form-body-'+fullname) btn.disabled = true btn.classList.add('disabled'); const form = new FormData(); form.append('formkey', formkey()); form.append('parent_fullname', fullname); form.append('body', ta.value); try { for (const e of document.getElementById('file-upload-reply-'+fullname).files) form.append('file', e); } catch(e) {} const xhr = new XMLHttpRequest(); url = '/comment'; xhr.open("POST", url); const upload_prog = document.getElementById(`upload-prog-${fullname}`); xhr.upload.onprogress = (e) => {handleUploadProgress(e, upload_prog)}; xhr.setRequestHeader('xhr', 'xhr'); xhr.onload=function(){ upload_prog.classList.add("d-none") let data try {data = JSON.parse(xhr.response)} catch(e) {console.error(e)} if (data && data["comment"]) { if (hide) document.getElementById(hide).classList.add('d-none'); let name = 'comment-form-space-' + fullname; commentForm = document.getElementById(name); let comments = document.getElementById('replies-of-' + fullname); let comment = data["comment"].replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, '').replace(/data-nonce=".*?"/g, `data-nonce="${nonce}"`).replace(/ loading="lazy"/g, ''); comments.insertAdjacentHTML('afterbegin', comment); register_new_elements(comments); bs_trigger(comments); btn.disabled = false; btn.classList.remove('disabled'); ta.value = '' autoExpand(ta); document.getElementById('form-preview-'+fullname).innerHTML = '' document.getElementById('charcount-'+fullname).innerHTML = '' const input = ta.parentElement.querySelector('input[type="file"]') input.previousElementSibling.innerHTML = ''; input.value = null; oldfiles[ta.id] = new DataTransfer(); const ghost_town_box = document.getElementById('ghost-town-box') if (ghost_town_box) ghost_town_box.remove() remove_dialog(); if (fullname.startsWith('c_')) restore_reply_buttons(fullname) if (fullname.startsWith('p_')) { const viewbtn = document.getElementById('viewbtn') if (viewbtn) viewbtn.dataset.ids = viewbtn.dataset.ids.slice(0, -1) + `, ${data['id']}]` } } else { showToast(false, getMessageFromJsonData(false, data)); btn.disabled = false; btn.classList.remove('disabled'); } } xhr.send(form) } function restore_reply_buttons(fullname) { const reply_buttons = [document.getElementById(`toggle-reply-${fullname}`)] const mobile_reply_button = document.getElementById(`toggle-reply-${fullname}-mobile`) if (mobile_reply_button) reply_buttons.push(mobile_reply_button) for (const t of reply_buttons) { let newHTML = '' if (t.innerHTML.includes('' if (t.textContent) newHTML += 'Reply' t.innerHTML = newHTML } } function cancel(fullname) { document.getElementById(`reply-to-${fullname}`).classList.add('d-none') remove_dialog(); restore_reply_buttons(fullname) close_inline_emoji_modal(); }