EndPwn3Plugins/plugins/charcount.js

52 lines
No EOL
2 KiB
JavaScript

function setupCharCount() {
if (document.getElementById("charcounter")) return;
if (!document.querySelector("textarea[class*=\"textAreaEnabled-\"]")) return;
let charcount = document.createElement("span");
charcount.id = "charcounter";
charcount.innerHTML = "0/2000";
charcount.style.right = "40px";
charcount.style.bottom = "4px";
charcount.style.opacity = "0.5";
charcount.style.position = "absolute";
charcount.style.display = "block";
charcount.style["font-size"] = "85%";
document.querySelector("div[class*=\"channelTextAreaEnabled-\"]").appendChild(charcount);
}
exports = {
manifest: {
author: "Cynosphere",
name: "Character Counter",
description: "Counts characters in the chatbox."
},
start: function(){
let charcount_mo = new MutationObserver(setupCharCount);
charcount_mo.observe(document.querySelector("div[class*=\"app-\"]"), {
childList: true,
subtree: true
});
document.addEventListener("keydown", ev => {
if (!document.getElementById("charcounter") || !document.querySelector("textarea[class*=\"textAreaEnabled-\"]")) return;
setTimeout(()=>{
let length = document.querySelector("textarea[class*=\"textAreaEnabled-\"]").value.length;
document.getElementById("charcounter").innerHTML = `${length}/2000`;
if (length > 1999) {
document.getElementById("charcounter").style.color = "#FF0000";
} else if (length > 1899) {
document.getElementById("charcounter").style.color = "#FF4500";
} else if (length > 1499) {
document.getElementById("charcounter").style.color = "#FFA500";
} else if (length > 999) {
document.getElementById("charcounter").style.color = "#F1C40F";
} else {
document.getElementById("charcounter").style.color = "#FFFFFF";
}
}, 50);
});
}
}