622 lines
34 KiB
JavaScript
622 lines
34 KiB
JavaScript
module.exports = (Plugin, Api, Vendor) => {
|
||
if (typeof BDFDB !== "object") global.BDFDB = {$: Vendor.$, BDv2Api: Api};
|
||
|
||
const {$} = Vendor;
|
||
|
||
return class extends Plugin {
|
||
initConstructor () {
|
||
this.languages = {};
|
||
this.langDictionary = [];
|
||
this.dictionary = [];
|
||
|
||
this.spellCheckContextEntryMarkup =
|
||
`<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
||
<div class="${BDFDB.disCN.contextmenuitem} similarwords-item ${BDFDB.disCN.contextmenuitemsubmenu}">
|
||
<span>REPLACE_context_similarwords_text</span>
|
||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||
</div>
|
||
<div class="${BDFDB.disCN.contextmenuitem} spellcheck-item">
|
||
<span>REPLACE_context_spellcheck_text</span>
|
||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||
</div>
|
||
</div>`;
|
||
|
||
this.similarWordsContextSubMenuMarkup =
|
||
`<div class="${BDFDB.disCN.contextmenu} spellcheck-submenu">
|
||
<div class="${BDFDB.disCN.contextmenuitem} nosimilars-item">
|
||
<span>REPLACE_similarwordssubmenu_none_text</span>
|
||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||
</div>
|
||
</div>`;
|
||
|
||
this.spellCheckLayerMarkup =
|
||
`<div class="spellcheck-overlay" style="position:absolute !important; pointer-events:none !important; background:transparent !important; color:transparent !important; text-shadow:none !important;"></div>`;
|
||
|
||
this.css =
|
||
`.spellcheck-overlay {
|
||
display: inline-block;
|
||
font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
|
||
white-space: pre-wrap !important;
|
||
word-wrap: break-word !important;
|
||
overflow-x: hidden !important;
|
||
overflow-y: scroll !important;
|
||
}
|
||
.spellcheck-overlay::-webkit-scrollbar,
|
||
.spellcheck-overlay::-webkit-scrollbar-button,
|
||
.spellcheck-overlay::-webkit-scrollbar-track,
|
||
.spellcheck-overlay::-webkit-scrollbar-track-piece,
|
||
.spellcheck-overlay::-webkit-scrollbar-thumb,
|
||
.spellcheck-overlay::-webkit-scrollbar-corner,
|
||
.spellcheck-overlay::-webkit-resizer {
|
||
visibility: hidden !important;
|
||
}
|
||
.spellcheck-overlay .spelling-error {
|
||
background-image: url('data:image/png;base64,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');
|
||
background-repeat: repeat-x;
|
||
background-position: bottom;
|
||
}`;
|
||
|
||
|
||
this.defaults = {
|
||
settings: {
|
||
disableDiscordSpellcheck: {value:true, description:"Disable Discord's internal Spellcheck:"}
|
||
},
|
||
choices: {
|
||
dictionaryLanguage: {value:"en", description:"Dictionay Language:"}
|
||
},
|
||
amounts: {
|
||
maxSimilarAmount: {value:6, description:"Maximal Amount of suggested Words:"}
|
||
}
|
||
};
|
||
}
|
||
|
||
onStart () {
|
||
var libraryScript = null;
|
||
if (typeof BDFDB !== "object" || typeof BDFDB.isLibraryOutdated !== "function" || BDFDB.isLibraryOutdated()) {
|
||
libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
|
||
if (libraryScript) libraryScript.remove();
|
||
libraryScript = document.createElement("script");
|
||
libraryScript.setAttribute("type", "text/javascript");
|
||
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js");
|
||
document.head.appendChild(libraryScript);
|
||
}
|
||
this.startTimeout = setTimeout(() => {this.initialize();}, 30000);
|
||
if (typeof BDFDB === "object" && typeof BDFDB.isLibraryOutdated === "function") this.initialize();
|
||
else libraryScript.addEventListener("load", () => {this.initialize();});
|
||
return true;
|
||
}
|
||
|
||
initialize () {
|
||
if (typeof BDFDB === "object") {
|
||
BDFDB.loadMessage(this);
|
||
|
||
var observer = null;
|
||
|
||
observer = new MutationObserver((changes, _) => {
|
||
changes.forEach(
|
||
(change, i) => {
|
||
if (change.addedNodes) {
|
||
change.addedNodes.forEach((node) => {
|
||
if (node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
|
||
this.onContextMenu(node);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
);
|
||
});
|
||
BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"messageContextObserver",instance:observer}, {childList: true});
|
||
|
||
observer = new MutationObserver((changes, _) => {
|
||
changes.forEach(
|
||
(change, i) => {
|
||
if (change.addedNodes) {
|
||
change.addedNodes.forEach((node) => {
|
||
if (node && node.tagName && node.querySelector(BDFDB.dotCN.textareainner + ":not(" + BDFDB.dotCN.textareainnerdisabled + ")")) {
|
||
this.addSpellCheck(node.querySelector(BDFDB.dotCN.textarea));
|
||
}
|
||
});
|
||
}
|
||
}
|
||
);
|
||
});
|
||
BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"textareaObserver",instance:observer}, {childList: true, subtree:true});
|
||
|
||
document.querySelectorAll(BDFDB.dotCN.textarea).forEach(textarea => {this.addSpellCheck(textarea);});
|
||
|
||
this.languages = Object.assign({},BDFDB.languages);
|
||
this.languages = BDFDB.filterObject(this.languages , (lang) => {return lang.dic == true ? lang : null});
|
||
|
||
this.setDictionary(BDFDB.getData("dictionaryLanguage", this, "choices"));
|
||
|
||
return true;
|
||
}
|
||
else {
|
||
console.error(this.name + ": Fatal Error: Could not load BD functions!");
|
||
return false;
|
||
}
|
||
}
|
||
|
||
onStop () {
|
||
if (typeof BDFDB === "object") {
|
||
$(".spellcheck-overlay").remove();
|
||
|
||
this.killLanguageToast();
|
||
|
||
BDFDB.unloadMessage(this);
|
||
return true;
|
||
}
|
||
else {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
|
||
// begin of own functions
|
||
|
||
changeLanguageStrings () {
|
||
this.spellCheckContextEntryMarkup = this.spellCheckContextEntryMarkup.replace("REPLACE_context_spellcheck_text", this.labels.context_spellcheck_text);
|
||
this.spellCheckContextEntryMarkup = this.spellCheckContextEntryMarkup.replace("REPLACE_context_similarwords_text", this.labels.context_similarwords_text);
|
||
|
||
this.similarWordsContextSubMenuMarkup = this.similarWordsContextSubMenuMarkup.replace("REPLACE_similarwordssubmenu_none_text", this.labels.similarwordssubmenu_none_text);
|
||
}
|
||
|
||
updateSettings (settingspanel) {
|
||
var settings = {};
|
||
for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
|
||
settings[input.value] = input.checked;
|
||
}
|
||
BDFDB.saveAllData(settings, this, "settings");
|
||
}
|
||
|
||
onContextMenu (context) {
|
||
if (!context || !context.tagName || !context.parentElement || context.querySelector(".spellcheck-item")) return;
|
||
var word = window.getSelection().toString();
|
||
if (word && BDFDB.getKeyInformation({"node":context, "key":"handleCutItem"}) && this.isWordNotInDictionary(word)) {
|
||
var group = $(this.spellCheckContextEntryMarkup);
|
||
$(context).append(group)
|
||
.on("click", ".spellcheck-item", (e) => {
|
||
$(context).hide();
|
||
this.addToOwnDictionary(word);
|
||
})
|
||
.on("mouseenter", ".similarwords-item", (e) => {
|
||
this.createContextSubMenu(word, e, context);
|
||
});
|
||
|
||
BDFDB.updateContextPosition(context);
|
||
}
|
||
}
|
||
|
||
createContextSubMenu (word, e, context) {
|
||
var similarWordsContextSubMenu = $(this.similarWordsContextSubMenuMarkup);
|
||
|
||
var similarWords = this.getSimilarWords(word.toLowerCase().trim());
|
||
|
||
if (similarWords.length > 0) {
|
||
similarWordsContextSubMenu.find(".nosimilars-item").remove();
|
||
for (let foundWord of similarWords.sort()) {
|
||
similarWordsContextSubMenu.append(`<div value="${foundWord}" class="${BDFDB.disCN.contextmenuitem} similarword-item"><span>${foundWord}</span><div class="${BDFDB.disCN.contextmenuhint}"></div></div>`);
|
||
}
|
||
}
|
||
|
||
var textarea = window.getSelection().getRangeAt(0).startContainer.querySelector("textarea");
|
||
similarWordsContextSubMenu
|
||
.on("click", ".similarword-item", (e) => {
|
||
$(context).hide();
|
||
this.replaceWord(textarea, word, e.currentTarget.getAttribute("value"));
|
||
});
|
||
|
||
BDFDB.appendSubMenu(e.currentTarget, similarWordsContextSubMenu);
|
||
}
|
||
|
||
replaceWord (textarea, word, replacement) {
|
||
textarea.focus();
|
||
textarea.selectionStart = 0;
|
||
textarea.selectionEnd = textarea.value.length;
|
||
if (document.activeElement == textarea) {
|
||
var firstLetter = word.charAt(0);
|
||
var isCapitalised = firstLetter.toUpperCase() == firstLetter && firstLetter.toLowerCase() != firstLetter;
|
||
replacement = isCapitalised ? replacement.charAt(0).toUpperCase() + replacement.slice(1) : replacement;
|
||
document.execCommand("insertText", false, textarea.value.replace(new RegExp(word.trim(), "i"), replacement));
|
||
$(textarea).trigger("keyup");
|
||
}
|
||
}
|
||
|
||
addToOwnDictionary (word) {
|
||
word = word.split(" ")[0].split("\n")[0].split("\r")[0].split("\t")[0];
|
||
if (word) {
|
||
var wordlow = word.toLowerCase();
|
||
var lang = BDFDB.getData("dictionaryLanguage", this, "choices");
|
||
var ownDictionary = BDFDB.loadData(lang, this, "owndics") || [];
|
||
if (!ownDictionary.includes(wordlow)) {
|
||
ownDictionary.push(wordlow);
|
||
BDFDB.saveData(lang, ownDictionary, this, "owndics");
|
||
var message = this.labels.toast_wordadd_text ?
|
||
this.labels.toast_wordadd_text.replace("${word}", word).replace("${dicname}", this.languages[lang].name) : "";
|
||
BDFDB.showToast(message, {type:"success"});
|
||
this.dictionary = this.langDictionary.concat(ownDictionary);
|
||
}
|
||
}
|
||
}
|
||
|
||
removeFromOwnDictionary (e) {
|
||
var entry = e.currentTarget.parentElement;
|
||
var word = entry.querySelector(".entryword").textContent;
|
||
entry.remove();
|
||
var lang = BDFDB.getData("dictionaryLanguage", this, "choices");
|
||
var ownDictionary = BDFDB.loadData(lang, this, "owndics") || [];
|
||
BDFDB.removeFromArray(ownDictionary, word);
|
||
BDFDB.saveData(lang, ownDictionary, this, "owndics");
|
||
this.dictionary = this.langDictionary.concat(ownDictionary);
|
||
}
|
||
|
||
openDropdownMenu (settingspanel, e) {
|
||
var selectControl = e.currentTarget;
|
||
var selectWrap = selectControl.parentElement;
|
||
|
||
if (selectWrap.classList.contains(BDFDB.disCN.selectisopen)) return;
|
||
|
||
selectWrap.classList.add(BDFDB.disCN.selectisopen);
|
||
$("li").has(selectWrap).css("overflow", "visible");
|
||
|
||
var type = selectWrap.getAttribute("type");
|
||
var selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"), type);
|
||
selectWrap.appendChild(selectMenu);
|
||
|
||
$(selectMenu).on("mousedown." + this.name, BDFDB.dotCN.selectoption, (e2) => {
|
||
var language = e2.currentTarget.getAttribute("value");
|
||
selectWrap.setAttribute("value", language);
|
||
selectControl.querySelector(BDFDB.dotCN.title).innerText = this.languages[language].name;
|
||
this.setDictionary(language);
|
||
BDFDB.saveData(type, language, this, "choices");
|
||
|
||
var listcontainer = settingspanel.querySelector(".word-list");
|
||
if (listcontainer) {
|
||
var ownDictionary = BDFDB.loadData(language, this, "owndics") || [];
|
||
var containerhtml = ``;
|
||
for (let word of ownDictionary) {
|
||
containerhtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCNS.margintop4 + BDFDB.disCNS.marginbottom4 + BDFDB.disCN.hovercard}"><div class="${BDFDB.disCN.hovercardinner}"><div class="${BDFDB.disCNS.description + BDFDB.disCNS.formtext + BDFDB.disCNS.note + BDFDB.disCNS.margintop4 + BDFDB.disCNS.modedefault + BDFDB.disCNS.primary + BDFDB.disCN.ellipsis} entryword">${word}</div></div><div class="${BDFDB.disCN.hovercardbutton} remove-word"></div></div>`;
|
||
}
|
||
listcontainer.innerHTML = containerhtml;
|
||
}
|
||
});
|
||
$(document).on("mousedown.select" + this.name, (e2) => {
|
||
if (e2.target.parentElement == selectMenu) return;
|
||
$(document).off("mousedown.select" + this.name);
|
||
selectMenu.remove();
|
||
$("li").has(selectWrap).css("overflow", "auto");
|
||
setTimeout(() => {selectWrap.classList.remove(BDFDB.disCN.selectisopen);},100);
|
||
});
|
||
}
|
||
|
||
createDropdownMenu (choice, type) {
|
||
var menuhtml = `<div class="${BDFDB.disCN.selectmenuouter}"><div class="${BDFDB.disCN.selectmenu}">`;
|
||
for (var key in this.languages) {
|
||
var isSelected = key == choice ? ` ${BDFDB.disCN.selectselected}` : ``;
|
||
menuhtml += `<div value="${key}" class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignbaseline + BDFDB.disCNS.nowrap + BDFDB.disCN.selectoption + isSelected}" style="flex: 1 1 auto; display:flex;"><div class="${BDFDB.disCNS.title + BDFDB.disCNS.medium + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.primary + BDFDB.disCN.weightnormal}" style="flex: 1 1 42%;">${this.languages[key].name}</div></div>`
|
||
}
|
||
menuhtml += `</div></div>`;
|
||
return $(menuhtml)[0];
|
||
}
|
||
|
||
addSpellCheck (textarea) {
|
||
if (!textarea) return;
|
||
var textareaWrap = textarea.parentElement;
|
||
if (textareaWrap && !textareaWrap.querySelector(".spellcheck-overlay")) {
|
||
var textareaInstance = BDFDB.getOwnerInstance({"node":textarea, "props":["handlePaste","saveCurrentText"], "up":true});
|
||
if (textareaInstance) {
|
||
var wrapper = $(BDFDB.dotCN.textareawrapall).has(textarea)[0];
|
||
|
||
var updateSpellcheck = () => {
|
||
$(spellcheck)
|
||
.css("visibility", "hidden")
|
||
.html(this.spellCheckText(textarea.value))
|
||
.css("left", textarea.getBoundingClientRect().left - wrapper.getBoundingClientRect().left)
|
||
.css("margin", $(textarea).css("margin"))
|
||
.css("padding", $(textarea).css("padding"))
|
||
.css("width", parseInt($(textarea).css("width")) + (parseInt($(textarea).css("height")) >= parseInt($(textarea).css("max-height")) ? 0 : 10))
|
||
.css("height", $(textarea).css("height"))
|
||
.scrollTop(textarea.scrollTop)
|
||
.css("visibility", "visible");
|
||
}
|
||
|
||
var spellcheck = $(this.spellCheckLayerMarkup)[0];
|
||
textarea.classList.forEach(classname => {spellcheck.classList.add(classname);});
|
||
textarea.setAttribute("spellcheck", !BDFDB.getData("disableDiscordSpellcheck", this, "settings"));
|
||
$(spellcheck).appendTo(textareaWrap)
|
||
|
||
updateSpellcheck();
|
||
|
||
$(textarea)
|
||
.off("keyup." + this.name).off("scroll." + this.name)
|
||
.on("keyup." + this.name, (e) => {
|
||
clearTimeout(textarea.spellchecktimeout);
|
||
textarea.spellchecktimeout = setTimeout(() => {updateSpellcheck();},100);
|
||
})
|
||
.on("scroll." + this.name, (e) => {
|
||
$(spellcheck).scrollTop(textarea.scrollTop);
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
setDictionary (lang) {
|
||
this.dictionary = BDFDB.loadData(lang, this, "owndics") || [];
|
||
this.killLanguageToast();
|
||
this.languageToast = BDFDB.showToast("Grabbing dictionary (" + this.languages[lang].name + "). Please wait", {timeout:0});
|
||
this.languageToast.interval = setInterval(() => {
|
||
this.languageToast.textContent = this.languageToast.textContent.indexOf(".....") > -1 ? "Grabbing dictionary (" + this.languages[lang].name + "). Please wait" : this.languageToast.textContent + ".";
|
||
},500);
|
||
this.languageToast.lang = lang
|
||
require("request")("https://mwittrien.github.io/BetterDiscordAddons/Plugins/SpellCheck/dic/" + lang + ".dic", (error, response, result) => {
|
||
if (error || (response && result.toLowerCase().indexOf("<!doctype html>") > -1)) {
|
||
this.killLanguageToast();
|
||
BDFDB.showToast("Failed to grab dictionary (" + this.languages[lang].name + ").", {type: "error"});
|
||
}
|
||
else if (response && this.languageToast.lang == lang) {
|
||
this.langDictionary = result.split("\n");
|
||
this.dictionary = this.langDictionary.concat(this.dictionary);
|
||
this.dictionary = this.dictionary.map(word => word.toLowerCase());
|
||
this.killLanguageToast();
|
||
BDFDB.showToast("Successfully grabbed dictionary (" + this.languages[lang].name + ").", {type: "success"});
|
||
}
|
||
});
|
||
}
|
||
|
||
killLanguageToast () {
|
||
if (this.languageToast && typeof this.languageToast.close == "function") {
|
||
clearInterval(this.languageToast.interval);
|
||
this.languageToast.close();
|
||
}
|
||
}
|
||
|
||
spellCheckText (string) {
|
||
var htmlString = [];
|
||
string.replace(/[\n]/g, "\n ").split(" ").forEach((word, i) => {
|
||
htmlString.push(`<label class="${this.isWordNotInDictionary(word) ? "spelling-error" : "nospelling-error"}" style="color:transparent !important; text-shadow:none !important;">${BDFDB.encodeToHTML(word)}</label>`);
|
||
});
|
||
return htmlString.join(" ");
|
||
}
|
||
|
||
isWordNotInDictionary (word) {
|
||
var wordLow = word.toLowerCase();
|
||
var wordWithoutSymbols = wordLow.replace(/[0-9\µ\@\$\£\€\¥\¢\²\³\>\<\|\,\;\.\:\_\#\+\*\~\?\¿\\\´\`\}\=\]\)\[\(\{\/\&\%\§\"\!\¡\^\°\n\t\r]/g, "");
|
||
return (wordLow.indexOf("http://") != 0 && wordLow.indexOf("https://") != 0 && wordWithoutSymbols && Array.isArray(this.dictionary) && this.dictionary.length > 0 && !this.dictionary.includes(wordLow) && !this.dictionary.includes(wordWithoutSymbols));
|
||
}
|
||
|
||
|
||
getSimilarWords (word) {
|
||
var maxAmount = BDFDB.getData("maxSimilarAmount", this, "amounts"), similarWords = [];
|
||
if (maxAmount > 0) {
|
||
var sameLetterDic = this.dictionary.filter(string => string.indexOf(word.toLowerCase().charAt(0)) == 0 ? string : null);
|
||
var similarities = {};
|
||
for (let string of sameLetterDic) {
|
||
let value = this.wordSimilarity(word, string);
|
||
if (!similarities[value]) similarities[value] = [];
|
||
similarities[value].push(string);
|
||
}
|
||
var amount = 0;
|
||
for (let value of Object.keys(similarities).sort().reverse()) {
|
||
for (let similarWord of similarities[value]) {
|
||
if (amount < maxAmount && !similarWords.includes(similarWord)) {
|
||
similarWords.push(similarWord);
|
||
amount++;
|
||
}
|
||
if (amount >= maxAmount) break;
|
||
}
|
||
if (amount >= maxAmount) break;
|
||
}
|
||
}
|
||
return similarWords;
|
||
}
|
||
|
||
wordSimilarity (a, b) {
|
||
var temp;
|
||
if (a.length === 0 || b.length === 0 || a.length - b.length > 3 || b.length - a.length > 3) { return 0; }
|
||
if (a.length > b.length) {
|
||
temp = a;
|
||
a = b;
|
||
b = temp;
|
||
}
|
||
let result = 0;
|
||
let row = [...Array(a.length + 1).keys()];
|
||
for (let i = 1; i <= b.length; i++) {
|
||
result = i;
|
||
for (let j = 1; j <= a.length; j++) {
|
||
temp = row[j - 1];
|
||
row[j - 1] = result;
|
||
result = b[i - 1] === a[j - 1] ? temp : Math.min(temp + 1, Math.min(result + 1, row[j] + 1));
|
||
}
|
||
}
|
||
return (b.length - result) / b.length;
|
||
}
|
||
|
||
getSettingsPanel () {
|
||
var settings = BDFDB.getAllData(this, "settings");
|
||
var choices = BDFDB.getAllData(this, "choices");
|
||
var amounts = BDFDB.getAllData(this, "amounts");
|
||
var settingshtml = `<div class="DevilBro-settings ${this.name}-settings">`;
|
||
for (let key in settings) {
|
||
settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.settings[key].description}</h3><div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCN.switchthemedefault}" style="flex: 0 0 auto;"><input type="checkbox" value="${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner}"${settings[key] ? " checked" : ""}></div></div>`;
|
||
}
|
||
for (let key in choices) {
|
||
settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCN.flexchild}" style="flex: 0 0 50%;">${this.defaults.choices[key].description}</h3><div class="${BDFDB.disCN.selectwrap}" style="flex: 1 1 auto"><div class="${BDFDB.disCNS.select + BDFDB.disCNS.selectsingle + BDFDB.disCN.selecthasvalue}" type="${key}" value="${choices[key]}"><div class="${BDFDB.disCN.selectcontrol}"><div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignbaseline + BDFDB.disCNS.nowrap + BDFDB.disCN.selectvalue}" style="flex: 1 1 auto;"><div class="${BDFDB.disCNS.title + BDFDB.disCNS.medium + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.primary + BDFDB.disCN.weightnormal}" style="padding:0;">${this.languages[choices[key]].name}</div></div><span class="${BDFDB.disCN.selectarrowzone}"><span class="${BDFDB.disCN.selectarrow}"></span></span></div></div></div></div>`;
|
||
}
|
||
for (let key in amounts) {
|
||
settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCN.flexchild}" style="flex: 0 0 50%; line-height: 38px;">${this.defaults.amounts[key].description}</h3><div class="${BDFDB.disCN.inputwrapper} inputNumberWrapper ${BDFDB.disCNS.vertical + BDFDB.disCNS.flex + BDFDB.disCNS.directioncolumn}" style="flex: 1 1 auto;"><span class="numberinput-buttons-zone"><span class="numberinput-button-up"></span><span class="numberinput-button-down"></span></span><input type="number" min="0" option="${key}" value="${amounts[key]}" class="${BDFDB.disCNS.inputdefault + BDFDB.disCNS.input + BDFDB.disCN.size16} amountInput"></div></div>`;
|
||
}
|
||
var ownDictionary = BDFDB.loadData(choices.dictionaryLanguage, this, "owndics") || [];
|
||
settingshtml += `<h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Your own Dictionary:</h3><div class="DevilBro-settings-inner-list word-list ${BDFDB.disCN.marginbottom8}">`;
|
||
for (let word of ownDictionary) {
|
||
settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCNS.margintop4 + BDFDB.disCNS.marginbottom4 + BDFDB.disCN.hovercard}"><div class="${BDFDB.disCN.hovercardinner}"><div class="${BDFDB.disCNS.description + BDFDB.disCNS.formtext + BDFDB.disCNS.note + BDFDB.disCNS.margintop4 + BDFDB.disCNS.modedefault + BDFDB.disCNS.primary + BDFDB.disCN.ellipsis} entryword">${word}</div></div><div class="${BDFDB.disCN.hovercardbutton} remove-word"></div></div>`;
|
||
}
|
||
settingshtml += `</div>`;
|
||
settingshtml += `</div>`;
|
||
|
||
var settingspanel = $(settingshtml)[0];
|
||
|
||
$(settingspanel)
|
||
.on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
|
||
.on("click", BDFDB.dotCN.selectcontrol, (e) => {this.openDropdownMenu(settingspanel, e);})
|
||
.on("click", ".remove-word", (e) => {this.removeFromOwnDictionary(e);})
|
||
.on("input", ".amountInput", (e) => {
|
||
var input = parseInt(e.currentTarget.value);
|
||
if (!isNaN(input) && input > -1) BDFDB.saveData(e.currentTarget.getAttribute("option"), input, this, "amounts");
|
||
});
|
||
return settingspanel;
|
||
}
|
||
|
||
setLabelsByLanguage () {
|
||
switch (BDFDB.getDiscordLanguage().id) {
|
||
case "hr": //croatian
|
||
return {
|
||
context_spellcheck_text: "Dodaj u rječnik",
|
||
context_similarwords_text: "Pretraga sličnih riječi...",
|
||
similarwordssubmenu_none_text: "Nema sličnih riječi",
|
||
toast_wordadd_text: "Riječ ${word} dodana je u rječnik ${dicname}."
|
||
};
|
||
case "da": //danish
|
||
return {
|
||
context_spellcheck_text: "Tilføj til ordbog",
|
||
context_similarwords_text: "Søg lignende ord...",
|
||
similarwordssubmenu_none_text: "Ingen lignende ord",
|
||
toast_wordadd_text: "Ord ${word} tilføjet til ordbog ${dicname}."
|
||
};
|
||
case "de": //german
|
||
return {
|
||
context_spellcheck_text: "Zum Wörterbuch hinzufügen",
|
||
context_similarwords_text: "Ähnliche Wörter suchen...",
|
||
similarwordssubmenu_none_text: "Keine ähnlichen Wörter",
|
||
toast_wordadd_text: "Wort ${word} wurde zum Wörterbuch ${dicname} hinzugefügt."
|
||
};
|
||
case "es": //spanish
|
||
return {
|
||
context_spellcheck_text: "Agregar al diccionario",
|
||
context_similarwords_text: "Buscar palabras similares...",
|
||
similarwordssubmenu_none_text: "No hay palabras similares",
|
||
toast_wordadd_text: "Se agregó la palabra ${word} al diccionario ${dicname}."
|
||
};
|
||
case "fr": //french
|
||
return {
|
||
context_spellcheck_text: "Ajouter au dictionnaire",
|
||
context_similarwords_text: "Chercher des mots similaires...",
|
||
similarwordssubmenu_none_text: "Pas de mots similaires",
|
||
toast_wordadd_text: "Le mot ${word} a été ajouté au dictionnaire ${dicname}."
|
||
};
|
||
case "it": //italian
|
||
return {
|
||
context_spellcheck_text: "Aggiungi al dizionario",
|
||
context_similarwords_text: "Cerca parole simili...",
|
||
similarwordssubmenu_none_text: "Nessuna parola simile",
|
||
toast_wordadd_text: "Parola ${word} aggiunta al dizionario ${dicname}."
|
||
};
|
||
case "nl": //dutch
|
||
return {
|
||
context_spellcheck_text: "Toevoegen aan woordenboek",
|
||
context_similarwords_text: "Zoek vergelijkbare woorden...",
|
||
similarwordssubmenu_none_text: "Geen vergelijkbare woorden",
|
||
toast_wordadd_text: "Word ${word} toegevoegd aan woordenboek ${dicname}."
|
||
};
|
||
case "no": //norwegian
|
||
return {
|
||
context_spellcheck_text: "Legg til i ordbok",
|
||
context_similarwords_text: "Søk lignende ord...",
|
||
similarwordssubmenu_none_text: "Ingen lignende ord",
|
||
toast_wordadd_text: "Ord ${word} legges til ordbok ${dicname}."
|
||
};
|
||
case "pl": //polish
|
||
return {
|
||
context_spellcheck_text: "Dodaj do słownika",
|
||
context_similarwords_text: "Wyszukaj podobne słowa...",
|
||
similarwordssubmenu_none_text: "Brak podobnych słów",
|
||
toast_wordadd_text: "Słowo ${word} dodane do słownika ${dicname}."
|
||
};
|
||
case "pt-BR": //portuguese (brazil)
|
||
return {
|
||
context_spellcheck_text: "Adicionar ao dicionário",
|
||
context_similarwords_text: "Pesquisar palavras similares...",
|
||
similarwordssubmenu_none_text: "Sem palavras semelhantes",
|
||
toast_wordadd_text: "Palavra ${word} adicionado ao dicionário ${dicname}."
|
||
};
|
||
case "fi": //finnish
|
||
return {
|
||
context_spellcheck_text: "Lisää sanakirjaan",
|
||
context_similarwords_text: "Hae samankaltaisia sanoja...",
|
||
similarwordssubmenu_none_text: "Ei vastaavia sanoja",
|
||
toast_wordadd_text: "Sana ${word} lisättiin sanakirjaan ${dicname}."
|
||
};
|
||
case "sv": //swedish
|
||
return {
|
||
context_spellcheck_text: "Lägg till i ordbok",
|
||
context_similarwords_text: "Sök liknande ord...",
|
||
similarwordssubmenu_none_text: "Inga liknande ord",
|
||
toast_wordadd_text: "Ord ${word} läggs till ordbok ${dicname}."
|
||
};
|
||
case "tr": //turkish
|
||
return {
|
||
context_spellcheck_text: "Sözlükye Ekle",
|
||
context_similarwords_text: "Benzer Kelimeler Ara...",
|
||
similarwordssubmenu_none_text: "Benzer kelime yoktur",
|
||
toast_wordadd_text: "Sözcük ${word} sözlük ${dicname}'ye eklendi."
|
||
};
|
||
case "cs": //czech
|
||
return {
|
||
context_spellcheck_text: "Přidat do slovníku",
|
||
context_similarwords_text: "Hledat podobné výrazy...",
|
||
similarwordssubmenu_none_text: "Žádné podobné slova",
|
||
toast_wordadd_text: "Slovo ${word} bylo přidáno do slovníku ${dicname}."
|
||
};
|
||
case "bg": //bulgarian
|
||
return {
|
||
context_spellcheck_text: "Добави в речника",
|
||
context_similarwords_text: "Търсене на подобни думи...",
|
||
similarwordssubmenu_none_text: "Няма подобни думи",
|
||
toast_wordadd_text: "Думата ${word} е добавена към речника ${dicname}."
|
||
};
|
||
case "ru": //russian
|
||
return {
|
||
context_spellcheck_text: "Добавить в словарь",
|
||
context_similarwords_text: "Поиск похожих слов...",
|
||
similarwordssubmenu_none_text: "Нет похожих слов",
|
||
toast_wordadd_text: "Слово ${word} добавлено в словарь ${dicname}."
|
||
};
|
||
case "uk": //ukrainian
|
||
return {
|
||
context_spellcheck_text: "Додати до словника",
|
||
context_similarwords_text: "Шукати схожі слова...",
|
||
similarwordssubmenu_none_text: "Немає подібних слів",
|
||
toast_wordadd_text: "Словник ${word} додається до словника ${dicname}."
|
||
};
|
||
case "ja": //japanese
|
||
return {
|
||
context_spellcheck_text: "辞書に追加",
|
||
context_similarwords_text: "類似のワードを検索...",
|
||
similarwordssubmenu_none_text: "類似の単語はありません",
|
||
toast_wordadd_text: "単語 ${word} が辞書 ${dicname} に追加されました。"
|
||
};
|
||
case "zh-TW": //chinese (traditional)
|
||
return {
|
||
context_spellcheck_text: "添加到詞典",
|
||
context_similarwords_text: "搜索類似的單詞...",
|
||
similarwordssubmenu_none_text: "沒有類似的詞",
|
||
toast_wordadd_text: "單詞 ${word} 添加到字典 ${dicname}。"
|
||
};
|
||
case "ko": //korean
|
||
return {
|
||
context_spellcheck_text: "사전에 추가",
|
||
context_similarwords_text: "비슷한 단어 검색...",
|
||
similarwordssubmenu_none_text: "유사한 단어 없음",
|
||
toast_wordadd_text: "단어 ${word} 사전 ${dicname} 에 추가되었습니다."
|
||
};
|
||
default: //default: english
|
||
return {
|
||
context_spellcheck_text: "Add to Dictionay",
|
||
context_similarwords_text: "Search similar Words...",
|
||
similarwordssubmenu_none_text: "No similar Words",
|
||
toast_wordadd_text: "Word ${word} added to dictionary ${dicname}."
|
||
};
|
||
}
|
||
}
|
||
}
|
||
};
|