1146 lines
53 KiB
JavaScript
1146 lines
53 KiB
JavaScript
//META{"name":"PinDMs","authorId":"278543574059057154","invite":"Jx3TjNS","donate":"https://www.paypal.me/MircoWittrien","patreon":"https://www.patreon.com/MircoWittrien","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/PinDMs","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/PinDMs/PinDMs.plugin.js"}*//
|
||
|
||
var PinDMs = (_ => {
|
||
var hoveredCategory, draggedCategory, releasedCategory;
|
||
var hoveredChannel, draggedChannel, releasedChannel;
|
||
|
||
var settings = {};
|
||
|
||
return class PinDMs {
|
||
getName () {return "PinDMs";}
|
||
|
||
getVersion () {return "1.7.3";}
|
||
|
||
getAuthor () {return "DevilBro";}
|
||
|
||
getDescription () {return "Allows you to pin DMs, making them appear at the top of your DMs/Guild-list.";}
|
||
|
||
constructor () {
|
||
this.patchedModules = {
|
||
before: {
|
||
PrivateChannelsList: "render",
|
||
UnreadDMs: "render"
|
||
},
|
||
after: {
|
||
PrivateChannelsList: "render",
|
||
UnreadDMs: "render",
|
||
PrivateChannel: ["render", "componentDidMount"],
|
||
DirectMessage: ["render", "componentDidMount", "componentWillUnmount"]
|
||
}
|
||
};
|
||
}
|
||
|
||
initConstructor () {
|
||
this.css = `
|
||
${BDFDB.dotCNS.dmchannel + BDFDB.dotCN.namecontainerchildren} {
|
||
display: flex;
|
||
}
|
||
${BDFDB.dotCN.dmchannel}:hover ${BDFDB.dotCN._pindmsunpinbutton} {
|
||
display: block;
|
||
}
|
||
${BDFDB.dotCN._pindmspinnedchannelsheadercontainer} {
|
||
display: flex;
|
||
cursor: pointer;
|
||
}
|
||
${BDFDB.dotCNS._pindmspinnedchannelsheadercontainer + BDFDB.dotCN.dmchannelheadertext} {
|
||
margin-right: 6px;
|
||
}
|
||
${BDFDB.dotCN._pindmspinnedchannelsheadercontainer + BDFDB.dotCN._pindmspinnedchannelsheadercolored}:hover ${BDFDB.dotCN.dmchannelheadertext} {
|
||
filter: brightness(150%);
|
||
}
|
||
${BDFDB.dotCNS._pindmspinnedchannelsheadercontainer + BDFDB.dotCN._pindmspinnedchannelsheaderamount} {
|
||
position: relative;
|
||
top: -1px;
|
||
margin-right: 6px;
|
||
}
|
||
${BDFDB.dotCN._pindmspinnedchannelsheaderarrow} {
|
||
flex: 0;
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-left: 0;
|
||
margin-right: 2px;
|
||
}
|
||
${BDFDB.dotCNS._pindmspinnedchannelsheadercollapsed + BDFDB.dotCN._pindmspinnedchannelsheaderarrow + BDFDB.dotCN.channelheadericonwrapper} {
|
||
transform: rotate(-90deg);
|
||
}
|
||
${BDFDB.dotCN._pindmsunpinbutton} {
|
||
display: none;
|
||
width: 16px;
|
||
height: 16px;
|
||
opacity: .7;
|
||
margin: 2px;
|
||
}
|
||
${BDFDB.dotCN._pindmsunpinbutton}:hover {
|
||
opacity: 1;
|
||
}
|
||
${BDFDB.dotCN._pindmsunpinicon} {
|
||
display: block;
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
${BDFDB.dotCNS._pindmsdmchannelplaceholder + BDFDB.dotCN.namecontainerlayout} {
|
||
box-sizing: border-box;
|
||
border: 1px dashed currentColor;
|
||
}
|
||
${BDFDB.dotCN._pindmspinnedchannelsheadercontainer + BDFDB.dotCN._pindmsdmchannelplaceholder} {
|
||
margin-left: 8px;
|
||
height: 12px;
|
||
box-sizing: border-box;
|
||
border: 1px dashed currentColor;
|
||
}
|
||
${BDFDB.dotCN._pindmsdragpreview} {
|
||
pointer-events: none !important;
|
||
position: absolute !important;
|
||
opacity: 0.5 !important;
|
||
z-index: 10000 !important;
|
||
}`;
|
||
|
||
this.defaults = {
|
||
settings: {
|
||
sortInRecentOrder: {value:false, inner:true, description:"Channel List"},
|
||
sortInRecentOrderGuild: {value:false, inner:true, description:"Guild List"},
|
||
showPinIcon: {value:true, inner:false, description:"Shows a little 'Pin' icon for pinned DMs in the server list:"},
|
||
showCategoryUnread: {value:true, inner:false, description:"Shows the amount of unread Messages in a category in the channel list:"},
|
||
showCategoryAmount: {value:true, inner:false, description:"Shows the amount of pinned DMs in a category in the channel list:"}
|
||
}
|
||
};
|
||
}
|
||
|
||
getSettingsPanel () {
|
||
if (!window.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
|
||
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: "Sort pinned DMs in the recent message order instead of the pinned at order 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: "Unpin all pinned DMs",
|
||
onClick: _ => {
|
||
BDFDB.ModalUtils.confirm(this, "Are you sure you want to unpin all pinned DMs?", _ => {
|
||
BDFDB.DataUtils.remove(this, "dmCategories");
|
||
BDFDB.DataUtils.remove(this, "pinnedRecents");
|
||
});
|
||
},
|
||
children: BDFDB.LanguageUtils.LanguageStrings.UNPIN
|
||
}));
|
||
|
||
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);
|
||
|
||
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;
|
||
|
||
this.forceUpdateAll();
|
||
|
||
let unreadDMsInstance = BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.app), {name:"UnreadDMs", unlimited:true});
|
||
if (unreadDMsInstance) {
|
||
delete unreadDMsInstance.props.pinnedPrivateChannelIds;
|
||
unreadDMsInstance.props.unreadPrivateChannelIds = BDFDB.LibraryModules.DirectMessageUnreadStore.getUnreadPrivateChannelIds();
|
||
BDFDB.ReactUtils.forceUpdate(unreadDMsInstance);
|
||
}
|
||
|
||
BDFDB.PluginUtils.clear(this);
|
||
}
|
||
}
|
||
|
||
|
||
// Begin of own functions
|
||
|
||
onSettingsClosed () {
|
||
if (this.SettingsUpdated) {
|
||
delete this.SettingsUpdated;
|
||
this.forceUpdateAll();
|
||
}
|
||
}
|
||
|
||
onUserContextMenu (e) {
|
||
if (e.instance.props.user) {
|
||
let [children, index] = BDFDB.ContextMenuUtils.findItem(e.returnvalue, {id: "close-dm"});
|
||
if (index > -1) {
|
||
let id = BDFDB.LibraryModules.ChannelStore.getDMFromUserId(e.instance.props.user.id);
|
||
if (id) this.injectItem(e.instance, id, children, index);
|
||
}
|
||
}
|
||
}
|
||
|
||
onGroupDMContextMenu (e) {
|
||
if (e.instance.props.channel) {
|
||
let [children, index] = BDFDB.ContextMenuUtils.findItem(e.returnvalue, {id: "change-icon"});
|
||
if (index > -1) this.injectItem(e.instance, e.instance.props.channel.id, children, index + 1);
|
||
}
|
||
}
|
||
|
||
injectItem (instance, id, children, index) {
|
||
let pinnedInGuild = this.isPinned(id, "pinnedRecents");
|
||
|
||
let categories = this.sortAndUpdateCategories("dmCategories", true);
|
||
let currentCategory = this.getCategory(id, "dmCategories");
|
||
|
||
children.splice(index, 0, BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: this.labels.context_pindm_text,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "submenu-pin"),
|
||
children: [
|
||
BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: this.labels.context_pinchannel_text,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "submenu-channelist"),
|
||
children: [
|
||
BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuGroup, {
|
||
children: currentCategory ? BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: this.labels.context_unpinchannel_text,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "unpin-channellist"),
|
||
color: BDFDB.LibraryComponents.MenuItems.Colors.DANGER,
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(instance);
|
||
this.removeFromCategory(id, currentCategory, "dmCategories");
|
||
}
|
||
}) : BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: this.labels.context_addtonewcategory_text,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "new-channellist"),
|
||
color: BDFDB.LibraryComponents.MenuItems.Colors.BRAND,
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(instance);
|
||
this.openCategorySettingsModal({
|
||
id: this.generateID("dmCategories").toString(),
|
||
name: `${this.labels.header_pinneddms_text} #${categories.length + 1}`,
|
||
dms: [id],
|
||
pos: categories.length,
|
||
collapsed: false,
|
||
color: null
|
||
}, "dmCategories", true);
|
||
}
|
||
})
|
||
}),
|
||
categories.length ? BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuGroup, {
|
||
children: categories.map(category => currentCategory && currentCategory.id == category.id ? null : BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: category.name || this.labels.header_pinneddms_text,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "pin-channellist", category.id),
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(instance);
|
||
if (currentCategory) this.removeFromCategory(id, currentCategory, "dmCategories");
|
||
this.addToCategory(id, category, "dmCategories");
|
||
}
|
||
})).filter(n => n)
|
||
}) : null
|
||
].filter(n => n)
|
||
}),
|
||
BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: this.labels[pinnedInGuild ? "context_unpinguild_text" : "context_pinguild_text"],
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, pinnedInGuild ? "unpin-serverlist" : "pin-serverlist"),
|
||
danger: pinnedInGuild,
|
||
action: _ => {
|
||
BDFDB.ContextMenuUtils.close(instance);
|
||
if (!pinnedInGuild) this.addPin(id, "pinnedRecents");
|
||
else this.removePin(id, "pinnedRecents");
|
||
}
|
||
})
|
||
]
|
||
}));
|
||
}
|
||
|
||
processPrivateChannelsList (e) {
|
||
let categories = this.sortAndUpdateCategories("dmCategories", true);
|
||
if (categories.length) {
|
||
e.instance.props.channels = Object.assign({}, e.instance.props.channels);
|
||
e.instance.props.privateChannelIds = [].concat(e.instance.props.privateChannelIds || []);
|
||
e.instance.props.pinnedChannelIds = Object.assign({}, e.instance.props.pinnedChannelIds);
|
||
if (!e.returnvalue) {
|
||
if (draggedChannel && releasedChannel) {
|
||
let categoryId = releasedChannel.split("header_")[1];
|
||
let category = categories.find(n => categoryId != undefined ? n.id == categoryId : n.dms.includes(releasedChannel));
|
||
if (category) {
|
||
BDFDB.ArrayUtils.remove(category.dms, draggedChannel, true);
|
||
category.dms.splice(categoryId != undefined ? 0 : category.dms.indexOf(releasedChannel) + 1, 0, draggedChannel);
|
||
BDFDB.DataUtils.save(category, this, "dmCategories", category.id);
|
||
}
|
||
draggedChannel = null;
|
||
releasedChannel = null;
|
||
}
|
||
if (draggedCategory && releasedCategory) {
|
||
let maybedDraggedCategory = categories.find(n => n.id == draggedCategory);
|
||
let maybedReleasedCategory = categories.find(n => n.id == releasedCategory);
|
||
if (maybedDraggedCategory && maybedReleasedCategory) {
|
||
BDFDB.ArrayUtils.remove(categories, maybedDraggedCategory, true);
|
||
categories.splice(categories.indexOf(maybedReleasedCategory) + 1, 0, maybedDraggedCategory);
|
||
let newCategories = {}, newPos = 0;
|
||
for (let category of [].concat(categories).reverse()) newCategories[category.id] = Object.assign(category, {pos:newPos++});
|
||
BDFDB.DataUtils.save(newCategories, this, "dmCategories");
|
||
}
|
||
draggedCategory = null;
|
||
releasedCategory = null;
|
||
}
|
||
e.instance.props.pinnedChannelIds = {};
|
||
for (let category of [].concat(categories).reverse()) {
|
||
e.instance.props.pinnedChannelIds[category.id] = [];
|
||
for (let id of this.sortDMsByTime(this.filterDMs(category.dms), "dmCategories").reverse()) {
|
||
BDFDB.ArrayUtils.remove(e.instance.props.privateChannelIds, id, true);
|
||
if (!category.collapsed || e.instance.props.selectedChannelId == id) {
|
||
e.instance.props.privateChannelIds.unshift(id);
|
||
e.instance.props.pinnedChannelIds[category.id].push(id);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
else {
|
||
e.returnvalue.props.sections = [];
|
||
e.returnvalue.props.sections.push(e.instance.state.preRenderedChildren);
|
||
let shownPinnedIds = BDFDB.ObjectUtils.toArray(e.instance.props.pinnedChannelIds).reverse();
|
||
for (let ids of shownPinnedIds) e.returnvalue.props.sections.push(ids.length || 1);
|
||
e.returnvalue.props.sections.push(e.instance.props.privateChannelIds.length - shownPinnedIds.flat().length);
|
||
|
||
let sectionHeight = e.returnvalue.props.sectionHeight;
|
||
let sectionHeightFunc = typeof sectionHeight != "function" ? _ => sectionHeight : sectionHeight;
|
||
e.returnvalue.props.sectionHeight = (...args) => {
|
||
if (args[0] != 0 && args[0] != e.returnvalue.props.sections.length - 1) {
|
||
let category = categories[args[0] - 1];
|
||
if (category) return 40;
|
||
}
|
||
return sectionHeightFunc(...args);
|
||
};
|
||
|
||
let rowHeight = e.returnvalue.props.rowHeight;
|
||
let rowHeightFunc = typeof rowHeight != "function" ? _ => rowHeight : rowHeight;
|
||
e.returnvalue.props.rowHeight = (...args) => {
|
||
if (args[0] != 0 && args[0] != e.returnvalue.props.sections.length - 1) {
|
||
let category = categories[args[0] - 1];
|
||
if (category && (category.collapsed || category.id == draggedCategory)) return 0;
|
||
}
|
||
return rowHeightFunc(...args);
|
||
};
|
||
|
||
let renderSection = e.returnvalue.props.renderSection;
|
||
e.returnvalue.props.renderSection = (...args) => {
|
||
if (args[0].section != 0 && args[0].section != e.returnvalue.props.sections.length - 1) {
|
||
let category = categories[args[0].section - 1];
|
||
if (category && draggedCategory != category.id) {
|
||
let color = BDFDB.ColorUtils.convert(category.color, "RGBA");
|
||
let foundDMs = this.filterDMs(category.dms);
|
||
let unreadAmount = settings.showCategoryUnread && BDFDB.ArrayUtils.sum(foundDMs.map(id => BDFDB.LibraryModules.UnreadChannelUtils.getMentionCount(id)));
|
||
return [
|
||
BDFDB.ReactUtils.createElement("h2", {
|
||
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.dmchannelheadercontainer, BDFDB.disCN._pindmspinnedchannelsheadercontainer, category.collapsed && BDFDB.disCN._pindmspinnedchannelsheadercollapsed, color && BDFDB.disCN._pindmspinnedchannelsheadercolored, BDFDB.disCN.namecontainernamecontainer),
|
||
categoryId: category.id,
|
||
onMouseDown: event => {
|
||
event = event.nativeEvent || event;
|
||
let node = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmspinnedchannelsheadercontainer, event.target).cloneNode(true);
|
||
let mousemove = event2 => {
|
||
if (Math.sqrt((event.pageX - event2.pageX)**2) > 20 || Math.sqrt((event.pageY - event2.pageY)**2) > 20) {
|
||
BDFDB.ListenerUtils.stopEvent(event);
|
||
draggedCategory = category.id;
|
||
this.updateContainer("dmCategories");
|
||
let dragPreview = this.createDragPreview(node, event2);
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
let dragging = event3 => {
|
||
this.updateDragPreview(dragPreview, event3);
|
||
let placeholder = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelplaceholder, event3.target);
|
||
let categoryNode = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmspinnedchannelsheadercontainer, placeholder ? placeholder.previousSibling : event3.target);
|
||
let maybeHoveredCategory = categoryNode && categoryNode.getAttribute("categoryId");
|
||
let update = maybeHoveredCategory != hoveredCategory;
|
||
if (maybeHoveredCategory) hoveredCategory = maybeHoveredCategory;
|
||
else hoveredCategory = null;
|
||
if (update) this.updateContainer("dmCategories");
|
||
};
|
||
let releasing = event3 => {
|
||
BDFDB.DOMUtils.remove(dragPreview);
|
||
if (hoveredCategory) releasedCategory = hoveredCategory;
|
||
else draggedCategory = null;
|
||
hoveredCategory = null;
|
||
this.updateContainer("dmCategories");
|
||
document.removeEventListener("mousemove", dragging);
|
||
document.removeEventListener("mouseup", releasing);
|
||
};
|
||
document.addEventListener("mousemove", dragging);
|
||
document.addEventListener("mouseup", releasing);
|
||
}
|
||
};
|
||
let mouseup = _ => {
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
};
|
||
document.addEventListener("mousemove", mousemove);
|
||
document.addEventListener("mouseup", mouseup);
|
||
},
|
||
onClick: _ => {
|
||
if (foundDMs.length || !category.collapsed) {
|
||
category.collapsed = !category.collapsed;
|
||
BDFDB.DataUtils.save(category, this, "dmCategories", category.id);
|
||
this.updateContainer("dmCategories");
|
||
}
|
||
},
|
||
onContextMenu: event => {
|
||
BDFDB.ContextMenuUtils.open(this, event, BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuGroup, {
|
||
children: [
|
||
BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: BDFDB.LanguageUtils.LanguageStrings.CATEGORY_SETTINGS,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "category-settings"),
|
||
action: event2 => {
|
||
this.openCategorySettingsModal(category, "dmCategories");
|
||
}
|
||
}),
|
||
BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: BDFDB.LanguageUtils.LanguageStrings.DELETE_CATEGORY,
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "remove-category"),
|
||
color: BDFDB.LibraryComponents.MenuItems.Colors.DANGER,
|
||
action: event2 => {
|
||
BDFDB.DataUtils.remove(this, "dmCategories", category.id);
|
||
this.updateContainer("dmCategories");
|
||
}
|
||
})
|
||
]
|
||
}));
|
||
},
|
||
children: [
|
||
BDFDB.ObjectUtils.is(color) ? BDFDB.ReactUtils.createElement("span", {
|
||
className: BDFDB.disCN.dmchannelheadertext,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextGradientElement, {
|
||
gradient: BDFDB.ColorUtils.createGradient(color),
|
||
children: category.name
|
||
})
|
||
}) : BDFDB.ReactUtils.createElement("span", {
|
||
className: BDFDB.disCN.dmchannelheadertext,
|
||
style: {color: color},
|
||
children: category.name,
|
||
}),
|
||
unreadAmount ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Badges.NumberBadge, {
|
||
className: BDFDB.disCN._pindmspinnedchannelsheaderamount,
|
||
count: unreadAmount,
|
||
style: {backgroundColor: BDFDB.DiscordConstants.Colors.STATUS_RED}
|
||
}) : null,
|
||
settings.showCategoryAmount ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Badges.NumberBadge, {
|
||
className: BDFDB.disCN._pindmspinnedchannelsheaderamount,
|
||
count: foundDMs.length,
|
||
style: {backgroundColor: BDFDB.DiscordConstants.Colors.BRAND}
|
||
}) : null,
|
||
BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS._pindmspinnedchannelsheaderarrow + BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
className: BDFDB.disCNS._pindmspinnedchannelsheaderarrow + BDFDB.disCN.channelheadericon,
|
||
nativeClass: true,
|
||
iconSVG: `<svg width="24" height="24" viewBox="4 4 16 16"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path></svg>`
|
||
})
|
||
})
|
||
].filter(n => n)
|
||
}),
|
||
hoveredChannel == "header_" + category.id && BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS.dmchannel + BDFDB.disCNS._pindmsdmchannelpinned + BDFDB.disCNS._pindmsdmchannelplaceholder + BDFDB.disCN.namecontainernamecontainer,
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN.namecontainerlayout
|
||
})
|
||
})
|
||
].filter(n => n);
|
||
}
|
||
else return null;
|
||
}
|
||
else return renderSection(...args);
|
||
};
|
||
}
|
||
|
||
let pinnedIds = BDFDB.ObjectUtils.toArray(e.instance.props.pinnedChannelIds).reverse();
|
||
BDFDB.ModuleUtils.unpatch(this, e.instance, "renderDM");
|
||
BDFDB.ModuleUtils.patch(this, e.instance, "renderDM", {before: e2 => {
|
||
if (e2.methodArguments[0] != 0) e2.methodArguments[1] += pinnedIds.slice(0, e2.methodArguments[0] - 1).flat().length;
|
||
}, after: e2 => {
|
||
if (e2.methodArguments[0] != 0) {
|
||
let id = e.instance.props.privateChannelIds[e2.methodArguments[1]];
|
||
e2.returnValue = e.instance.props.channels[id] ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.PrivateChannelItems[e.instance.props.channels[id].isMultiUserDM() ? "GroupDM" : "DirectMessage"], Object.assign({
|
||
key: id,
|
||
channel: e.instance.props.channels[id],
|
||
selected: e.instance.props.selectedChannelId == id
|
||
}, (e.instance.props.navigator || e.instance.props.listNavigator).getItemProps({
|
||
index: e2.methodArguments[2]
|
||
}))) : null;
|
||
|
||
let category = categories[e2.methodArguments[0] - 1];
|
||
if (category) {
|
||
if (!id || (category.collapsed && e.instance.props.selectedChannelId != id) || !category.dms.includes(id) || draggedCategory == category.id || draggedChannel == id) e2.returnValue = null;
|
||
else if (hoveredCategory == category.id && [].concat(category.dms).reverse()[0] == id) e2.returnValue = [
|
||
e2.returnValue,
|
||
BDFDB.ReactUtils.createElement("h2", {
|
||
className: BDFDB.disCNS.dmchannelheadercontainer + BDFDB.disCNS._pindmspinnedchannelsheadercontainer + BDFDB.disCNS._pindmsdmchannelplaceholder + BDFDB.disCN.namecontainernamecontainer
|
||
})
|
||
].filter(n => n);
|
||
else if (hoveredChannel == id) e2.returnValue = [
|
||
e2.returnValue,
|
||
BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS.dmchannel + BDFDB.disCNS._pindmsdmchannelpinned + BDFDB.disCNS._pindmsdmchannelplaceholder + BDFDB.disCN.namecontainernamecontainer,
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN.namecontainerlayout
|
||
})
|
||
})
|
||
].filter(n => n);
|
||
}
|
||
}
|
||
}}, {force: true, noCache: true});
|
||
}
|
||
}
|
||
|
||
processUnreadDMs (e) {
|
||
e.instance.props.pinnedPrivateChannelIds = [];
|
||
let sortedRecents = this.sortAndUpdate("pinnedRecents");
|
||
if (sortedRecents.length) {
|
||
e.instance.props.unreadPrivateChannelIds = [];
|
||
for (let pos in sortedRecents) {
|
||
let id = sortedRecents[pos];
|
||
if (e.instance.props.channels[id]) {
|
||
if (!e.instance.props.pinnedPrivateChannelIds.includes(id)) e.instance.props.pinnedPrivateChannelIds.push(id);
|
||
if (!e.instance.props.unreadPrivateChannelIds.includes(id)) e.instance.props.unreadPrivateChannelIds.push(id);
|
||
}
|
||
}
|
||
e.instance.props.unreadPrivateChannelIds = e.instance.props.unreadPrivateChannelIds.concat(BDFDB.LibraryModules.DirectMessageUnreadStore.getUnreadPrivateChannelIds());
|
||
if (e.returnvalue) {
|
||
if (draggedChannel && releasedChannel) {
|
||
let pinnedPrivateChannelIds = [].concat(e.instance.props.pinnedPrivateChannelIds), newData = {};
|
||
BDFDB.ArrayUtils.remove(pinnedPrivateChannelIds, draggedChannel, true);
|
||
pinnedPrivateChannelIds.splice(pinnedPrivateChannelIds.indexOf(releasedChannel) + 1, 0, draggedChannel);
|
||
for (let pos in pinnedPrivateChannelIds) newData[pinnedPrivateChannelIds[pos]] = parseInt(pos);
|
||
BDFDB.DataUtils.save(newData, this, "pinnedRecents");
|
||
draggedChannel = null;
|
||
releasedChannel = null;
|
||
BDFDB.ReactUtils.forceUpdate(e.instance);
|
||
}
|
||
if (draggedChannel) {
|
||
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {filter: child => BDFDB.ReactUtils.getValue(child, "props.channel.id") == draggedChannel});
|
||
children.splice(index, 1);
|
||
}
|
||
if (this.hoveredChannel) {
|
||
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {filter: child => BDFDB.ReactUtils.getValue(child, "props.channel.id") == this.hoveredChannel});
|
||
children.splice(index + 1, 0, BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS.guildouter + BDFDB.disCN._pindmsrecentplaceholder,
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Items.DragPlaceholder, {})
|
||
})
|
||
}));
|
||
}
|
||
}
|
||
}
|
||
else e.instance.props.unreadPrivateChannelIds = BDFDB.LibraryModules.DirectMessageUnreadStore.getUnreadPrivateChannelIds();
|
||
}
|
||
|
||
processPrivateChannel (e) {
|
||
if (e.instance.props.channel) {
|
||
let category = this.getCategory(e.instance.props.channel.id, "dmCategories");
|
||
if (category) {
|
||
if (e.node) {
|
||
BDFDB.DOMUtils.addClass(e.node, BDFDB.disCN._pindmsdmchannelpinned);
|
||
e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||
if (!BDFDB.DataUtils.get(this, "settings", "sortInRecentOrder")) {
|
||
e.node.setAttribute("draggable", false);
|
||
e.node.PinDMsMouseDownListener = event => {
|
||
if (!BDFDB.BDUtils.isPluginEnabled("PinDMs")) e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||
else {
|
||
event = event.nativeEvent || event;
|
||
let mousemove = event2 => {
|
||
if (Math.sqrt((event.pageX - event2.pageX)**2) > 20 || Math.sqrt((event.pageY - event2.pageY)**2) > 20) {
|
||
BDFDB.ListenerUtils.stopEvent(event);
|
||
draggedChannel = e.instance.props.channel.id;
|
||
this.updateContainer("dmCategories");
|
||
let dragPreview = this.createDragPreview(e.node, event2);
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
let dragging = event3 => {
|
||
this.updateDragPreview(dragPreview, event3);
|
||
let maybeHoveredChannel = null;
|
||
let categoryNode = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmspinnedchannelsheadercontainer, event3.target);
|
||
if (categoryNode) {
|
||
let hoveredCategoryId = categoryNode.getAttribute("categoryid");
|
||
if (hoveredCategoryId && hoveredCategoryId == category.id) maybeHoveredChannel = "header_" + category.id;
|
||
}
|
||
else {
|
||
let placeholder = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelplaceholder, event3.target);
|
||
maybeHoveredChannel = (BDFDB.ReactUtils.findValue(BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelpinned, placeholder ? placeholder.previousSibling : event3.target), "channel", {up: true}) || {}).id;
|
||
let maybeHoveredCategory = maybeHoveredChannel && this.getCategory(maybeHoveredChannel, "dmCategories");
|
||
if (!maybeHoveredCategory || maybeHoveredCategory.id != category.id) maybeHoveredChannel = null;
|
||
};
|
||
let update = maybeHoveredChannel != hoveredChannel;
|
||
if (maybeHoveredChannel) hoveredChannel = maybeHoveredChannel;
|
||
else hoveredChannel = null;
|
||
if (update) this.updateContainer("dmCategories");
|
||
};
|
||
let releasing = event3 => {
|
||
BDFDB.DOMUtils.remove(dragPreview);
|
||
if (hoveredChannel) releasedChannel = hoveredChannel;
|
||
else draggedChannel = null;
|
||
hoveredChannel = null;
|
||
this.updateContainer("dmCategories");
|
||
document.removeEventListener("mousemove", dragging);
|
||
document.removeEventListener("mouseup", releasing);
|
||
};
|
||
document.addEventListener("mousemove", dragging);
|
||
document.addEventListener("mouseup", releasing);
|
||
}
|
||
};
|
||
let mouseup = _ => {
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
};
|
||
document.addEventListener("mousemove", mousemove);
|
||
document.addEventListener("mouseup", mouseup);
|
||
}
|
||
};
|
||
e.node.addEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||
}
|
||
}
|
||
if (e.returnvalue) e.returnvalue.props.children = [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
|
||
text: BDFDB.LanguageUtils.LanguageStrings.UNPIN,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
|
||
className: BDFDB.disCN._pindmsunpinbutton,
|
||
onClick: event => {
|
||
BDFDB.ListenerUtils.stopEvent(event);
|
||
this.removeFromCategory(e.instance.props.channel.id, category, "dmCategories");
|
||
},
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
className: BDFDB.disCN._pindmsunpinicon,
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names.PIN
|
||
})
|
||
})
|
||
}),
|
||
e.returnvalue.props.children
|
||
].flat(10).filter(n => n);
|
||
}
|
||
}
|
||
}
|
||
|
||
processDirectMessage (e) {
|
||
if (e.instance.props.channel) {
|
||
if (e.node && e.methodname == "componentDidMount") {
|
||
BDFDB.DOMUtils.removeClass(e.node, BDFDB.disCN._pindmsrecentpinned);
|
||
e.node.removeEventListener("contextmenu", e.node.PinDMsContextMenuListener);
|
||
e.node.PinDMsContextMenuListener = event => {BDFDB.DMUtils.openMenu(e.instance.props.channel.id, event);};
|
||
e.node.addEventListener("contextmenu", e.node.PinDMsContextMenuListener);
|
||
if (this.isPinned(e.instance.props.channel.id, "pinnedRecents")) {
|
||
BDFDB.DOMUtils.addClass(e.node, BDFDB.disCN._pindmsrecentpinned);
|
||
e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||
if (!BDFDB.DataUtils.get(this, "settings", "sortInRecentOrderGuild")) {
|
||
for (let child of e.node.querySelectorAll("a")) child.setAttribute("draggable", false);
|
||
e.node.PinDMsMouseDownListener = event => {
|
||
let mousemove = event2 => {
|
||
if (Math.sqrt((event.pageX - event2.pageX)**2) > 20 || Math.sqrt((event.pageY - event2.pageY)**2) > 20) {
|
||
BDFDB.ListenerUtils.stopEvent(event);
|
||
draggedChannel = e.instance.props.channel.id;
|
||
BDFDB.ModuleUtils.forceAllUpdates(this, "UnreadDMs");
|
||
let dragPreview = this.createDragPreview(e.node, event2);
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
let dragging = event3 => {
|
||
this.updateDragPreview(dragPreview, event3);
|
||
let placeholder = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsrecentplaceholder, event3.target);
|
||
let maybeHoveredChannel = (BDFDB.ReactUtils.findValue(BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsrecentpinned, placeholder ? placeholder.previousSibling : event3.target), "channel", {up: true}) || {}).id;
|
||
let update = maybeHoveredChannel != hoveredChannel;
|
||
if (maybeHoveredChannel) hoveredChannel = maybeHoveredChannel;
|
||
else hoveredChannel = null;
|
||
if (update) BDFDB.ModuleUtils.forceAllUpdates(this, "UnreadDMs");
|
||
};
|
||
let releasing = event3 => {
|
||
BDFDB.DOMUtils.remove(dragPreview);
|
||
if (hoveredChannel) releasedChannel = hoveredChannel;
|
||
else draggedChannel = null;
|
||
hoveredChannel = null;
|
||
BDFDB.ModuleUtils.forceAllUpdates(this, "UnreadDMs");
|
||
document.removeEventListener("mousemove", dragging);
|
||
document.removeEventListener("mouseup", releasing);
|
||
};
|
||
document.addEventListener("mousemove", dragging);
|
||
document.addEventListener("mouseup", releasing);
|
||
}
|
||
};
|
||
let mouseup = _ => {
|
||
document.removeEventListener("mousemove", mousemove);
|
||
document.removeEventListener("mouseup", mouseup);
|
||
};
|
||
document.addEventListener("mousemove", mousemove);
|
||
document.addEventListener("mouseup", mouseup);
|
||
};
|
||
e.node.addEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||
}
|
||
}
|
||
}
|
||
if (e.node && e.methodname == "componentWillUnmount") {
|
||
BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||
}
|
||
if (e.returnvalue && this.isPinned(e.instance.props.channel.id, "pinnedRecents") && BDFDB.DataUtils.get(this, "settings", "showPinIcon")) {
|
||
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {name:"BlobMask"});
|
||
if (index > -1) children[index].props.upperLeftBadge = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Badges.IconBadge, {
|
||
className: BDFDB.disCN.guildiconbadge,
|
||
disableColor: true,
|
||
style: {transform: "scale(-1, 1)"},
|
||
icon: BDFDB.LibraryComponents.SvgIcon.Names.NOVA_PIN
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
generateID (type) {
|
||
if (!type) return null;
|
||
let categories = BDFDB.DataUtils.load(this, type);
|
||
let id = Math.round(Math.random() * 10000000000000000);
|
||
return categories[id] ? this.generateID() : id;
|
||
}
|
||
|
||
filterDMs (dms) {
|
||
return dms.filter(id => BDFDB.LibraryModules.ChannelStore.getChannel(id));
|
||
}
|
||
|
||
addToCategory (id, category, type) {
|
||
if (!id || !category || !type) return;
|
||
let wasEmpty = !this.filterDMs(category.dms).length;
|
||
if (!category.dms.includes(id)) category.dms.unshift(id);
|
||
if (wasEmpty && category.dms.length) category.collapsed = false;
|
||
BDFDB.DataUtils.save(category, this, type, category.id);
|
||
this.updateContainer(type);
|
||
}
|
||
|
||
removeFromCategory (id, category, type) {
|
||
if (!id || !category || !type) return;
|
||
BDFDB.ArrayUtils.remove(category.dms, id, true);
|
||
if (!this.filterDMs(category.dms).length) category.collapsed = true;
|
||
BDFDB.DataUtils.save(category, this, type, category.id);
|
||
this.updateContainer(type);
|
||
}
|
||
|
||
getCategory (id, type) {
|
||
if (!id || !type) return null;
|
||
let categories = BDFDB.DataUtils.load(this, type);
|
||
for (let catId in categories) if (categories[catId].dms.includes(id)) return categories[catId];
|
||
return null;
|
||
}
|
||
|
||
sortAndUpdateCategories (type, reverse) {
|
||
let data = BDFDB.ObjectUtils.sort(BDFDB.DataUtils.load(this, type), "pos"), newData = {};
|
||
let sorted = [], pos = 0, sort = id => {
|
||
if (sorted[pos] === undefined) {
|
||
newData[id] = Object.assign({}, data[id], {pos});
|
||
sorted[pos] = newData[id];
|
||
}
|
||
else {
|
||
pos++;
|
||
sort(id);
|
||
}
|
||
};
|
||
for (let id in data) sort(id);
|
||
if (!BDFDB.equals(data, newData)) BDFDB.DataUtils.save(newData, this, type);
|
||
return (reverse ? sorted.reverse() : sorted).filter(n => n);
|
||
}
|
||
|
||
sortDMsByTime (dms, type) {
|
||
if (dms.length > 1 && BDFDB.DataUtils.get(this, "settings", type == "dmCategories" ? "sortInRecentOrder" : "sortInRecentOrderGuild")) {
|
||
let timestamps = BDFDB.LibraryModules.DirectMessageStore.getPrivateChannelTimestamps();
|
||
return [].concat(dms).sort(function (x, y) {return timestamps[x] > timestamps[y] ? -1 : timestamps[x] < timestamps[y] ? 1 : 0;});
|
||
}
|
||
else return dms;
|
||
}
|
||
|
||
openCategorySettingsModal (data, type, isNew) {
|
||
if (BDFDB.ObjectUtils.is(data) && type) BDFDB.ModalUtils.open(this, {
|
||
size: "MEDIUM",
|
||
header: BDFDB.LanguageUtils.LanguageStrings.CATEGORY_SETTINGS,
|
||
subheader: data.name,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormItem, {
|
||
title: BDFDB.LanguageUtils.LanguageStrings.CATEGORY_NAME,
|
||
className: BDFDB.disCN.marginbottom20 + " input-categoryname",
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextInput, {
|
||
value: data.name,
|
||
placeholder: data.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
|
||
})
|
||
]
|
||
})
|
||
],
|
||
buttons: [{
|
||
contents: isNew ? BDFDB.LanguageUtils.LanguageStrings.CREATE : BDFDB.LanguageUtils.LanguageStrings.SAVE,
|
||
color: "BRAND",
|
||
close: true,
|
||
click: modal => {
|
||
data.name = modal.querySelector(".input-categoryname " + BDFDB.dotCN.input).value.trim() || data.name;
|
||
|
||
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);
|
||
}
|
||
|
||
BDFDB.DataUtils.save(data, this, type, data.id);
|
||
|
||
this.updateContainer(type);
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
|
||
addPin (newid, type) {
|
||
if (!newid) return;
|
||
let pinnedDMs = BDFDB.DataUtils.load(this, type);
|
||
for (let id in pinnedDMs) pinnedDMs[id] = pinnedDMs[id] + 1;
|
||
pinnedDMs[newid] = 0;
|
||
BDFDB.DataUtils.save(pinnedDMs, this, type);
|
||
this.updateContainer(type);
|
||
}
|
||
|
||
removePin (id, type) {
|
||
if (!id) return;
|
||
BDFDB.DataUtils.remove(this, type, id);
|
||
this.updateContainer(type);
|
||
}
|
||
|
||
isPinned (id, type) {
|
||
return BDFDB.DataUtils.load(this, type, id) != undefined;
|
||
}
|
||
|
||
updateContainer (type) {
|
||
switch (type) {
|
||
case "dmCategories":
|
||
BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||
break;
|
||
case "pinnedRecents":
|
||
BDFDB.ModuleUtils.forceAllUpdates(this, "UnreadDMs");
|
||
break;
|
||
}
|
||
}
|
||
|
||
sortAndUpdate (type) {
|
||
let data = BDFDB.DataUtils.load(this, type), newData = {};
|
||
delete data[""];
|
||
delete data["null"];
|
||
let sortedDMs = [], existingDMs = [], sortDM = (id, pos) => {
|
||
if (sortedDMs[pos] === undefined) sortedDMs[pos] = id;
|
||
else sortDM(id, pos + 1);
|
||
};
|
||
for (let id in data) sortDM(id, data[id]);
|
||
sortedDMs = sortedDMs.filter(n => n);
|
||
for (let pos in sortedDMs) {
|
||
newData[sortedDMs[pos]] = parseInt(pos);
|
||
if (BDFDB.LibraryModules.ChannelStore.getChannel(sortedDMs[pos])) existingDMs.push(sortedDMs[pos]);
|
||
}
|
||
if (!BDFDB.equals(data, newData)) BDFDB.DataUtils.save(newData, this, type);
|
||
return this.sortDMsByTime(existingDMs, type);
|
||
}
|
||
|
||
forceUpdateAll () {
|
||
settings = BDFDB.DataUtils.get(this, "settings");
|
||
|
||
BDFDB.ReactUtils.forceUpdate(BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.app), {name:"FluxContainer(PrivateChannels)", all:true, unlimited:true}));
|
||
BDFDB.ModuleUtils.forceAllUpdates(this);
|
||
}
|
||
|
||
createDragPreview (div, event) {
|
||
if (!Node.prototype.isPrototypeOf(div)) return;
|
||
let dragPreview = div.cloneNode(true);
|
||
BDFDB.DOMUtils.addClass(dragPreview, BDFDB.disCN._pindmsdragpreview);
|
||
BDFDB.DOMUtils.remove(dragPreview.querySelector(BDFDB.dotCNC.guildlowerbadge + BDFDB.dotCNC.guildupperbadge + BDFDB.dotCN.guildpillwrapper));
|
||
document.querySelector(BDFDB.dotCN.appmount).appendChild(dragPreview);
|
||
let rects = BDFDB.DOMUtils.getRects(dragPreview);
|
||
BDFDB.DOMUtils.hide(dragPreview);
|
||
dragPreview.style.setProperty("pointer-events", "none", "important");
|
||
dragPreview.style.setProperty("left", event.clientX - (rects.width/2) + "px", "important");
|
||
dragPreview.style.setProperty("top", event.clientY - (rects.height/2) + "px", "important");
|
||
return dragPreview;
|
||
}
|
||
|
||
updateDragPreview (dragPreview, event) {
|
||
if (!Node.prototype.isPrototypeOf(dragPreview)) return;
|
||
BDFDB.DOMUtils.show(dragPreview);
|
||
let rects = BDFDB.DOMUtils.getRects(dragPreview);
|
||
dragPreview.style.setProperty("left", event.clientX - (rects.width/2) + "px", "important");
|
||
dragPreview.style.setProperty("top", event.clientY - (rects.height/2) + "px", "important");
|
||
}
|
||
|
||
setLabelsByLanguage () {
|
||
switch (BDFDB.LanguageUtils.getLanguage().id) {
|
||
case "hr": //croatian
|
||
return {
|
||
context_pindm_text: "Prikljucite Izravnu Poruku",
|
||
context_pinchannel_text: "Priložite popisu kanala",
|
||
context_unpinchannel_text: "Ukloni s popisa kanala",
|
||
context_addtonewcategory_text: "Dodavanje u novu kategoriju",
|
||
context_pinguild_text: "Priložite popisu poslužitelja",
|
||
context_unpinguild_text: "Ukloni s popisa poslužitelja",
|
||
header_pinneddms_text: "Prikvačene Izravne Poruke",
|
||
modal_colorpicker1_text: "Boja kategorije"
|
||
};
|
||
case "da": //danish
|
||
return {
|
||
context_pindm_text: "Fastgør PB",
|
||
context_pinchannel_text: "Vedhæft til kanalliste",
|
||
context_unpinchannel_text: "Fjern fra kanalliste",
|
||
context_addtonewcategory_text: "Føj til ny kategori",
|
||
context_pinguild_text: "Vedhæft til serverliste",
|
||
context_unpinguild_text: "Fjern fra serverliste",
|
||
header_pinneddms_text: "Pinned Privat Beskeder",
|
||
modal_colorpicker1_text: "Kategori farve"
|
||
};
|
||
case "de": //german
|
||
return {
|
||
context_pindm_text: "Direktnachricht anheften",
|
||
context_pinchannel_text: "An Kanalliste anheften",
|
||
context_unpinchannel_text: "Von Kanalliste loslösen",
|
||
context_addtonewcategory_text: "Zur neuen Kategorie hinzufügen",
|
||
context_pinguild_text: "An Serverliste anheften",
|
||
context_unpinguild_text: "Von Serverliste loslösen",
|
||
header_pinneddms_text: "Gepinnte Direktnachrichten",
|
||
modal_colorpicker1_text: "Kategoriefarbe"
|
||
};
|
||
case "es": //spanish
|
||
return {
|
||
context_pindm_text: "Anclar MD",
|
||
context_pinchannel_text: "Adjuntar a la lista de canales",
|
||
context_unpinchannel_text: "Deshazte de la lista de canales",
|
||
context_addtonewcategory_text: "Agregar a nueva categoría",
|
||
context_pinguild_text: "Adjuntar a la lista de servidores",
|
||
context_unpinguild_text: "Deshazte de la lista de servidores",
|
||
header_pinneddms_text: "Mensajes Directos Fijados",
|
||
modal_colorpicker1_text: "Color de la categoría"
|
||
};
|
||
case "fr": //french
|
||
return {
|
||
context_pindm_text: "Épingler MP",
|
||
context_pinchannel_text: "Épingler à la liste des salons",
|
||
context_unpinchannel_text: "Détacher de la liste des salons",
|
||
context_addtonewcategory_text: "Ajouter à une nouvelle catégorie",
|
||
context_pinguild_text: "Épingler à la liste de serveurs",
|
||
context_unpinguild_text: "Détacher de la liste de serveurs",
|
||
header_pinneddms_text: "Messages Prives Épinglés",
|
||
modal_colorpicker1_text: "Couleur de la catégorie"
|
||
};
|
||
case "it": //italian
|
||
return {
|
||
context_pindm_text: "Fissa il messaggio diretto",
|
||
context_pinchannel_text: "Allega alla lista dei canali",
|
||
context_unpinchannel_text: "Rimuovi dalla lista dei canali",
|
||
context_addtonewcategory_text: "Aggiungi a nuova categoria",
|
||
context_pinguild_text: "Allega alla lista dei server",
|
||
context_unpinguild_text: "Rimuovi dalla lista dei server",
|
||
header_pinneddms_text: "Messaggi Diretti Aggiunti",
|
||
modal_colorpicker1_text: "Colore della categoria"
|
||
};
|
||
case "nl": //dutch
|
||
return {
|
||
context_pindm_text: "PB pinnen",
|
||
context_pinchannel_text: "Pin naar de kanalenlijst",
|
||
context_unpinchannel_text: "Losmaken van kanalenlijst",
|
||
context_addtonewcategory_text: "Toevoegen aan nieuwe categorie",
|
||
context_pinguild_text: "Pin naar de serverlijst",
|
||
context_unpinguild_text: "Losmaken van serverlijst",
|
||
header_pinneddms_text: "Vastgezette Persoonluke Berichten",
|
||
modal_colorpicker1_text: "Categorie kleur"
|
||
};
|
||
case "no": //norwegian
|
||
return {
|
||
context_pindm_text: "Fest DM",
|
||
context_pinchannel_text: "Fest på kanalliste",
|
||
context_unpinchannel_text: "Fjern fra kanalliste",
|
||
context_addtonewcategory_text: "Legg til i ny kategori",
|
||
context_pinguild_text: "Fest på serverliste",
|
||
context_unpinguild_text: "Fjern fra serverlisten",
|
||
header_pinneddms_text: "Pinned Direktemeldinger",
|
||
modal_colorpicker1_text: "Kategorifarge"
|
||
};
|
||
case "pl": //polish
|
||
return {
|
||
context_pindm_text: "Przypnij PW",
|
||
context_pinchannel_text: "Dołącz do listy kanałów",
|
||
context_unpinchannel_text: "Usuń z listy kanałów",
|
||
context_addtonewcategory_text: "Dodaj do nowej kategorii",
|
||
context_pinguild_text: "Dołącz do listy serwerów",
|
||
context_unpinguild_text: "Usuń z listy serwerów",
|
||
header_pinneddms_text: "Prywatne Wiadomości Bezpośrednie",
|
||
modal_colorpicker1_text: "Kolor kategorii"
|
||
};
|
||
case "pt-BR": //portuguese (brazil)
|
||
return {
|
||
context_pindm_text: "Fixar MD",
|
||
context_pinchannel_text: "Anexar à lista de canais",
|
||
context_unpinchannel_text: "Remover da lista de canais",
|
||
context_addtonewcategory_text: "Adicionar à nova categoria",
|
||
context_pinguild_text: "Anexar à lista de servidores",
|
||
context_unpinguild_text: "Remover da lista de servidores",
|
||
header_pinneddms_text: "Mensagens diretas fixadas",
|
||
modal_colorpicker1_text: "Cor da categoria"
|
||
};
|
||
case "fi": //finnish
|
||
return {
|
||
context_pindm_text: "Kiinnitä yksityisviestit",
|
||
context_pinchannel_text: "Liitä kanavaluetteloon",
|
||
context_unpinchannel_text: "Poista kanavaluettelosta",
|
||
context_addtonewcategory_text: "Lisää uuteen luokkaan",
|
||
context_pinguild_text: "Liitä palvelinluetteloon",
|
||
context_unpinguild_text: "Poista palvelinluettelosta",
|
||
header_pinneddms_text: "Liitetyt yksityisviestit",
|
||
modal_colorpicker1_text: "Luokan väri"
|
||
};
|
||
case "sv": //swedish
|
||
return {
|
||
context_pindm_text: "Fäst DM",
|
||
context_pinchannel_text: "Fäst till kanallista",
|
||
context_unpinchannel_text: "Ta bort från kanallistan",
|
||
context_addtonewcategory_text: "Lägg till i ny kategori",
|
||
context_pinguild_text: "Fäst till servernlista",
|
||
context_unpinguild_text: "Ta bort från servernlista",
|
||
header_pinneddms_text: "Inlagda Direktmeddelanden",
|
||
modal_colorpicker1_text: "Kategori färg"
|
||
};
|
||
case "tr": //turkish
|
||
return {
|
||
context_pindm_text: "DM'yi Sabitle",
|
||
context_pinchannel_text: "Kanal listesine ekle",
|
||
context_unpinchannel_text: "Kanal listesinden kaldır",
|
||
context_addtonewcategory_text: "Yeni kategoriye ekle",
|
||
context_pinguild_text: "Sunucu listesine ekle",
|
||
context_unpinguild_text: "Sunucu listesinden kaldır",
|
||
header_pinneddms_text: "Direkt Mesajlar Sabitleyin",
|
||
modal_colorpicker1_text: "Kategori rengi"
|
||
};
|
||
case "cs": //czech
|
||
return {
|
||
context_pindm_text: "Připnout PZ",
|
||
context_pinchannel_text: "Připojení k seznamu kanálů",
|
||
context_unpinchannel_text: "Odstranit ze seznamu kanálů",
|
||
context_addtonewcategory_text: "Přidat do nové kategorie",
|
||
context_pinguild_text: "Připojit ke seznamu serverů",
|
||
context_unpinguild_text: "Odstranit ze seznamu serverů",
|
||
header_pinneddms_text: "Připojené Přímá Zpráva",
|
||
modal_colorpicker1_text: "Barva kategorie"
|
||
};
|
||
case "bg": //bulgarian
|
||
return {
|
||
context_pindm_text: "Закачени ДС",
|
||
context_pinchannel_text: "Прикачете към списъка с канали",
|
||
context_unpinchannel_text: "Премахване от списъка с канали",
|
||
context_addtonewcategory_text: "Добавяне към нова категория",
|
||
context_pinguild_text: "Прикачване към списъка със сървъри",
|
||
context_unpinguild_text: "Премахване от списъка със сървъри",
|
||
header_pinneddms_text: "Свързани директни съобщения",
|
||
modal_colorpicker1_text: "Цвят на категорията"
|
||
};
|
||
case "ru": //russian
|
||
return {
|
||
context_pindm_text: "Закрепить ЛС",
|
||
context_pinchannel_text: "Прикрепить к списку каналов",
|
||
context_unpinchannel_text: "Удалить из списка каналов",
|
||
context_addtonewcategory_text: "Добавить в новую категорию",
|
||
context_pinguild_text: "Присоединить к списку серверов",
|
||
context_unpinguild_text: "Удалить из списка серверов",
|
||
header_pinneddms_text: "Прикрепленные Личные Сообщения",
|
||
modal_colorpicker1_text: "Цвет категории"
|
||
};
|
||
case "uk": //ukrainian
|
||
return {
|
||
context_pindm_text: "Закріпити ОП",
|
||
context_pinchannel_text: "Додайте до списку каналів",
|
||
context_unpinchannel_text: "Видалити зі списку каналів",
|
||
context_addtonewcategory_text: "Додати до нової категорії",
|
||
context_pinguild_text: "Додайте до списку серверів",
|
||
context_unpinguild_text: "Видалити зі списку серверів",
|
||
header_pinneddms_text: "Прикріплені oсобисті повідомлення",
|
||
modal_colorpicker1_text: "Колір категорії"
|
||
};
|
||
case "ja": //japanese
|
||
return {
|
||
context_pindm_text: "DMピン",
|
||
context_pinchannel_text: "チャンネルリストに添付",
|
||
context_unpinchannel_text: "チャンネルリストから削除",
|
||
context_addtonewcategory_text: "新しいカテゴリに追加",
|
||
context_pinguild_text: "サーバーリストに添付",
|
||
context_unpinguild_text: "サーバーリストから削除",
|
||
header_pinneddms_text: "固定された直接メッセージ",
|
||
modal_colorpicker1_text: "カテゴリーの色"
|
||
};
|
||
case "zh-TW": //chinese (traditional)
|
||
return {
|
||
context_pindm_text: "引腳直接留言",
|
||
context_pinchannel_text: "附加到頻道列表",
|
||
context_unpinchannel_text: "從頻道列表中刪除",
|
||
context_addtonewcategory_text: "添加到新類別",
|
||
context_pinguild_text: "附加到服務器列表",
|
||
context_unpinguild_text: "從服務器列表中刪除",
|
||
header_pinneddms_text: "固定私人信息",
|
||
modal_colorpicker1_text: "類別顏色"
|
||
};
|
||
case "ko": //korean
|
||
return {
|
||
context_pindm_text: "비공개 메시지 고정",
|
||
context_pinchannel_text: "채널 목록에 첨부",
|
||
context_unpinchannel_text: "채널 목록에서 삭제",
|
||
context_addtonewcategory_text: "새 카테고리에 추가",
|
||
context_pinguild_text: "서버 목록에 첨부",
|
||
context_unpinguild_text: "서버 목록에서 제거",
|
||
header_pinneddms_text: "고정 된 비공개 메시지",
|
||
modal_colorpicker1_text: "카테고리 색상"
|
||
};
|
||
default: //default: english
|
||
return {
|
||
context_pindm_text: "Pin DM",
|
||
context_pinchannel_text: "Pin to Channellist",
|
||
context_unpinchannel_text: "Unpin from Channellist",
|
||
context_addtonewcategory_text: "Add to new Category",
|
||
context_pinguild_text: "Pin to Serverlist",
|
||
context_unpinguild_text: "Unpin from Serverlist",
|
||
header_pinneddms_text: "Pinned Direct Messages",
|
||
modal_colorpicker1_text: "Categorycolor"
|
||
};
|
||
}
|
||
}
|
||
}
|
||
})(); |