function injectFeedback() { if (document.getElementById("zuper-feedback")) return; const pagination = document.querySelector("#pagination"); if (!pagination) return; const html = `

Was this article helpful?

`; pagination.insertAdjacentHTML("beforebegin", html); const yesButton = document.getElementById("feedback-yes"); const noButton = document.getElementById("feedback-no"); const commentBox = document.getElementById("feedback-comment-box"); const submitButton = document.getElementById("feedback-submit"); const successMessage = document.getElementById("feedback-success"); const actions = document.getElementById("feedback-actions"); const webhookURL = "https://hooks.slack.com/triggers/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"; function sendToSlack(comment) { const payload = { Page: document.title + " - " + window.location.href, comments: comment }; fetch(webhookURL, { method: "POST", mode: "no-cors", body: JSON.stringify(payload) }); } function showSuccess() { actions.style.display = "none"; commentBox.style.display = "none"; successMessage.style.display = "block"; } // 👍 YES feedback if (yesButton) { yesButton.onclick = function () { sendToSlack("👍 Helpful"); showSuccess(); }; } // 👎 show comment box if (noButton) { noButton.onclick = function () { commentBox.style.display = "block"; }; } // submit comment if (submitButton) { submitButton.onclick = function () { const comment = document.getElementById("feedback-comment").value; if (!comment) return; sendToSlack(comment); showSuccess(); }; } } setInterval(injectFeedback, 1500);