Update PinDMs.plugin.js
This commit is contained in:
Mirco Wittrien
parent
3df173f82c
commit
0983fe1989
|
|
@ -3,7 +3,7 @@
|
|||
class PinDMs {
|
||||
getName () {return "PinDMs";}
|
||||
|
||||
getVersion () {return "1.5.1";}
|
||||
getVersion () {return "1.5.2";}
|
||||
|
||||
getAuthor () {return "DevilBro";}
|
||||
|
||||
|
|
@ -11,7 +11,7 @@ class PinDMs {
|
|||
|
||||
constructor () {
|
||||
this.changelog = {
|
||||
"improved":[["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]]
|
||||
"improved":[["Categories","Instead of pinning all your channels into the same category in the private channel list, you can now create your own collapsable categories, old pinned channel data was ported to the new category format"],["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]]
|
||||
};
|
||||
|
||||
this.patchedModules = {
|
||||
|
|
@ -36,6 +36,28 @@ class PinDMs {
|
|||
${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.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;
|
||||
|
|
@ -64,7 +86,8 @@ class PinDMs {
|
|||
|
||||
this.defaults = {
|
||||
settings: {
|
||||
showPinIcon: {value:true, description:"Shows a little 'Pin' icon for pinned DMs in the server list:"}
|
||||
showPinIcon: {value:true, description:"Shows a little 'Pin' icon for pinned DMs in the server list:"},
|
||||
showCategoryAmount: {value:true, description:"Shows the amount of pinned DMs in a category in the channel list:"}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
@ -89,7 +112,7 @@ class PinDMs {
|
|||
label: "Unpin all pinned DMs",
|
||||
onClick: _ => {
|
||||
BDFDB.ModalUtils.confirm(this, "Are you sure you want to unpin all pinned DMs?", () => {
|
||||
BDFDB.DataUtils.remove(this, "pinnedDMs");
|
||||
BDFDB.DataUtils.remove(this, "dmCategories");
|
||||
BDFDB.DataUtils.remove(this, "pinnedRecents");
|
||||
});
|
||||
},
|
||||
|
|
@ -127,6 +150,21 @@ class PinDMs {
|
|||
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
||||
if (this.started) return;
|
||||
BDFDB.PluginUtils.init(this);
|
||||
|
||||
|
||||
// REMOVE 05.01.2020
|
||||
let oldData = this.sortAndUpdate("pinnedDMs");
|
||||
if (oldData.length) {
|
||||
let id = this.generateID("dmCategories").toString();
|
||||
BDFDB.DataUtils.save({
|
||||
id: id,
|
||||
name: this.labels.header_pinneddms_text,
|
||||
dms: oldData,
|
||||
pos: 0,
|
||||
collapsed: false
|
||||
}, this, "dmCategories", id);
|
||||
BDFDB.DataUtils.remove(this, "pinnedDMs");
|
||||
}
|
||||
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this);
|
||||
}
|
||||
|
|
@ -178,19 +216,50 @@ class PinDMs {
|
|||
}
|
||||
|
||||
injectItem (instance, id, children, index) {
|
||||
let pinnedInChannel = this.isPinned(id, "pinnedDMs");
|
||||
let pinnedInGuild = this.isPinned(id, "pinnedRecents");
|
||||
|
||||
let categories = this.sortAndUpdateCategories("dmCategories", true);
|
||||
let category = this.getCategory(id, "dmCategories");
|
||||
|
||||
children.splice(index, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Sub, {
|
||||
label: this.labels.context_pindm_text,
|
||||
render: [
|
||||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: this.labels[pinnedInChannel ? "context_unpinchannel_text" : "context_pinchannel_text"],
|
||||
danger: pinnedInChannel,
|
||||
category ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: this.labels.context_unpinchannel_text,
|
||||
danger: true,
|
||||
action: _ => {
|
||||
BDFDB.ContextMenuUtils.close(instance);
|
||||
if (!pinnedInChannel) this.addPin(id, "pinnedDMs");
|
||||
else this.removePin(id, "pinnedDMs");
|
||||
this.removeFromCategory(id, category, "dmCategories");
|
||||
}
|
||||
}) : BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Sub, {
|
||||
label: this.labels.context_pinchannel_text,
|
||||
render: [
|
||||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Group, {
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: this.labels.context_addtonewcategory_text,
|
||||
brand: true,
|
||||
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
|
||||
}, "dmCategories", true);
|
||||
}
|
||||
})
|
||||
}),
|
||||
categories.length ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Group, {
|
||||
children: categories.map((category, i) => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: category.name || this.labels.header_pinneddms_text,
|
||||
action: _ => {
|
||||
BDFDB.ContextMenuUtils.close(instance);
|
||||
this.addToCategory(id, category, "dmCategories");
|
||||
}
|
||||
}))
|
||||
}) : null
|
||||
].filter(n => n)
|
||||
}),
|
||||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: this.labels[pinnedInGuild ? "context_unpinguild_text" : "context_pinguild_text"],
|
||||
|
|
@ -206,48 +275,87 @@ class PinDMs {
|
|||
}
|
||||
|
||||
processPrivateChannelsList (e) {
|
||||
let sortedDMs = this.sortAndUpdate("pinnedDMs");
|
||||
if (sortedDMs.length) {
|
||||
let categories = this.sortAndUpdateCategories("dmCategories", true);
|
||||
if (categories.length) {
|
||||
e.instance.props.channels = Object.assign({}, e.instance.props.channels);
|
||||
e.instance.props.pinnedChannels = Object.assign({}, e.instance.props.pinnedChannels);
|
||||
for (let pos in sortedDMs) {
|
||||
let id = sortedDMs[pos];
|
||||
if (e.instance.props.channels[id]) {
|
||||
e.instance.props.pinnedChannels[id] = e.instance.props.channels[id];
|
||||
BDFDB.ArrayUtils.remove(e.instance.props.privateChannelIds, id, true);
|
||||
delete e.instance.props.channels[id];
|
||||
}
|
||||
for (let category of categories) for (let id of category.dms) if (e.instance.props.channels[id]) {
|
||||
e.instance.props.pinnedChannels[id] = e.instance.props.channels[id];
|
||||
delete e.instance.props.channels[id];
|
||||
}
|
||||
if (e.returnvalue && !BDFDB.ObjectUtils.isEmpty(e.instance.props.pinnedChannels)) {
|
||||
if (e.returnvalue) {
|
||||
let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name: "ListSectionItem"});
|
||||
if (index > -1) {
|
||||
if (this.draggedChannel && this.releasedChannel) {
|
||||
let ids = Object.keys(e.instance.props.pinnedChannels), pinnedChannels = {}, newData = {};
|
||||
BDFDB.ArrayUtils.remove(ids, this.draggedChannel, true);
|
||||
ids.splice(this.releasedChannel == "header" ? 0 : ids.indexOf(this.releasedChannel) + 1, 0, this.draggedChannel);
|
||||
for (let pos in ids) {
|
||||
let id = ids[pos];
|
||||
pinnedChannels[id] = e.instance.props.pinnedChannels[id];
|
||||
newData[id] = parseInt(pos);
|
||||
let categoryId = this.releasedChannel.split("header_")[1];
|
||||
let category = categories.find(n => categoryId != undefined ? n.id == categoryId : n.dms.includes(this.releasedChannel));
|
||||
if (category) {
|
||||
BDFDB.ArrayUtils.remove(category.dms, this.draggedChannel, true);
|
||||
category.dms.splice(categoryId != undefined ? 0 : category.dms.indexOf(this.releasedChannel) + 1, 0, this.draggedChannel);
|
||||
BDFDB.DataUtils.save(category, this, "dmCategories", category.id);
|
||||
}
|
||||
e.instance.props.pinnedChannels = pinnedChannels;
|
||||
BDFDB.DataUtils.save(newData, this, "pinnedDMs");
|
||||
delete this.draggedChannel;
|
||||
delete this.releasedChannel;
|
||||
}
|
||||
children.splice(index++, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ListHeader, {
|
||||
className: BDFDB.disCNS.dmchannelheader + BDFDB.disCN._pindmspinnedchannelsheadercontainer,
|
||||
children: this.labels.header_pinneddms_text
|
||||
}));
|
||||
if (this.hoveredChannel == "header") children.splice(index++, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ListItem, {
|
||||
className: BDFDB.disCNS.dmchannel + BDFDB.disCNS._pindmsdmchannelpinned + BDFDB.disCN._pindmsdmchannelplaceholder
|
||||
}));
|
||||
for (let id in e.instance.props.pinnedChannels) if (e.instance.props.pinnedChannels[id]) {
|
||||
if (!e.instance.props.privateChannelIds.includes(id)) e.instance.props.privateChannelIds.unshift(id);
|
||||
if (this.draggedChannel != id) {
|
||||
let channel = e.instance.props.renderChannel(e.instance.props.pinnedChannels[id], e.instance.props.selectedChannelId == id);
|
||||
channel.props.pinned = true;
|
||||
children.splice(index++, 0, channel);
|
||||
let showCategoryAmount = BDFDB.DataUtils.get(this, "settings", "showCategoryAmount");
|
||||
for (let category of categories) {
|
||||
children.splice(index++, 0, BDFDB.ReactUtils.createElement("header", {
|
||||
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.dmchannelheader, BDFDB.disCN._pindmspinnedchannelsheadercontainer, category.collapsed && BDFDB.disCN._pindmspinnedchannelsheadercollapsed, BDFDB.disCN.namecontainernamecontainer),
|
||||
category: category,
|
||||
onClick: _ => {
|
||||
if (category.dms.length || !category.collapsed) {
|
||||
category.collapsed = !category.collapsed;
|
||||
BDFDB.DataUtils.save(category, this, "dmCategories", category.id);
|
||||
BDFDB.ReactUtils.forceUpdate(e.instance);
|
||||
}
|
||||
},
|
||||
onContextMenu: event => {
|
||||
BDFDB.ContextMenuUtils.open(this, event, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Group, {
|
||||
children: [
|
||||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: BDFDB.LanguageUtils.LanguageStrings.CATEGORY_SETTINGS,
|
||||
action: event2 => {
|
||||
BDFDB.ContextMenuUtils.close(BDFDB.DOMUtils.getParent(BDFDB.dotCN.contextmenu, event2.target));
|
||||
this.openCategorySettingsModal(category, "dmCategories");
|
||||
}
|
||||
}),
|
||||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ContextMenuItems.Item, {
|
||||
label: BDFDB.LanguageUtils.LanguageStrings.DELETE_CATEGORY,
|
||||
danger: true,
|
||||
action: event2 => {
|
||||
BDFDB.ContextMenuUtils.close(BDFDB.DOMUtils.getParent(BDFDB.dotCN.contextmenu, event2.target));
|
||||
BDFDB.DataUtils.remove(this, "dmCategories", category.id);
|
||||
this.updateContainer("dmCategories");
|
||||
}
|
||||
})
|
||||
]
|
||||
}));
|
||||
},
|
||||
children: [
|
||||
BDFDB.ReactUtils.createElement("span", {
|
||||
className: BDFDB.disCN.dmchannelheadertext,
|
||||
children: category.name
|
||||
}),
|
||||
showCategoryAmount ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.BadgeComponents.NumberBadge, {
|
||||
className: BDFDB.disCN._pindmspinnedchannelsheaderamount,
|
||||
count: category.dms.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)
|
||||
}));
|
||||
if (this.hoveredChannel == "header_" + category.id) children.splice(index++, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ListItem, {
|
||||
className: BDFDB.disCNS.dmchannel + BDFDB.disCNS._pindmsdmchannelpinned + BDFDB.disCN._pindmsdmchannelplaceholder
|
||||
}));
|
||||
if (!category.collapsed) for (let id of category.dms) if (e.instance.props.pinnedChannels[id] && this.draggedChannel != id) {
|
||||
children.splice(index++, 0, e.instance.props.renderChannel(e.instance.props.pinnedChannels[id], e.instance.props.selectedChannelId == id));
|
||||
if (this.hoveredChannel == id) children.splice(index++, 0, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ListItem, {
|
||||
className: BDFDB.disCNS.dmchannel + BDFDB.disCNS._pindmsdmchannelpinned + BDFDB.disCN._pindmsdmchannelplaceholder
|
||||
}));
|
||||
|
|
@ -301,71 +409,82 @@ class PinDMs {
|
|||
}
|
||||
|
||||
processPrivateChannel (e) {
|
||||
if (e.instance.props.channel && e.instance.props.pinned) {
|
||||
if (e.node) {
|
||||
BDFDB.DOMUtils.addClass(e.node, BDFDB.disCN._pindmsdmchannelpinned);
|
||||
e.node.setAttribute("draggable", false);
|
||||
e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||||
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);
|
||||
this.draggedChannel = e.instance.props.channel.id;
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||||
let dragpreview = this.createDragPreview(e.node, event2);
|
||||
document.removeEventListener("mousemove", mousemove);
|
||||
document.removeEventListener("mouseup", mouseup);
|
||||
let dragging = event3 => {
|
||||
this.updateDragPreview(dragpreview, event3);
|
||||
let hoveredChannel = null;
|
||||
if (BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmspinnedchannelsheadercontainer, event3.target)) hoveredChannel = "header";
|
||||
else {
|
||||
let placeholder = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelplaceholder, event3.target);
|
||||
hoveredChannel = (BDFDB.ReactUtils.findValue(BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelpinned, placeholder ? placeholder.previousSibling : event3.target), "channel", {up: true}) || {}).id;
|
||||
};
|
||||
let update = hoveredChannel != this.hoveredChannel;
|
||||
if (hoveredChannel) this.hoveredChannel = hoveredChannel;
|
||||
else delete this.hoveredChannel;
|
||||
if (update) BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||||
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.setAttribute("draggable", false);
|
||||
e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||||
e.node.PinDMsMouseDownListener = event => {
|
||||
if (!BDFDB.BdUtils.isPluginEnabled("PinDMs")) e.node.removeEventListener("mousedown", e.node.PinDMsMouseDownListener);
|
||||
else {
|
||||
let mousemove = event2 => {
|
||||
if (Math.sqrt((event.pageX - event2.pageX)**2) > 20 || Math.sqrt((event.pageY - event2.pageY)**2) > 20) {
|
||||
BDFDB.ListenerUtils.stopEvent(event);
|
||||
this.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 hoveredChannel = null;
|
||||
if (BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmspinnedchannelsheadercontainer, event3.target)) {
|
||||
let hoveredCategory = BDFDB.ReactUtils.findValue(event3.target, "category", {up: true});
|
||||
if (hoveredCategory && hoveredCategory.id == category.id) hoveredChannel = "header_" + category.id;
|
||||
}
|
||||
else {
|
||||
let placeholder = BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelplaceholder, event3.target);
|
||||
hoveredChannel = (BDFDB.ReactUtils.findValue(BDFDB.DOMUtils.getParent(BDFDB.dotCN._pindmsdmchannelpinned, placeholder ? placeholder.previousSibling : event3.target), "channel", {up: true}) || {}).id;
|
||||
let hoveredCategory = hoveredChannel && this.getCategory(hoveredChannel, "dmCategories");
|
||||
if (!hoveredCategory || hoveredCategory.id != category.id) hoveredChannel = null;
|
||||
};
|
||||
let update = hoveredChannel != this.hoveredChannel;
|
||||
if (hoveredChannel) this.hoveredChannel = hoveredChannel;
|
||||
else delete this.hoveredChannel;
|
||||
if (update) this.updateContainer("dmCategories");
|
||||
};
|
||||
let releasing = event3 => {
|
||||
BDFDB.DOMUtils.remove(dragpreview);
|
||||
if (this.hoveredChannel) this.releasedChannel = this.hoveredChannel;
|
||||
else delete this.draggedChannel;
|
||||
delete this.hoveredChannel;
|
||||
this.updateContainer("dmCategories");
|
||||
document.removeEventListener("mousemove", dragging);
|
||||
document.removeEventListener("mouseup", releasing);
|
||||
};
|
||||
document.addEventListener("mousemove", dragging);
|
||||
document.addEventListener("mouseup", releasing);
|
||||
}
|
||||
};
|
||||
let releasing = event3 => {
|
||||
BDFDB.DOMUtils.remove(dragpreview);
|
||||
if (this.hoveredChannel) this.releasedChannel = this.hoveredChannel;
|
||||
else delete this.draggedChannel;
|
||||
delete this.hoveredChannel;
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||||
document.removeEventListener("mousemove", dragging);
|
||||
document.removeEventListener("mouseup", releasing);
|
||||
let mouseup = _ => {
|
||||
document.removeEventListener("mousemove", mousemove);
|
||||
document.removeEventListener("mouseup", mouseup);
|
||||
};
|
||||
document.addEventListener("mousemove", dragging);
|
||||
document.addEventListener("mouseup", releasing);
|
||||
document.addEventListener("mousemove", mousemove);
|
||||
document.addEventListener("mouseup", mouseup);
|
||||
}
|
||||
};
|
||||
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.removePin(e.instance.props.channel.id, "pinnedDMs");
|
||||
},
|
||||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||||
className: BDFDB.disCN._pindmsunpinicon,
|
||||
name: BDFDB.LibraryComponents.SvgIcon.Names.PIN
|
||||
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
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
].concat(e.returnvalue.props.children).flat(10);
|
||||
].concat(e.returnvalue.props.children).flat(10);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -432,34 +551,111 @@ class PinDMs {
|
|||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
addToCategory (id, category, type) {
|
||||
if (!id || !category || !type) return;
|
||||
let wasEmpty = !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 (!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 = [], sort = (id, pos) => {
|
||||
if (sorted[pos] === undefined) {
|
||||
data[id].pos = pos;
|
||||
sorted[pos] = data[id];
|
||||
newData[id] = data[id];
|
||||
}
|
||||
else sort(id, pos + 1);
|
||||
};
|
||||
sorted = sorted.filter(n => n);
|
||||
for (let id in data) sort(id, data[id].pos);
|
||||
if (!BDFDB.equals(data, newData)) BDFDB.DataUtils.save(newData, this, type);
|
||||
return reverse ? sorted.reverse() : sorted;
|
||||
}
|
||||
|
||||
openCategorySettingsModal (data, type, isNew) {
|
||||
if (BDFDB.ObjectUtils.is(data) && type) BDFDB.ModalUtils.open(this, {
|
||||
size: "SMALL",
|
||||
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
|
||||
})
|
||||
})
|
||||
],
|
||||
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;
|
||||
|
||||
BDFDB.DataUtils.save(data, this, type, data.id);
|
||||
|
||||
this.updateContainer(type);
|
||||
}
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
||||
addPin (newid, type) {
|
||||
if (!newid) return;
|
||||
let container = this.getContainer(type);
|
||||
if (!container) 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);
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, container);
|
||||
this.updateContainer(type);
|
||||
}
|
||||
|
||||
removePin (id, type) {
|
||||
if (!id) return;
|
||||
let container = this.getContainer(type);
|
||||
if (!container) return;
|
||||
BDFDB.DataUtils.remove(this, type, id);
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, container);
|
||||
this.updateContainer(type);
|
||||
}
|
||||
|
||||
isPinned (id, type) {
|
||||
return BDFDB.DataUtils.load(this, type, id) != undefined;
|
||||
}
|
||||
|
||||
getContainer (type) {
|
||||
updateContainer (type) {
|
||||
switch (type) {
|
||||
case "pinnedDMs": return "PrivateChannelsList";
|
||||
case "pinnedRecents": return "UnreadDMs";
|
||||
default: return null;
|
||||
case "dmCategories":
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, "PrivateChannelsList");
|
||||
break;
|
||||
case "pinnedRecents":
|
||||
BDFDB.ModuleUtils.forceAllUpdates(this, "UnreadDMs");
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -515,6 +711,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -524,6 +721,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -533,6 +731,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -542,6 +741,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -551,6 +751,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -560,6 +761,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -569,6 +771,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -578,6 +781,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -587,6 +791,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -596,6 +801,7 @@ class PinDMs {
|
|||
context_pindm_text: "Fixar MD",
|
||||
context_pinchannel_text: "Anexar à lista de canais",
|
||||
context_unpinchannel_text: "Remover da lista de canais",
|
||||
context_addtonewcategory_text: "Lisää uuteen luokkaan",
|
||||
context_pinguild_text: "Anexar à lista de servidores",
|
||||
context_unpinguild_text: "Remover da lista de servidores",
|
||||
header_pinneddms_text: "Mensagens diretas fixadas"
|
||||
|
|
@ -605,6 +811,7 @@ class PinDMs {
|
|||
context_pindm_text: "Kiinnitä yksityisviestit",
|
||||
context_pinchannel_text: "Liitä kanavaluetteloon",
|
||||
context_unpinchannel_text: "Poista kanavaluettelosta",
|
||||
context_addtonewcategory_text: "",
|
||||
context_pinguild_text: "Liitä palvelinluetteloon",
|
||||
context_unpinguild_text: "Poista palvelinluettelosta",
|
||||
header_pinneddms_text: "Liitetyt yksityisviestit"
|
||||
|
|
@ -614,6 +821,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -623,6 +831,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -632,6 +841,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
@ -641,6 +851,7 @@ class PinDMs {
|
|||
context_pindm_text: "Закачени ДС",
|
||||
context_pinchannel_text: "Прикачете към списъка с канали",
|
||||
context_unpinchannel_text: "Премахване от списъка с канали",
|
||||
context_addtonewcategory_text: "Добавяне към нова категория",
|
||||
context_pinguild_text: "Прикачване към списъка със сървъри",
|
||||
context_unpinguild_text: "Премахване от списъка със сървъри",
|
||||
header_pinneddms_text: "Свързани директни съобщения"
|
||||
|
|
@ -650,6 +861,7 @@ class PinDMs {
|
|||
context_pindm_text: "Закрепить ЛС",
|
||||
context_pinchannel_text: "Прикрепить к списку каналов",
|
||||
context_unpinchannel_text: "Удалить из списка каналов",
|
||||
context_addtonewcategory_text: "Добавить в новую категорию",
|
||||
context_pinguild_text: "Присоединить к списку серверов",
|
||||
context_unpinguild_text: "Удалить из списка серверов",
|
||||
header_pinneddms_text: "Прикрепленные Личные Сообщения"
|
||||
|
|
@ -659,6 +871,7 @@ class PinDMs {
|
|||
context_pindm_text: "Закріпити ОП",
|
||||
context_pinchannel_text: "Додайте до списку каналів",
|
||||
context_unpinchannel_text: "Видалити зі списку каналів",
|
||||
context_addtonewcategory_text: "Додати до нової категорії",
|
||||
context_pinguild_text: "Додайте до списку серверів",
|
||||
context_unpinguild_text: "Видалити зі списку серверів",
|
||||
header_pinneddms_text: "Прикріплені oсобисті повідомлення"
|
||||
|
|
@ -668,6 +881,7 @@ class PinDMs {
|
|||
context_pindm_text: "DMピン",
|
||||
context_pinchannel_text: "チャンネルリストに添付",
|
||||
context_unpinchannel_text: "チャンネルリストから削除",
|
||||
context_addtonewcategory_text: "新しいカテゴリに追加",
|
||||
context_pinguild_text: "サーバーリストに添付",
|
||||
context_unpinguild_text: "サーバーリストから削除",
|
||||
header_pinneddms_text: "固定された直接メッセージ"
|
||||
|
|
@ -677,6 +891,7 @@ class PinDMs {
|
|||
context_pindm_text: "引腳直接留言",
|
||||
context_pinchannel_text: "附加到頻道列表",
|
||||
context_unpinchannel_text: "從頻道列表中刪除",
|
||||
context_addtonewcategory_text: "添加到新類別",
|
||||
context_pinguild_text: "附加到服務器列表",
|
||||
context_unpinguild_text: "從服務器列表中刪除",
|
||||
header_pinneddms_text: "固定私人信息"
|
||||
|
|
@ -686,6 +901,7 @@ class PinDMs {
|
|||
context_pindm_text: "비공개 메시지 고정",
|
||||
context_pinchannel_text: "채널 목록에 첨부",
|
||||
context_unpinchannel_text: "채널 목록에서 삭제",
|
||||
context_addtonewcategory_text: "새 카테고리에 추가",
|
||||
context_pinguild_text: "서버 목록에 첨부",
|
||||
context_unpinguild_text: "서버 목록에서 제거",
|
||||
header_pinneddms_text: "고정 된 비공개 메시지"
|
||||
|
|
@ -695,6 +911,7 @@ class PinDMs {
|
|||
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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue