651 lines
30 KiB
JavaScript
651 lines
30 KiB
JavaScript
|
module.exports = (Plugin, Api, Vendor) => {
|
|||
|
|
if (typeof BDFDB !== "object") global.BDFDB = {$: Vendor.$, BDv2Api: Api};
|
|||
|
|
|
|||
|
|
const {$} = Vendor;
|
|||
|
|
|
|||
|
|
return class extends Plugin {
|
|||
|
|
initConstructor () {
|
|||
|
|
this.labels = {};
|
|||
|
|
|
|||
|
|
this.channelContextEntryMarkup =
|
|||
|
|
`<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuitem} localchannelsettings-item ${BDFDB.disCN.contextmenuitemsubmenu}">
|
|||
|
|
<span>REPLACE_context_localchannelsettings_text</span>
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>`;
|
|||
|
|
|
|||
|
|
this.channelContextSubMenuMarkup =
|
|||
|
|
`<div class="${BDFDB.disCN.contextmenu} editchannels-submenu">
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuitem} channelsettings-item">
|
|||
|
|
<span>REPLACE_submenu_channelsettings_text</span>
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuitem} resetsettings-item ${BDFDB.disCN.contextmenuitemdisabled}">
|
|||
|
|
<span>REPLACE_submenu_resetsettings_text</span>
|
|||
|
|
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>`;
|
|||
|
|
|
|||
|
|
this.channelSettingsModalMarkup =
|
|||
|
|
`<span class="editchannels-modal DevilBro-modal">
|
|||
|
|
<div class="${BDFDB.disCN.backdrop}"></div>
|
|||
|
|
<div class="${BDFDB.disCN.modal}">
|
|||
|
|
<div class="${BDFDB.disCN.modalinner}">
|
|||
|
|
<div class="${BDFDB.disCNS.modalsub + BDFDB.disCN.modalsizemedium}">
|
|||
|
|
<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.modalheader}" style="flex: 0 0 auto;">
|
|||
|
|
<div class="${BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">
|
|||
|
|
<h4 class="${BDFDB.disCNS.h4 + BDFDB.disCNS.headertitle + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.weightsemibold + BDFDB.disCNS.defaultcolor + BDFDB.disCNS.h4defaultmargin + BDFDB.disCN.marginreset}">REPLACE_modal_header_text</h4>
|
|||
|
|
<div class="${BDFDB.disCNS.modalguildname + BDFDB.disCNS.small + BDFDB.disCNS.size12 + BDFDB.disCNS.height16 + BDFDB.disCN.primary}"></div>
|
|||
|
|
</div>
|
|||
|
|
<svg class="${BDFDB.disCNS.modalclose + BDFDB.disCN.flexchild}" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 12 12">
|
|||
|
|
<g fill="none" fill-rule="evenodd">
|
|||
|
|
<path d="M0 0h12v12H0"></path>
|
|||
|
|
<path class="fill" fill="currentColor" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path>
|
|||
|
|
</g>
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
<div class="${BDFDB.disCNS.scrollerwrap + BDFDB.disCNS.modalcontent + BDFDB.disCNS.scrollerthemed + BDFDB.disCN.themeghosthairline}">
|
|||
|
|
<div class="${BDFDB.disCNS.scroller + BDFDB.disCN.modalsubinner}">
|
|||
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directioncolumn + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom20}" style="flex: 1 1 auto;">
|
|||
|
|
<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: 0 0 auto;">REPLACE_modal_channelname_text</h3>
|
|||
|
|
</div>
|
|||
|
|
<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;">
|
|||
|
|
<div class="${BDFDB.disCNS.inputwrapper + BDFDB.disCNS.vertical + BDFDB.disCNS.flex + BDFDB.disCNS.directioncolumn + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;"><input type="text" class="${BDFDB.disCNS.inputdefault + BDFDB.disCNS.input + BDFDB.disCN.size16}" id="input-channelname"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="${BDFDB.disCNS.modaldivider + BDFDB.disCNS.modaldividerdefault + BDFDB.disCN.margintop20}"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directioncolumn + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom20}" style="flex: 1 1 auto;">
|
|||
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.vertical + BDFDB.disCNS.directioncolumn + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstart + BDFDB.disCN.nowrap}" 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: 0 0 auto;">REPLACE_modal_colorpicker1_text</h3>
|
|||
|
|
</div>
|
|||
|
|
<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;">
|
|||
|
|
<div class="swatches1"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontalreverse + BDFDB.disCNS.horizontalreverse2 + BDFDB.disCNS.directionrowreverse + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCN.modalfooter}">
|
|||
|
|
<button type="button" class="btn-save ${BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCNS.buttonsizemedium + BDFDB.disCN.buttongrow}">
|
|||
|
|
<div class="${BDFDB.disCN.buttoncontents}">REPLACE_btn_save_text</div>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</span>`;
|
|||
|
|
|
|||
|
|
this.defaults = {
|
|||
|
|
settings: {
|
|||
|
|
changeInChannelHeader: {value:true, description:"Change in Channel Header."}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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.attributeName == "class" && $(change.target).attr("class").indexOf("wrapper") > -1 && $("[custom-editchannels]").has(change.target)[0]) {
|
|||
|
|
let info = BDFDB.getKeyInformation({"node":change.target, "key":"channel"});
|
|||
|
|
if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
|
|||
|
|
}
|
|||
|
|
if (change.addedNodes) {
|
|||
|
|
change.addedNodes.forEach((node) => {
|
|||
|
|
if (node && node.classList && (node.classList.contains(BDFDB.disCN.channelcontainerdefault) || node.classList.contains(BDFDB.disCN.categorycontainerdefault))) {
|
|||
|
|
let info = BDFDB.getKeyInformation({"node":node, "key":"channel"});
|
|||
|
|
if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
|
|||
|
|
}
|
|||
|
|
if (node && node.className && node.className.length > 0 && node.className.indexOf("container-") > -1) {
|
|||
|
|
for (let channel of node.querySelectorAll(BDFDB.dotCNC.channelcontainerdefault + BDFDB.dotCN.categorycontainerdefault)) {
|
|||
|
|
let info = BDFDB.getKeyInformation({"node":channel, "key":"channel"});
|
|||
|
|
if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
BDFDB.addObserver(this, BDFDB.dotCN.channels, {name:"channelListObserver",instance:observer}, {childList: true, attributes:true, subtree: true});
|
|||
|
|
|
|||
|
|
observer = new MutationObserver((changes, _) => {
|
|||
|
|
changes.forEach(
|
|||
|
|
(change, i) => {
|
|||
|
|
if (change.addedNodes) {
|
|||
|
|
change.addedNodes.forEach((node) => {
|
|||
|
|
if (node && node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
|
|||
|
|
this.onContextMenu(node);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
});
|
|||
|
|
BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"channelContextObserver",instance:observer}, {childList: true});
|
|||
|
|
|
|||
|
|
this.loadAllChannels();
|
|||
|
|
|
|||
|
|
this.changeChannelHeader();
|
|||
|
|
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
console.error(this.name + ": Fatal Error: Could not load BD functions!");
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onStop () {
|
|||
|
|
if (typeof BDFDB === "object") {
|
|||
|
|
this.resetAllChannels();
|
|||
|
|
|
|||
|
|
BDFDB.unloadMessage(this);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onSwitch () {
|
|||
|
|
if (typeof BDFDB === "object") {
|
|||
|
|
$(`${BDFDB.dotCN.channelheadertitletext}[custom-editchannelsheader]`).find(BDFDB.dotCN.channelheaderchannelname + BDFDB.dotCN.channelheaderprivate).css("color", "").css("background-color", "").parent().removeAttr("custom-editchannelsheader");
|
|||
|
|
this.loadAllChannels();
|
|||
|
|
setImmediate(() => {this.changeChannelHeader();}); //setImmediate so EditChannels sets the color after EditUsers set it back to white
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// begin of own functions
|
|||
|
|
|
|||
|
|
updateSettings (settingspanel) {
|
|||
|
|
var settings = {};
|
|||
|
|
for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
|
|||
|
|
settings[input.value] = input.checked;
|
|||
|
|
}
|
|||
|
|
BDFDB.saveAllData(settings, this, "settings");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resetAll () {
|
|||
|
|
if (confirm("Are you sure you want to reset all channels?")) {
|
|||
|
|
BDFDB.removeAllData(this, "channels");
|
|||
|
|
|
|||
|
|
this.resetAllChannels();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
changeLanguageStrings () {
|
|||
|
|
this.channelContextEntryMarkup = this.channelContextEntryMarkup.replace("REPLACE_context_localchannelsettings_text", this.labels.context_localchannelsettings_text);
|
|||
|
|
|
|||
|
|
this.channelContextSubMenuMarkup = this.channelContextSubMenuMarkup.replace("REPLACE_submenu_channelsettings_text", this.labels.submenu_channelsettings_text);
|
|||
|
|
this.channelContextSubMenuMarkup = this.channelContextSubMenuMarkup.replace("REPLACE_submenu_resetsettings_text", this.labels.submenu_resetsettings_text);
|
|||
|
|
|
|||
|
|
this.channelSettingsModalMarkup = this.channelSettingsModalMarkup.replace("REPLACE_modal_header_text", this.labels.modal_header_text);
|
|||
|
|
this.channelSettingsModalMarkup = this.channelSettingsModalMarkup.replace("REPLACE_modal_channelname_text", this.labels.modal_channelname_text);
|
|||
|
|
this.channelSettingsModalMarkup = this.channelSettingsModalMarkup.replace("REPLACE_modal_colorpicker1_text", this.labels.modal_colorpicker1_text);
|
|||
|
|
this.channelSettingsModalMarkup = this.channelSettingsModalMarkup.replace("REPLACE_btn_save_text", this.labels.btn_save_text);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onContextMenu (context) {
|
|||
|
|
if (!context || !context.tagName || !context.parentElement || context.querySelector(".localchannelsettings-item")) return;
|
|||
|
|
var info = BDFDB.getKeyInformation({"node":context, "key":"channel"});
|
|||
|
|
if (info && BDFDB.getKeyInformation({"node":context, "key":"displayName", "value":"ChannelDeleteGroup"})) {
|
|||
|
|
$(context).append(this.channelContextEntryMarkup)
|
|||
|
|
.on("mouseenter", ".localchannelsettings-item", (e) => {
|
|||
|
|
this.createContextSubMenu(info, e, context);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
BDFDB.updateContextPosition(context);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
createContextSubMenu (info, e, context) {
|
|||
|
|
var channelContextSubMenu = $(this.channelContextSubMenuMarkup);
|
|||
|
|
|
|||
|
|
channelContextSubMenu
|
|||
|
|
.on("click", ".channelsettings-item", () => {
|
|||
|
|
$(context).hide();
|
|||
|
|
this.showChannelSettings(info);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (BDFDB.loadData(info.id, this, "channels")) {
|
|||
|
|
channelContextSubMenu
|
|||
|
|
.find(".resetsettings-item")
|
|||
|
|
.removeClass(BDFDB.disCN.contextmenuitemdisabled)
|
|||
|
|
.on("click", () => {
|
|||
|
|
$(context).hide();
|
|||
|
|
this.removeChannelData(info);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
BDFDB.appendSubMenu(e.currentTarget, channelContextSubMenu);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
showChannelSettings (info) {
|
|||
|
|
var channelObj = BDFDB.getDivOfChannel(info.id);
|
|||
|
|
|
|||
|
|
var data = BDFDB.loadData(info.id, this, "channels");
|
|||
|
|
|
|||
|
|
var name = data ? data.name : null;
|
|||
|
|
var color = data ? data.color : null;
|
|||
|
|
|
|||
|
|
var channelSettingsModal = $(this.channelSettingsModalMarkup);
|
|||
|
|
channelSettingsModal.find(BDFDB.dotCN.modalguildname).text(info.name);
|
|||
|
|
channelSettingsModal.find("#input-channelname").val(name);
|
|||
|
|
channelSettingsModal.find("#input-channelname").attr("placeholder", info.name);
|
|||
|
|
BDFDB.setColorSwatches(color, channelSettingsModal.find(".swatches1"), "swatch1");
|
|||
|
|
BDFDB.appendModal(channelSettingsModal);
|
|||
|
|
channelSettingsModal
|
|||
|
|
.on("click", ".btn-save", (event) => {
|
|||
|
|
event.preventDefault();
|
|||
|
|
|
|||
|
|
name = null;
|
|||
|
|
if (channelSettingsModal.find("#input-channelname").val()) {
|
|||
|
|
if (channelSettingsModal.find("#input-channelname").val().trim().length > 0) {
|
|||
|
|
name = channelSettingsModal.find("#input-channelname").val().trim();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
color = BDFDB.getSwatchColor("swatch1");
|
|||
|
|
if (color) {
|
|||
|
|
if (color[0] < 30 && color[1] < 30 && color[2] < 30) BDFDB.colorCHANGE(color, 30);
|
|||
|
|
else if (color[0] > 225 && color[1] > 225 && color[2] > 225) BDFDB.colorCHANGE(color, -30);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (name == null && color == null) {
|
|||
|
|
this.removeChannelData(info.id);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
BDFDB.saveData(info.id, {name,color}, this, "channels");
|
|||
|
|
this.loadChannel(channelObj);
|
|||
|
|
this.changeChannelHeader();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
channelSettingsModal.find("#input-channelname").focus();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
removeChannelData (info) {
|
|||
|
|
this.resetChannel(BDFDB.getDivOfChannel(info.id));
|
|||
|
|
|
|||
|
|
BDFDB.removeData(info.id, this, "channels");
|
|||
|
|
|
|||
|
|
this.changeChannelHeader();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resetChannel (channelObj) {
|
|||
|
|
if (!channelObj || !channelObj.div) return;
|
|||
|
|
|
|||
|
|
var channel = channelObj.div.querySelector(BDFDB.dotCNC.channelname + BDFDB.dotCN.categorycolortransition);
|
|||
|
|
|
|||
|
|
$(channelObj.div)
|
|||
|
|
.removeAttr("custom-editchannels");
|
|||
|
|
$(channel)
|
|||
|
|
.css("color", "");
|
|||
|
|
|
|||
|
|
BDFDB.setInnerText(channel, channelObj.name);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
loadChannel (channelObj) {
|
|||
|
|
if (!channelObj || !channelObj.div) return;
|
|||
|
|
|
|||
|
|
var channel = channelObj.div.querySelector(BDFDB.dotCNC.channelname + BDFDB.dotCN.categorycolortransition);
|
|||
|
|
|
|||
|
|
var data = BDFDB.loadData(channelObj.id, this, "channels");
|
|||
|
|
if (data) {
|
|||
|
|
var name = data.name ? data.name : channelObj.name;
|
|||
|
|
var color = data.color ? this.chooseColor(channel, data.color) : "";
|
|||
|
|
|
|||
|
|
$(channelObj.div)
|
|||
|
|
.attr("custom-editchannels", true);
|
|||
|
|
$(channel)
|
|||
|
|
.css("color", color);
|
|||
|
|
|
|||
|
|
BDFDB.setInnerText(channel, name);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
loadAllChannels () {
|
|||
|
|
for (let channelObj of BDFDB.readChannelList()) {
|
|||
|
|
this.loadChannel(channelObj);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
changeChannelHeader () {
|
|||
|
|
if (BDFDB.getData("changeInChannelHeader", this, "settings")) {
|
|||
|
|
var channelHeader = document.querySelector(BDFDB.dotCNS.channelheadertitle + BDFDB.dotCN.channelheadertitletext);
|
|||
|
|
if (!channelHeader) return;
|
|||
|
|
var channel = channelHeader.querySelector(`${BDFDB.dotCN.channelheaderchannelname}:not(${BDFDB.dotCN.channelheaderprivate})`);
|
|||
|
|
if (!channel) return;
|
|||
|
|
var info = BDFDB.getKeyInformation({"node":channelHeader,"key":"channel"});
|
|||
|
|
if (info) {
|
|||
|
|
var data = BDFDB.loadData(info.id, this, "channels");
|
|||
|
|
var name = data && data.name ? data.name : info.name;
|
|||
|
|
var color = data && data.color ? BDFDB.color2RGB(data.color) : "";
|
|||
|
|
BDFDB.setInnerText(channel, name);
|
|||
|
|
$(channel).css("color", color);
|
|||
|
|
|
|||
|
|
if (data && (data.name || data.color)) {
|
|||
|
|
$(channelHeader).attr("custom-editchannelsheader", true);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$(channelHeader).removeAttr("custom-editchannelsheader");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resetAllChannels () {
|
|||
|
|
document.querySelectorAll("[custom-editchannels]").forEach(channelDiv => {
|
|||
|
|
var info = BDFDB.getKeyInformation({"node":channelDiv, "key":"channel"});
|
|||
|
|
if (info) this.resetChannel({div:channelDiv,info});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var channelHeader = document.querySelector("[custom-editchannelsheader]");
|
|||
|
|
if (channelHeader) {
|
|||
|
|
var info = BDFDB.getKeyInformation({"node":channelHeader, "key":"channel"});
|
|||
|
|
if (info) {
|
|||
|
|
var channel = channelHeader.querySelector(BDFDB.dotCN.channelheaderchannelname);
|
|||
|
|
BDFDB.setInnerText(channel, info.name);
|
|||
|
|
$(channel).css("color", "");
|
|||
|
|
$(channelHeader).removeAttr("custom-editchannelsheader");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
chooseColor (channel, color) {
|
|||
|
|
if (color && channel && channel.className) {
|
|||
|
|
if (channel.className.indexOf("nameMuted") > -1 || channel.className.indexOf("nameLocked") > -1) {
|
|||
|
|
color = BDFDB.colorCHANGE(color, -50);
|
|||
|
|
}
|
|||
|
|
if (channel.className.indexOf("nameDefault") > -1) {
|
|||
|
|
color = color;
|
|||
|
|
}
|
|||
|
|
if (channel.className.indexOf("nameSelected") > -1 || channel.className.indexOf("nameHovered") > -1 || channel.className.indexOf("nameUnread") > -1) {
|
|||
|
|
color = BDFDB.colorCHANGE(color, 50);
|
|||
|
|
}
|
|||
|
|
return BDFDB.color2RGB(color);
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getSettingsPanel () {
|
|||
|
|
var settings = BDFDB.getAllData(this, "settings");
|
|||
|
|
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>`;
|
|||
|
|
}
|
|||
|
|
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: 0 0 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;">Reset all Channels.</h3><button type="button" class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorred + BDFDB.disCNS.buttonsizemedium + BDFDB.disCN.buttongrow} reset-button" style="flex: 0 0 auto;"><div class="${BDFDB.disCN.buttoncontents}">Reset</div></button></div>`;
|
|||
|
|
settingshtml += `</div>`;
|
|||
|
|
|
|||
|
|
var settingspanel = $(settingshtml)[0];
|
|||
|
|
|
|||
|
|
$(settingspanel)
|
|||
|
|
.on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
|
|||
|
|
.on("click", ".reset-button", () => {this.resetAll();});
|
|||
|
|
return settingspanel;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setLabelsByLanguage () {
|
|||
|
|
switch (BDFDB.getDiscordLanguage().id) {
|
|||
|
|
case "hr": //croatian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Postavke lokalnih kanala",
|
|||
|
|
submenu_channelsettings_text: "Promijeni postavke",
|
|||
|
|
submenu_resetsettings_text: "Vraćanje kanala",
|
|||
|
|
modal_header_text: "Postavke lokalnih kanala",
|
|||
|
|
modal_channelname_text: "Naziv lokalnog kanala",
|
|||
|
|
modal_colorpicker1_text: "Boja lokalnog kanala",
|
|||
|
|
btn_cancel_text: "Prekid",
|
|||
|
|
btn_save_text: "Uštedjeti"
|
|||
|
|
};
|
|||
|
|
case "da": //danish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokal kanalindstillinger",
|
|||
|
|
submenu_channelsettings_text: "Skift indstillinger",
|
|||
|
|
submenu_resetsettings_text: "Nulstil kanal",
|
|||
|
|
modal_header_text: "Lokal kanalindstillinger",
|
|||
|
|
modal_channelname_text: "Lokalt kanalnavn",
|
|||
|
|
modal_colorpicker1_text: "Lokal kanalfarve",
|
|||
|
|
btn_cancel_text: "Afbryde",
|
|||
|
|
btn_save_text: "Spare"
|
|||
|
|
};
|
|||
|
|
case "de": //german
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokale Kanaleinstellungen",
|
|||
|
|
submenu_channelsettings_text: "Einstellungen ändern",
|
|||
|
|
submenu_resetsettings_text: "Kanal zurücksetzen",
|
|||
|
|
modal_header_text: "Lokale Kanaleinstellungen",
|
|||
|
|
modal_channelname_text: "Lokaler Kanalname",
|
|||
|
|
modal_colorpicker1_text: "Lokale Kanalfarbe",
|
|||
|
|
btn_cancel_text: "Abbrechen",
|
|||
|
|
btn_save_text: "Speichern"
|
|||
|
|
};
|
|||
|
|
case "es": //spanish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Ajustes local de canal",
|
|||
|
|
submenu_channelsettings_text: "Cambiar ajustes",
|
|||
|
|
submenu_resetsettings_text: "Restablecer canal",
|
|||
|
|
modal_header_text: "Ajustes local de canal",
|
|||
|
|
modal_channelname_text: "Nombre local del canal",
|
|||
|
|
modal_colorpicker1_text: "Color local del canal",
|
|||
|
|
btn_cancel_text: "Cancelar",
|
|||
|
|
btn_save_text: "Guardar"
|
|||
|
|
};
|
|||
|
|
case "fr": //french
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Paramètres locale du canal",
|
|||
|
|
submenu_channelsettings_text: "Modifier les paramètres",
|
|||
|
|
submenu_resetsettings_text: "Réinitialiser le canal",
|
|||
|
|
modal_header_text: "Paramètres locale du canal",
|
|||
|
|
modal_channelname_text: "Nom local du canal",
|
|||
|
|
modal_colorpicker1_text: "Couleur locale de la chaîne",
|
|||
|
|
btn_cancel_text: "Abandonner",
|
|||
|
|
btn_save_text: "Enregistrer"
|
|||
|
|
};
|
|||
|
|
case "it": //italian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Impostazioni locale canale",
|
|||
|
|
submenu_channelsettings_text: "Cambia impostazioni",
|
|||
|
|
submenu_resetsettings_text: "Ripristina canale",
|
|||
|
|
modal_header_text: "Impostazioni locale canale",
|
|||
|
|
modal_channelname_text: "Nome locale canale",
|
|||
|
|
modal_colorpicker1_text: "Colore locale canale",
|
|||
|
|
btn_cancel_text: "Cancellare",
|
|||
|
|
btn_save_text: "Salvare"
|
|||
|
|
};
|
|||
|
|
case "nl": //dutch
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokale kanaalinstellingen",
|
|||
|
|
submenu_channelsettings_text: "Verandere instellingen",
|
|||
|
|
submenu_resetsettings_text: "Reset kanaal",
|
|||
|
|
modal_header_text: "Lokale kanaalinstellingen",
|
|||
|
|
modal_channelname_text: "Lokale kanaalnaam",
|
|||
|
|
modal_colorpicker1_text: "Lokale kanaalkleur",
|
|||
|
|
btn_cancel_text: "Afbreken",
|
|||
|
|
btn_save_text: "Opslaan"
|
|||
|
|
};
|
|||
|
|
case "no": //norwegian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokal kanalinnstillinger",
|
|||
|
|
submenu_channelsettings_text: "Endre innstillinger",
|
|||
|
|
submenu_resetsettings_text: "Tilbakestill kanal",
|
|||
|
|
modal_header_text: "Lokal kanalinnstillinger",
|
|||
|
|
modal_channelname_text: "Lokalt kanalnavn",
|
|||
|
|
modal_colorpicker1_text: "Lokal kanalfarge",
|
|||
|
|
btn_cancel_text: "Avbryte",
|
|||
|
|
btn_save_text: "Lagre"
|
|||
|
|
};
|
|||
|
|
case "pl": //polish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokalne ustawienia kanału",
|
|||
|
|
submenu_channelsettings_text: "Zmień ustawienia",
|
|||
|
|
submenu_resetsettings_text: "Resetuj ustawienia",
|
|||
|
|
modal_header_text: "Lokalne ustawienia kanału",
|
|||
|
|
modal_channelname_text: "Lokalna nazwa kanału",
|
|||
|
|
modal_colorpicker1_text: "Lokalny kolor kanału",
|
|||
|
|
btn_cancel_text: "Anuluj",
|
|||
|
|
btn_save_text: "Zapisz"
|
|||
|
|
};
|
|||
|
|
case "pt-BR": //portuguese (brazil)
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Configurações local do canal",
|
|||
|
|
submenu_channelsettings_text: "Mudar configurações",
|
|||
|
|
submenu_resetsettings_text: "Redefinir canal",
|
|||
|
|
modal_header_text: "Configurações local do canal",
|
|||
|
|
modal_channelname_text: "Nome local do canal",
|
|||
|
|
modal_colorpicker1_text: "Cor local do canal",
|
|||
|
|
btn_cancel_text: "Cancelar",
|
|||
|
|
btn_save_text: "Salvar"
|
|||
|
|
};
|
|||
|
|
case "fi": //finnish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Paikallinen kanavan asetukset",
|
|||
|
|
submenu_channelsettings_text: "Vaihda asetuksia",
|
|||
|
|
submenu_resetsettings_text: "Nollaa kanava",
|
|||
|
|
modal_header_text: "Paikallinen kanavan asetukset",
|
|||
|
|
modal_channelname_text: "Paikallinen kanavanimi",
|
|||
|
|
modal_colorpicker1_text: "Paikallinen kanavanväri",
|
|||
|
|
btn_cancel_text: "Peruuttaa",
|
|||
|
|
btn_save_text: "Tallentaa"
|
|||
|
|
};
|
|||
|
|
case "sv": //swedish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Lokal kanalinställningar",
|
|||
|
|
submenu_channelsettings_text: "Ändra inställningar",
|
|||
|
|
submenu_resetsettings_text: "Återställ kanal",
|
|||
|
|
modal_header_text: "Lokal kanalinställningar",
|
|||
|
|
modal_channelname_text: "Lokalt kanalnamn",
|
|||
|
|
modal_colorpicker1_text: "Lokal kanalfärg",
|
|||
|
|
btn_cancel_text: "Avbryta",
|
|||
|
|
btn_save_text: "Spara"
|
|||
|
|
};
|
|||
|
|
case "tr": //turkish
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Yerel Kanal Ayarları",
|
|||
|
|
submenu_channelsettings_text: "Ayarları Değiştir",
|
|||
|
|
submenu_resetsettings_text: "Kanal Sıfırla",
|
|||
|
|
modal_header_text: "Yerel Kanal Ayarları",
|
|||
|
|
modal_channelname_text: "Yerel Kanal Adı",
|
|||
|
|
modal_colorpicker1_text: "Yerel Kanal Rengi",
|
|||
|
|
btn_cancel_text: "Iptal",
|
|||
|
|
btn_save_text: "Kayıt"
|
|||
|
|
};
|
|||
|
|
case "cs": //czech
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Místní nastavení kanálu",
|
|||
|
|
submenu_channelsettings_text: "Změnit nastavení",
|
|||
|
|
submenu_resetsettings_text: "Obnovit kanál",
|
|||
|
|
modal_header_text: "Místní nastavení kanálu",
|
|||
|
|
modal_channelname_text: "Místní název kanálu",
|
|||
|
|
modal_colorpicker1_text: "Místní barvy kanálu",
|
|||
|
|
btn_cancel_text: "Zrušení",
|
|||
|
|
btn_save_text: "Uložit"
|
|||
|
|
};
|
|||
|
|
case "bg": //bulgarian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Настройки за локални канали",
|
|||
|
|
submenu_channelsettings_text: "Промяна на настройките",
|
|||
|
|
submenu_resetsettings_text: "Възстановяване на канал",
|
|||
|
|
modal_header_text: "Настройки за локални канали",
|
|||
|
|
modal_channelname_text: "Локално име на канал",
|
|||
|
|
modal_colorpicker1_text: "Локален цветен канал",
|
|||
|
|
btn_cancel_text: "Зъбести",
|
|||
|
|
btn_save_text: "Cпасяване"
|
|||
|
|
};
|
|||
|
|
case "ru": //russian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Настройки локального канала",
|
|||
|
|
submenu_channelsettings_text: "Изменить настройки",
|
|||
|
|
submenu_resetsettings_text: "Сбросить канал",
|
|||
|
|
modal_header_text: "Настройки локального канала",
|
|||
|
|
modal_channelname_text: "Имя локального канала",
|
|||
|
|
modal_colorpicker1_text: "Цвет локального канала",
|
|||
|
|
btn_cancel_text: "Отмена",
|
|||
|
|
btn_save_text: "Cпасти"
|
|||
|
|
};
|
|||
|
|
case "uk": //ukrainian
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Налаштування локального каналу",
|
|||
|
|
submenu_channelsettings_text: "Змінити налаштування",
|
|||
|
|
submenu_resetsettings_text: "Скидання каналу",
|
|||
|
|
modal_header_text: "Налаштування локального каналу",
|
|||
|
|
modal_channelname_text: "Локальне ім'я каналу",
|
|||
|
|
modal_colorpicker1_text: "Колір місцевого каналу",
|
|||
|
|
btn_cancel_text: "Скасувати",
|
|||
|
|
btn_save_text: "Зберегти"
|
|||
|
|
};
|
|||
|
|
case "ja": //japanese
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "ローカルチャネル設定",
|
|||
|
|
submenu_channelsettings_text: "設定を変更する",
|
|||
|
|
submenu_resetsettings_text: "チャネルをリセットする",
|
|||
|
|
modal_header_text: "ローカルチャネル設定",
|
|||
|
|
modal_channelname_text: "ローカルチャネル名",
|
|||
|
|
modal_colorpicker1_text: "ローカルチャネルの色",
|
|||
|
|
btn_cancel_text: "キャンセル",
|
|||
|
|
btn_save_text: "セーブ"
|
|||
|
|
};
|
|||
|
|
case "zh-TW": //chinese (traditional)
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "本地頻道設置",
|
|||
|
|
submenu_channelsettings_text: "更改設置",
|
|||
|
|
submenu_resetsettings_text: "重置通道",
|
|||
|
|
modal_header_text: "本地頻道設置",
|
|||
|
|
modal_channelname_text: "本地頻道名稱",
|
|||
|
|
modal_colorpicker1_text: "本地頻道顏色",
|
|||
|
|
btn_cancel_text: "取消",
|
|||
|
|
btn_save_text: "保存"
|
|||
|
|
};
|
|||
|
|
case "ko": //korean
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "로컬 채널 설정",
|
|||
|
|
submenu_channelsettings_text: "설정 변경",
|
|||
|
|
submenu_resetsettings_text: "채널 재설정",
|
|||
|
|
modal_header_text: "로컬 채널 설정",
|
|||
|
|
modal_channelname_text: "로컬 채널 이름",
|
|||
|
|
modal_colorpicker1_text: "지역 채널 색깔",
|
|||
|
|
btn_cancel_text: "취소",
|
|||
|
|
btn_save_text: "저장"
|
|||
|
|
};
|
|||
|
|
default: //default: english
|
|||
|
|
return {
|
|||
|
|
context_localchannelsettings_text: "Local Channelsettings",
|
|||
|
|
submenu_channelsettings_text: "Change Settings",
|
|||
|
|
submenu_resetsettings_text: "Reset Channel",
|
|||
|
|
modal_header_text: "Local Channelsettings",
|
|||
|
|
modal_channelname_text: "Local Channelname",
|
|||
|
|
modal_colorpicker1_text: "Local Channelcolor",
|
|||
|
|
btn_cancel_text: "Cancel",
|
|||
|
|
btn_save_text: "Save"
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|