778 lines
37 KiB
JavaScript
778 lines
37 KiB
JavaScript
//META{"name":"EditChannels","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/EditChannels","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/EditChannels/EditChannels.plugin.js"}*//
|
||
|
||
var EditChannels = (_ => {
|
||
return class EditChannels {
|
||
getName () {return "EditChannels";}
|
||
|
||
getVersion () {return "4.1.0";}
|
||
|
||
getAuthor () {return "DevilBro";}
|
||
|
||
getDescription () {return "Allows you to rename and recolor channelnames.";}
|
||
|
||
constructor () {
|
||
this.changelog = {
|
||
"fixed":[["Message Update","Fixed the plugin for the new Message Update"]],
|
||
"improved":[["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]]
|
||
};
|
||
|
||
this.patchedModules = {
|
||
before: {
|
||
ChannelEditorContainer: "render",
|
||
ChannelAutoComplete: "render",
|
||
AutocompleteChannelResult: "render",
|
||
AuditLog: "render",
|
||
SettingsInvites: "render",
|
||
HeaderBarContainer: "render",
|
||
ChannelCategoryItem: "render",
|
||
ChannelItem: "render",
|
||
QuickSwitchChannelResult: "render",
|
||
MessageContent: "render"
|
||
},
|
||
after: {
|
||
AutocompleteChannelResult: "render",
|
||
AuditLog: "render",
|
||
ChannelCategoryItem: "render",
|
||
ChannelItem: "render",
|
||
QuickSwitchChannelResult: "render",
|
||
MessagesPopout: "render"
|
||
}
|
||
};
|
||
}
|
||
|
||
initConstructor () {
|
||
this.css = `
|
||
${BDFDB.dotCN.messagespopoutchannelname}:hover > span[style*="color"] {
|
||
text-decoration: underline;
|
||
}
|
||
${BDFDB.dotCN.categorywrapper}:hover ${BDFDB.dotCN.categoryname} span[style*="color"],
|
||
${BDFDB.dotCN.categorywrapper}:hover ${BDFDB.dotCN.categoryicon}[style*="color"],
|
||
${BDFDB.dotCN.channelwrapper + BDFDB.notCN.channelmodeselected + BDFDB.notCN.channelmodeconnected}:hover ${BDFDB.dotCN.channelname} span[style*="color"],
|
||
${BDFDB.dotCN.channelwrapper + BDFDB.notCN.channelmodeselected + BDFDB.notCN.channelmodeconnected}:hover ${BDFDB.dotCN.channelicon}[style*="color"] {
|
||
filter: brightness(150%);
|
||
}
|
||
${BDFDB.dotCN.autocompleteicon}[style*="color"] ${BDFDB.dotCN.autocompleteiconforeground} {
|
||
fill: currentColor !important;
|
||
}
|
||
`;
|
||
|
||
this.defaults = {
|
||
settings: {
|
||
changeChannelIcon: {value:true, inner:false, description:"Change color of Channel Icon"},
|
||
changeInChatTextarea: {value:true, inner:true, description:"Chat Textarea"},
|
||
changeInMentions: {value:true, inner:true, description:"Mentions"},
|
||
changeInChannelList: {value:true, inner:true, description:"Channel List"},
|
||
changeInChannelHeader: {value:true, inner:true, description:"Channel Header"},
|
||
changeInRecentMentions: {value:true, inner:true, description:"Recent Mentions Popout"},
|
||
changeInAutoComplete: {value:true, inner:true, description:"Autocomplete Menu"},
|
||
changeInAuditLog: {value:true, inner:true, description:"Audit Log"},
|
||
changeInInviteLog: {value:true, inner:true, description:"Invite Log"},
|
||
changeInQuickSwitcher: {value:true, inner:true, description:"Quick Switcher"}
|
||
}
|
||
};
|
||
}
|
||
|
||
getSettingsPanel () {
|
||
if (!window.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
|
||
let settings = BDFDB.DataUtils.get(this, "settings");
|
||
let settingspanel, settingsitems = [], inneritems = [];
|
||
|
||
for (let key in settings) (!this.defaults.settings[key].inner ? settingsitems : inneritems).push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
|
||
className: BDFDB.disCN.marginbottom8,
|
||
type: "Switch",
|
||
plugin: this,
|
||
keys: ["settings", key],
|
||
label: this.defaults.settings[key].description,
|
||
value: settings[key]
|
||
}));
|
||
settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsPanelInner, {
|
||
title: "Change Channels in:",
|
||
first: settingsitems.length == 0,
|
||
children: inneritems
|
||
}));
|
||
settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Button",
|
||
className: BDFDB.disCN.marginbottom8,
|
||
color: BDFDB.LibraryComponents.Button.Colors.RED,
|
||
label: "Reset all Channels",
|
||
onClick: _ => {
|
||
BDFDB.ModalUtils.confirm(this, "Are you sure you want to reset all channels?", _ => {
|
||
BDFDB.DataUtils.remove(this, "channels");
|
||
this.forceUpdateAll();
|
||
});
|
||
},
|
||
children: BDFDB.LanguageUtils.LanguageStrings.RESET
|
||
}));
|
||
|
||
return settingspanel = BDFDB.PluginUtils.createSettingsPanel(this, settingsitems);
|
||
}
|
||
|
||
//legacy
|
||
load () {}
|
||
|
||
start () {
|
||
if (!window.BDFDB) window.BDFDB = {myPlugins:{}};
|
||
if (window.BDFDB && window.BDFDB.myPlugins && typeof window.BDFDB.myPlugins == "object") window.BDFDB.myPlugins[this.getName()] = this;
|
||
let libraryScript = document.querySelector("head script#BDFDBLibraryScript");
|
||
if (!libraryScript || (performance.now() - libraryScript.getAttribute("date")) > 600000) {
|
||
if (libraryScript) libraryScript.remove();
|
||
libraryScript = document.createElement("script");
|
||
libraryScript.setAttribute("id", "BDFDBLibraryScript");
|
||
libraryScript.setAttribute("type", "text/javascript");
|
||
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.min.js");
|
||
libraryScript.setAttribute("date", performance.now());
|
||
libraryScript.addEventListener("load", _ => {this.initialize();});
|
||
document.head.appendChild(libraryScript);
|
||
}
|
||
else if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
|
||
this.startTimeout = setTimeout(_ => {
|
||
try {return this.initialize();}
|
||
catch (err) {console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not initiate plugin! " + err);}
|
||
}, 30000);
|
||
}
|
||
|
||
initialize () {
|
||
if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
||
if (this.started) return;
|
||
BDFDB.PluginUtils.init(this);
|
||
|
||
let observer = new MutationObserver(_ => {this.changeAppTitle();});
|
||
BDFDB.ObserverUtils.connect(this, document.head.querySelector("title"), {name:"appTitleObserver",instance:observer}, {childList:true});
|
||
|
||
this.forceUpdateAll();
|
||
}
|
||
else console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not load BD functions!");
|
||
}
|
||
|
||
stop () {
|
||
if (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
||
this.stopping = true;
|
||
|
||
let data = BDFDB.DataUtils.load(this, "channels");
|
||
BDFDB.DataUtils.remove(this, "channels");
|
||
try {this.forceUpdateAll();} catch (err) {}
|
||
BDFDB.DataUtils.save(data, this, "channels");
|
||
|
||
BDFDB.PluginUtils.clear(this);
|
||
}
|
||
}
|
||
|
||
|
||
// begin of own functions
|
||
|
||
onChannelContextMenu (e) {
|
||
if (e.instance.props.channel) {
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name:["FluxContainer(MessageDeveloperModeGroup)", "DeveloperModeGroup"]});
|
||
children.splice(index > -1 ? index : children.length, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Group, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Sub, {
|
||
label: this.labels.context_localchannelsettings_text,
|
||
render: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Group, {
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||
label: this.labels.submenu_channelsettings_text,
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(e.instance);
|
||
this.showChannelSettings(e.instance.props.channel);
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||
label: this.labels.submenu_resetsettings_text,
|
||
disabled: !BDFDB.DataUtils.load(this, "channels", e.instance.props.channel.id),
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(e.instance);
|
||
BDFDB.DataUtils.remove(this, "channels", e.instance.props.channel.id);
|
||
this.forceUpdateAll();
|
||
}
|
||
})
|
||
]
|
||
})
|
||
]
|
||
})
|
||
}));
|
||
}
|
||
}
|
||
|
||
onSettingsClosed () {
|
||
if (this.SettingsUpdated) {
|
||
delete this.SettingsUpdated;
|
||
this.forceUpdateAll();
|
||
}
|
||
}
|
||
|
||
processChannelEditorContainer (e) {
|
||
if (!e.instance.props.disabled && e.instance.props.channel && BDFDB.ChannelUtils.isTextChannel(e.instance.props.channel) && e.instance.props.type == BDFDB.DiscordConstants.TextareaTypes.NORMAL && BDFDB.DataUtils.get(this, "settings", "changeInChatTextarea")) {
|
||
let data = BDFDB.DataUtils.load(this, "channels", e.instance.props.channel.id);
|
||
e.instance.props.placeholder = BDFDB.LanguageUtils.LanguageStringsFormat("TEXTAREA_PLACEHOLDER", `#${data && data.name || e.instance.props.channel.name}`);
|
||
}
|
||
}
|
||
|
||
processChannelAutoComplete (e) {
|
||
if (e.instance.state.autocompleteType == "CHANNELS" && BDFDB.ArrayUtils.is(e.instance.state.autocompletes.channels) && e.instance.props.channel && e.instance.props.channel.guild_id) {
|
||
let lastword = (e.instance.props.textValue || "").slice(1).toLowerCase();
|
||
let channels = BDFDB.DataUtils.load(this, "channels");
|
||
if (!channels || !lastword) return;
|
||
let channelarray = [];
|
||
for (let id in channels) if (channels[id] && channels[id].name) {
|
||
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(id);
|
||
let category = channel && channel.parent_id && BDFDB.LibraryModules.ChannelStore.getChannel(channel.parent_id);
|
||
let catdata = category && channels[category.id] || {};
|
||
if (BDFDB.ChannelUtils.isTextChannel(channel) && channel.guild_id == e.instance.props.channel.guild_id) channelarray.push(Object.assign({
|
||
lowercasename: channels[id].name.toLowerCase(),
|
||
lowercasecatname: catdata && catdata.name && catdata.name.toLowerCase(),
|
||
channel,
|
||
category,
|
||
catdata
|
||
}, channels[id]));
|
||
}
|
||
channelarray = BDFDB.ArrayUtils.keySort(channelarray.filter(n => e.instance.state.autocompletes.channels.every(channel => channel.id != n.channel.id) && (n.lowercasename.indexOf(lastword) != -1 || (n.lowercasecatname && n.lowercasecatname.indexOf(lastword) != -1))), "lowercasename");
|
||
e.instance.state.autocompletes.channels = [].concat(e.instance.state.autocompletes.channels, channelarray.map(n => n.channel)).slice(0, BDFDB.DiscordConstants.MAX_AUTOCOMPLETE_RESULTS);
|
||
}
|
||
}
|
||
|
||
processAutocompleteChannelResult (e) {
|
||
if (e.instance.props.channel && BDFDB.DataUtils.get(this, "settings", "changeInAutoComplete")) {
|
||
if (!e.returnvalue) {
|
||
e.instance.props.channel = this.getChannelData(e.instance.props.channel.id);
|
||
if (e.instance.props.category) e.instance.props.category = this.getChannelData(e.instance.props.category.id);
|
||
}
|
||
else {
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.marginleft4]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.channel.id);
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name: "Icon"});
|
||
if (index > -1) this.changeChannelIconColor(children[index], e.instance.props.channel.id, {alpha: 0.6});
|
||
if (e.instance.props.category) {
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.autocompletedescription]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.category.id);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
processAuditLog (e) {
|
||
let channel = BDFDB.ReactUtils.getValue(e.instance, "props.log.options.channel");
|
||
if (channel && BDFDB.DataUtils.get(this, "settings", "changeInAuditLog")) {
|
||
if (!e.returnvalue) e.instance.props.log.options.channel = this.getChannelData(channel.id);
|
||
else {
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["children", [["#" + channel.name]]]]});
|
||
if (index > -1) this.changeChannelColor(children[index], channel.id);
|
||
}
|
||
}
|
||
}
|
||
|
||
processSettingsInvites (e) {
|
||
if (BDFDB.ObjectUtils.is(e.instance.props.invites) && BDFDB.DataUtils.get(this, "settings", "changeInInviteLog")) {
|
||
e.instance.props.invites = Object.assign({}, e.instance.props.invites);
|
||
for (let id in e.instance.props.invites) e.instance.props.invites[id] = new BDFDB.DiscordObjects.Invite(Object.assign({}, e.instance.props.invites[id], {channel: this.getChannelData(e.instance.props.invites[id].channel.id)}));
|
||
}
|
||
}
|
||
|
||
processHeaderBarContainer (e) {
|
||
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(e.instance.props.channelId);
|
||
if (channel && BDFDB.ChannelUtils.isTextChannel(channel) && BDFDB.DataUtils.get(this, "settings", "changeInChannelHeader")) {
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.instance, {name: "Title"});
|
||
if (index > -1) {
|
||
children[index].props.children = this.getChannelData(channel.id).name;
|
||
this.changeChannelColor(children[index], channel.id);
|
||
}
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.instance, {name: "Icon"});
|
||
if (index > -1) {
|
||
children[index].props.className = BDFDB.DOMUtils.formatClassName(children[index].props.className, BDFDB.disCNS.channelheadericon);
|
||
let icon = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, children[index].props);
|
||
this.changeChannelIconColor(icon, channel.id, {alpha: 0.6});
|
||
children[index] = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
|
||
className: BDFDB.disCN.channelheadericonwrapper,
|
||
children: icon
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
processChannelCategoryItem (e) {
|
||
if (e.instance.props.channel && BDFDB.DataUtils.get(this, "settings", "changeInChannelList")) {
|
||
if (!e.returnvalue) e.instance.props.channel = this.getChannelData(e.instance.props.channel.id);
|
||
else {
|
||
let modify = BDFDB.ObjectUtils.extract(e.instance.props, "muted", "locked", "selected", "unread", "connected");
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.categoryname]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.channel.id, modify);
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.categoryicon]]});
|
||
if (index > -1) this.changeChannelIconColor(children[index], e.instance.props.channel.id, Object.assign({alpha: 0.6}, modify));
|
||
}
|
||
}
|
||
}
|
||
|
||
processChannelItem (e) {
|
||
if (e.instance.props.channel && BDFDB.DataUtils.get(this, "settings", "changeInChannelList")) {
|
||
if (!e.returnvalue) e.instance.props.channel = this.getChannelData(e.instance.props.channel.id);
|
||
else {
|
||
let modify = BDFDB.ObjectUtils.extract(e.instance.props, "muted", "locked", "selected", "unread", "connected");
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.channelname]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.channel.id, modify);
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.channelicon]]});
|
||
if (index > -1) this.changeChannelIconColor(children[index], e.instance.props.channel.id, Object.assign({alpha: 0.6}, modify));
|
||
}
|
||
}
|
||
}
|
||
|
||
processQuickSwitchChannelResult (e) {
|
||
if (e.instance.props.channel && BDFDB.DataUtils.get(this, "settings", "changeInQuickSwitcher")) {
|
||
if (!e.returnvalue) {
|
||
e.instance.props.channel = this.getChannelData(e.instance.props.channel.id);
|
||
if (e.instance.props.category) e.instance.props.category = this.getChannelData(e.instance.props.category.id);
|
||
}
|
||
else {
|
||
let modify = BDFDB.ObjectUtils.extract(e.instance.props, "focused", "unread", "mentions");
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.quickswitchresultmatch]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.channel.id, modify);
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name: "Icon"});
|
||
if (index > -1) this.changeChannelIconColor(children[index], e.instance.props.channel.id, Object.assign({alpha: 0.6}, modify));
|
||
if (e.instance.props.category) {
|
||
[children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", BDFDB.disCN.quickswitchresultnote]]});
|
||
if (index > -1) this.changeChannelColor(children[index], e.instance.props.category.id);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
processMessagesPopout (e) {
|
||
if (BDFDB.DataUtils.get(this, "settings", "changeInRecentMentions")) {
|
||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name: "VerticalScroller"});
|
||
if (index > -1 && children[index].props.children && BDFDB.ArrayUtils.is(children[index].props.children[0])) for (let i in children[index].props.children[0]) {
|
||
let divider = children[index].props.children[0][i];
|
||
if (divider && divider.props && divider.props.className == BDFDB.disCN.messagespopoutchannelseparator) {
|
||
let channel = BDFDB.ReactUtils.findValue(children[index].props.children[0][parseInt(i)+1], "channel");
|
||
if (BDFDB.ChannelUtils.isTextChannel(channel)) {
|
||
let [children2, index2] = BDFDB.ReactUtils.findChildren(divider, {props:[["className", BDFDB.disCN.messagespopoutchannelname]]});
|
||
if (index2 > -1) {
|
||
children2[index2].props.children = "#" + this.getChannelData(channel.id).name;
|
||
this.changeChannelColor(children2[index2], channel.id);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
processMessageContent (e) {
|
||
if (BDFDB.ArrayUtils.is(e.instance.props.content) && BDFDB.DataUtils.get(this, "settings", "changeInMentions")) for (let ele of e.instance.props.content) {
|
||
if (BDFDB.ReactUtils.isValidElement(ele) && ele.type && ele.type.displayName == "Tooltip" && typeof ele.props.children == "function") {
|
||
let children = ele.props.children({});
|
||
if (children && children.type.displayName == "Mention" && children.props.children && typeof children.props.children[0] == "string" && children.props.children[0][0] == "#") {
|
||
let channelName = children.props.children[0].slice(1);
|
||
let guildId = BDFDB.LibraryModules.LastGuildStore.getGuildId();
|
||
let channels = guildId && (BDFDB.LibraryModules.GuildChannelStore.getChannels(guildId)[0] || BDFDB.LibraryModules.GuildChannelStore.getChannels(guildId).SELECTABLE);
|
||
if (Array.isArray(channels)) for (let channelObj of channels) {
|
||
if (channelName == channelObj.channel.name) {
|
||
let category = BDFDB.LibraryModules.ChannelStore.getChannel(channelObj.channel.parent_id);
|
||
if (!category || category && ele.props.text == category.name) {
|
||
if (category) {
|
||
let categoryData = BDFDB.DataUtils.load(this, "channels", category.id);
|
||
if (categoryData && categoryData.name) ele.props.text = categoryData.name;
|
||
}
|
||
let name = (BDFDB.DataUtils.load(this, "channels", channelObj.channel.id) || {}).name;
|
||
let color = this.getChannelDataColor(channelObj.channel.id);
|
||
if (name || color) {
|
||
let renderChildren = ele.props.children;
|
||
ele.props.children = (...args) => {
|
||
let renderedChildren = renderChildren(...args);
|
||
if (name) renderedChildren.props.children[0] = "#" + name;
|
||
if (color) {
|
||
let color1_0 = BDFDB.ColorUtils.convert(BDFDB.ObjectUtils.is(color) ? color[0] : color, "RGBA");
|
||
let color0_1 = BDFDB.ColorUtils.setAlpha(color1_0, 0.1, "RGBA");
|
||
let color0_7 = BDFDB.ColorUtils.setAlpha(color1_0, 0.7, "RGBA");
|
||
renderedChildren.props.style = Object.assign({}, renderedChildren.props.style, {
|
||
background: color0_1,
|
||
color: color1_0
|
||
});
|
||
let onMouseEnter = renderedChildren.props.onMouseEnter || ( _ => {});
|
||
renderedChildren.props.onMouseEnter = event => {
|
||
onMouseEnter(event);
|
||
event.target.style.setProperty("background", color0_7, "important");
|
||
event.target.style.setProperty("color", "#FFFFFF", "important");
|
||
};
|
||
let onMouseLeave = renderedChildren.props.onMouseLeave || ( _ => {});
|
||
renderedChildren.props.onMouseLeave = event => {
|
||
onMouseLeave(event);
|
||
event.target.style.setProperty("background", color0_1, "important");
|
||
event.target.style.setProperty("color", color1_0, "important");
|
||
};
|
||
}
|
||
return renderedChildren;
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
changeAppTitle () {
|
||
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(BDFDB.LibraryModules.LastChannelStore.getChannelId());
|
||
let title = document.head.querySelector("title");
|
||
if (title && BDFDB.ChannelUtils.isTextChannel(channel)) BDFDB.DOMUtils.setText(title, "@" + this.getChannelData(channel.id, BDFDB.DataUtils.get(this, "settings", "changeAppTitle")).name);
|
||
}
|
||
|
||
changeChannelColor (child, channelId, modify) {
|
||
let color = this.getChannelDataColor(channelId);
|
||
if (color) {
|
||
color = modify ? this.chooseColor(color, modify) : BDFDB.ColorUtils.convert(color, "RGBA");
|
||
let fontGradient = BDFDB.ObjectUtils.is(color);
|
||
if (fontGradient) child.props.children = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextGradientElement, {
|
||
gradient: BDFDB.ColorUtils.createGradient(color),
|
||
children: child.props.children
|
||
});
|
||
else child.props.children = BDFDB.ReactUtils.createElement("span", {
|
||
style: {color: color},
|
||
children: child.props.children
|
||
});
|
||
}
|
||
}
|
||
|
||
changeChannelIconColor (child, channelId, modify) {
|
||
let color = this.getChannelDataColor(channelId);
|
||
if (color && BDFDB.DataUtils.get(this, "settings", "changeChannelIcon")) color = modify ? this.chooseColor(BDFDB.ObjectUtils.is(color) ? color[0] : color, modify) : BDFDB.ColorUtils.convert(BDFDB.ObjectUtils.is(color) ? color[0] : color, "RGBA");
|
||
else color = null;
|
||
let oldRef = typeof child.ref == "function" ? child.ref : _ => {};
|
||
child.ref = instance => {
|
||
oldRef(instance);
|
||
let node = BDFDB.ReactUtils.findDOMNode(instance);
|
||
if (node) {
|
||
if (color) {
|
||
node.style.setProperty("color", color);
|
||
if (modify && modify.alpha != undefined) node.style.setProperty("opacity", modify.alpha);
|
||
}
|
||
else {
|
||
node.style.removeProperty("color");
|
||
node.style.removeProperty("opacity");
|
||
}
|
||
}
|
||
};
|
||
}
|
||
|
||
chooseColor (color, config) {
|
||
if (color) {
|
||
if (BDFDB.ObjectUtils.is(config)) {
|
||
if (config.mentions || config.focused || config.hovered || config.selected || config.unread || config.connected) color = BDFDB.ColorUtils.change(color, 0.5);
|
||
else if (config.muted || config.locked) color = BDFDB.ColorUtils.change(color, -0.5);
|
||
}
|
||
return BDFDB.ColorUtils.convert(color, "RGBA");
|
||
}
|
||
return null;
|
||
}
|
||
|
||
getChannelDataColor (channelId) {
|
||
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(channelId);
|
||
if (!channel) return null;
|
||
let channelData = BDFDB.DataUtils.load(this, "channels", channel.id);
|
||
if (channelData && channelData.color) return channelData.color;
|
||
let category = channel.parent_id && BDFDB.LibraryModules.ChannelStore.getChannel(channel.parent_id);
|
||
if (category) {
|
||
let categoryData = BDFDB.DataUtils.load(this, "channels", category.id);
|
||
if (categoryData && categoryData.inheritColor && categoryData.color) return categoryData.color;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
getChannelData (channelId, change = true) {
|
||
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(channelId);
|
||
if (!channel) return new BDFDB.DiscordObjects.Channel({});
|
||
let data = change && BDFDB.DataUtils.load(this, "channels", channel.id);
|
||
if (data) {
|
||
let nativeObject = new BDFDB.DiscordObjects.Channel(channel);
|
||
nativeObject.name = data.name || nativeObject.name;
|
||
return nativeObject;
|
||
}
|
||
return new BDFDB.DiscordObjects.Channel(channel);
|
||
}
|
||
|
||
forceUpdateAll () {
|
||
this.changeAppTitle();
|
||
BDFDB.ModuleUtils.forceAllUpdates(this);
|
||
BDFDB.ReactUtils.forceUpdate(BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.app), {name:"Channel", unlimited:true}));
|
||
}
|
||
|
||
showChannelSettings (channel) {
|
||
let data = BDFDB.DataUtils.load(this, "channels", channel.id) || {};
|
||
|
||
BDFDB.ModalUtils.open(this, {
|
||
size: "MEDIUM",
|
||
header: this.labels.modal_header_text,
|
||
subheader: channel.name,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormItem, {
|
||
title: this.labels.modal_channelname_text,
|
||
className: BDFDB.disCN.marginbottom20 + " input-channelname",
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextInput, {
|
||
value: data.name,
|
||
placeholder: channel.name,
|
||
autoFocus: true
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
|
||
className: BDFDB.disCN.dividerdefault
|
||
})
|
||
]
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormItem, {
|
||
title: this.labels.modal_colorpicker1_text,
|
||
className: BDFDB.disCN.marginbottom20,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ColorSwatches, {
|
||
color: data.color,
|
||
number: 1
|
||
})
|
||
]
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Switch",
|
||
className: BDFDB.disCN.marginbottom20 + " input-inheritcolor",
|
||
label: this.labels.modal_inheritcolor_text,
|
||
value: channel.type == 4 && data.inheritColor,
|
||
disabled: channel.type != 4
|
||
})
|
||
],
|
||
buttons: [{
|
||
contents: BDFDB.LanguageUtils.LanguageStrings.SAVE,
|
||
color: "BRAND",
|
||
close: true,
|
||
click: modal => {
|
||
let olddata = Object.assign({}, data);
|
||
|
||
data.name = modal.querySelector(".input-channelname " + BDFDB.dotCN.input).value.trim() || null;
|
||
|
||
data.color = BDFDB.ColorUtils.getSwatchColor(modal, 1);
|
||
if (data.color != null && !BDFDB.ObjectUtils.is(data.color)) {
|
||
if (data.color[0] < 30 && data.color[1] < 30 && data.color[2] < 30) data.color = BDFDB.ColorUtils.change(data.color, 30);
|
||
else if (data.color[0] > 225 && data.color[1] > 225 && data.color[2] > 225) data.color = BDFDB.ColorUtils.change(data.color, -30);
|
||
}
|
||
|
||
data.inheritColor = modal.querySelector(".input-inheritcolor " + BDFDB.dotCN.switchinner).checked;
|
||
|
||
let changed = false;
|
||
if (Object.keys(data).every(key => data[key] == null || data[key] == false) && (changed = true)) BDFDB.DataUtils.remove(this, "channels", channel.id);
|
||
else if (!BDFDB.equals(olddata, data) && (changed = true)) BDFDB.DataUtils.save(data, this, "channels", channel.id);
|
||
if (changed) this.forceUpdateAll();
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
|
||
setLabelsByLanguage () {
|
||
switch (BDFDB.LanguageUtils.getLanguage().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",
|
||
modal_inheritcolor_text: "Naslijedi boju u potkanale"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Arve farve til subkanaler"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Farbe an Unterkanäle vererben"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Heredar color a sub-canales"
|
||
};
|
||
case "fr": //french
|
||
return {
|
||
context_localchannelsettings_text: "Paramètres locale du salon",
|
||
submenu_channelsettings_text: "Modifier les paramètres",
|
||
submenu_resetsettings_text: "Réinitialiser le salon",
|
||
modal_header_text: "Paramètres locale du salon",
|
||
modal_channelname_text: "Nom local du salon",
|
||
modal_colorpicker1_text: "Couleur locale du salon",
|
||
modal_inheritcolor_text: "Hériter de la couleur sur les sous-salons"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Eredita colore per sub-canali"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Overerving van kleuren naar subkanalen"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Arve farge til underkanaler"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Dziedzicz kolor do podkanałów"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Herdar cor aos sub-canais"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Hävitä väri alikanaville"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Inherit färg till subkanaler"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Renkleri alt kanallara miras alma"
|
||
};
|
||
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",
|
||
modal_inheritcolor_text: "Zdědit barvu na subkanály"
|
||
};
|
||
case "bg": //bulgarian
|
||
return {
|
||
context_localchannelsettings_text: "Настройки за локални канали",
|
||
submenu_channelsettings_text: "Промяна на настройките",
|
||
submenu_resetsettings_text: "Възстановяване на канал",
|
||
modal_header_text: "Настройки за локални канали",
|
||
modal_channelname_text: "Локално име на канал",
|
||
modal_colorpicker1_text: "Локален цветен канал",
|
||
modal_inheritcolor_text: "Наследи цвета до подканали"
|
||
};
|
||
case "ru": //russian
|
||
return {
|
||
context_localchannelsettings_text: "Настройки локального канала",
|
||
submenu_channelsettings_text: "Изменить настройки",
|
||
submenu_resetsettings_text: "Сбросить канал",
|
||
modal_header_text: "Настройки локального канала",
|
||
modal_channelname_text: "Имя локального канала",
|
||
modal_colorpicker1_text: "Цвет локального канала",
|
||
modal_inheritcolor_text: "Наследовать цвет на подканалы"
|
||
};
|
||
case "uk": //ukrainian
|
||
return {
|
||
context_localchannelsettings_text: "Налаштування локального каналу",
|
||
submenu_channelsettings_text: "Змінити налаштування",
|
||
submenu_resetsettings_text: "Скидання каналу",
|
||
modal_header_text: "Налаштування локального каналу",
|
||
modal_channelname_text: "Локальне ім'я каналу",
|
||
modal_colorpicker1_text: "Колір місцевого каналу",
|
||
modal_inheritcolor_text: "Успадковують колір до підканалів"
|
||
};
|
||
case "ja": //japanese
|
||
return {
|
||
context_localchannelsettings_text: "ローカルチャネル設定",
|
||
submenu_channelsettings_text: "設定を変更する",
|
||
submenu_resetsettings_text: "チャネルをリセットする",
|
||
modal_header_text: "ローカルチャネル設定",
|
||
modal_channelname_text: "ローカルチャネル名",
|
||
modal_colorpicker1_text: "ローカルチャネルの色",
|
||
modal_inheritcolor_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: "本地頻道顏色",
|
||
modal_inheritcolor_text: "繼承子通道的顏色"
|
||
};
|
||
case "ko": //korean
|
||
return {
|
||
context_localchannelsettings_text: "로컬 채널 설정",
|
||
submenu_channelsettings_text: "설정 변경",
|
||
submenu_resetsettings_text: "채널 재설정",
|
||
modal_header_text: "로컬 채널 설정",
|
||
modal_channelname_text: "로컬 채널 이름",
|
||
modal_colorpicker1_text: "지역 채널 색깔",
|
||
modal_inheritcolor_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",
|
||
modal_inheritcolor_text: "Inherit color to Sub-Channels"
|
||
};
|
||
}
|
||
}
|
||
}
|
||
})(); |