Added the feature to pin dms in the guild list in PinDMs
This commit is contained in:
Mirco Wittrien
parent
6d3eed9150
commit
394d8f550c
|
|
@ -3,7 +3,7 @@
|
|||
class PinDMs {
|
||||
getName () {return "PinDMs";}
|
||||
|
||||
getVersion () {return "1.2.8";}
|
||||
getVersion () {return "1.2.9";}
|
||||
|
||||
getAuthor () {return "DevilBro";}
|
||||
|
||||
|
|
@ -11,20 +11,112 @@ class PinDMs {
|
|||
|
||||
initConstructor () {
|
||||
this.patchModules = {
|
||||
"LazyScroller":["render"]
|
||||
"Guilds":"componentDidMount",
|
||||
"DirectMessage":["componentDidMount","componentDidUpdate","componentWillUnmount"],
|
||||
"LazyScroller":"render"
|
||||
};
|
||||
|
||||
this.pinDMEntryMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenuitem} pindms-item pindm-item">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_pindm_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
this.dmContextEntryMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
||||
<div class="${BDFDB.disCN.contextmenuitem} pindms-item ${BDFDB.disCN.contextmenuitemsubmenu}">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_pindm_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
this.unpinDMEntryMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenuitem} pindms-item unpindm-item">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_unpindm_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
this.dmContextSubMenuMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenu} pindms-submenu">
|
||||
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
||||
<div class="${BDFDB.disCN.contextmenuitem} pindm-channel-item">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_pinchannel_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
<div class="${BDFDB.disCN.contextmenuitem} unpindm-channel-item ${BDFDB.disCN.contextmenuitemdanger}">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_unpinchannel_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
<div class="${BDFDB.disCN.contextmenuitem} pindm-guild-item">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_pinguild_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
<div class="${BDFDB.disCN.contextmenuitem} unpindm-guild-item ${BDFDB.disCN.contextmenuitemdanger}">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_unpinguild_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
this.dmPinContextMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenu} pinneddm-contextmenu">
|
||||
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
||||
<div class="${BDFDB.disCN.contextmenuitem} pindm-guild-item">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_pinguild_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
this.dmUnpinContextMarkup =
|
||||
`<div class="${BDFDB.disCN.contextmenu} pinneddm-contextmenu">
|
||||
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
||||
<div class="${BDFDB.disCN.contextmenuitem} unpindm-guild-item ${BDFDB.disCN.contextmenuitemdanger}">
|
||||
<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_unpinguild_text</div></span>
|
||||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
this.recentDMMarkup =
|
||||
`<div class="${BDFDB.disCN.guild} pinned" style="transform: translateX(0px);">
|
||||
<div class="${BDFDB.disCN.guildinner}" draggable="false" style="border-radius: 25px;">
|
||||
<div class="${BDFDB.disCNS.avatarwrapper + BDFDB.disCNS.avatarsmall + BDFDB.disCNS.guildavatar + BDFDB.disCN.avatarsizesmall}">
|
||||
<a draggable="false" class="${BDFDB.disCNS.guildavatarinner + BDFDB.disCNS.avatarinner + BDFDB.disCN.avatarstopanimation}"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="${BDFDB.disCNS.badge + BDFDB.disCN.badgewrapper}" style="display: none !important;">0</div>
|
||||
</div>`;
|
||||
|
||||
this.css = `
|
||||
${BDFDB.dotCN.guild}.pinned:after {
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 16px;
|
||||
border-radius: 12px;
|
||||
content: " ";
|
||||
height: 24px;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
width: 24px;
|
||||
background-image: url('data:image/svg+xml; utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-90 -80 700 700" xml:space="preserve"><g fill="#FFF"><path d="M291.31,402.761L109.241,220.693C79.073,190.525,30.166,190.526,0,220.692l291.31,291.31C321.474,481.835,321.476,432.927,291.31,402.761z"/><polygon points="273.104,111.449 154.758,211.589 300.412,357.242 400.55,238.898"/><path d="M500.688,175.174L336.827,11.313c-15.085-15.085-39.539-15.083-54.621,0c-15.082,15.082-15.082,39.538,0,54.62 l163.861,163.861c15.083,15.085,39.539,15.085,54.621,0.001C515.773,214.712,515.773,190.257,500.688,175.174z"/><polygon points="91.032,366.346 0,512 145.655,420.967"/></g></svg>');
|
||||
}
|
||||
${BDFDB.dotCNS.themelight + BDFDB.dotCN.guild}.pinned:after {
|
||||
background-color: #202225;
|
||||
}
|
||||
${BDFDB.dotCNS.themedark + BDFDB.dotCN.guild}.pinned:after {
|
||||
background-color: #202225;
|
||||
}`;
|
||||
}
|
||||
|
||||
getSettingsPanel () {
|
||||
if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
|
||||
let settingshtml = `<div class="${this.name}-settings DevilBro-settings"><div class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.size18 + BDFDB.disCNS.height24 + BDFDB.disCNS.weightnormal + BDFDB.disCN.marginbottom8}">${this.name}</div><div class="DevilBro-settings-inner">`;
|
||||
settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 0 0 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Unpin all DMs.</h3><button type="button" class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorred + BDFDB.disCNS.buttonsizemedium + BDFDB.disCN.buttongrow} reset-button" style="flex: 0 0 auto;"><div class="${BDFDB.disCN.buttoncontents}">Reset</div></button></div>`;
|
||||
settingshtml += `</div></div>`;
|
||||
|
||||
let settingspanel = BDFDB.htmlToElement(settingshtml);
|
||||
|
||||
BDFDB.initElements(settingspanel, this);
|
||||
|
||||
BDFDB.addEventListener(this, settingspanel, "click", ".reset-button", () => {
|
||||
BDFDB.openConfirmModal(this, "Are you sure you want to unpin all pinned DMs?", () => {
|
||||
BDFDB.removeAllData(this, "pinnedDMs");
|
||||
BDFDB.removeAllData(this, "pinnedRecents");
|
||||
});
|
||||
});
|
||||
return settingspanel;
|
||||
}
|
||||
|
||||
//legacy
|
||||
|
|
@ -53,9 +145,13 @@ class PinDMs {
|
|||
if (this.started) return;
|
||||
BDFDB.loadMessage(this);
|
||||
|
||||
this.ChannelUtils = BDFDB.WebModules.findByProperties("getDMFromUserId");
|
||||
this.UserUtils = BDFDB.WebModules.findByProperties("getUsers", "getUser");
|
||||
this.ChannelUtils = BDFDB.WebModules.findByProperties("getChannels", "getChannel");
|
||||
this.PrivateChannelUtils = BDFDB.WebModules.findByProperties("ensurePrivateChannel");
|
||||
|
||||
this.ChannelSwitchUtils = BDFDB.WebModules.findByProperties("selectPrivateChannel");
|
||||
this.UnreadUtils = BDFDB.WebModules.findByProperties("getUnreadCount");
|
||||
this.DiscordConstants = BDFDB.WebModules.findByProperties("Permissions", "ActivityTypes", "StatusTypes");
|
||||
this.Animations = BDFDB.WebModules.findByProperties("spring");
|
||||
|
||||
BDFDB.addEventListener(this, document, "click", BDFDB.dotCNS.dmchannels + BDFDB.dotCN.dmchannel, e => {
|
||||
let instance = BDFDB.getReactInstance(e.currentTarget);
|
||||
|
|
@ -106,6 +202,12 @@ class PinDMs {
|
|||
this.forceUpdateScroller(dmsscrollerinstance.stateNode);
|
||||
}
|
||||
|
||||
for (let info of BDFDB.readDmList()) {
|
||||
this.unhideNativeDM(info.id);
|
||||
if (info.div) info.div.removeEventListener("contextmenu", info.div.PinDMsContextMenuListener);
|
||||
}
|
||||
BDFDB.removeEles(BDFDB.dotCNS.dms + BDFDB.dotCN.guild + ".pinned");
|
||||
|
||||
BDFDB.unloadMessage(this);
|
||||
}
|
||||
}
|
||||
|
|
@ -113,10 +215,17 @@ class PinDMs {
|
|||
|
||||
// begin of own functions
|
||||
|
||||
changeLanguageStrings () {
|
||||
this.pinDMEntryMarkup = this.pinDMEntryMarkup.replace("REPLACE_context_pindm_text", this.labels.context_pindm_text);
|
||||
changeLanguageStrings () {
|
||||
this.dmContextEntryMarkup = this.dmContextEntryMarkup.replace("REPLACE_context_pindm_text", this.labels.context_pindm_text);
|
||||
|
||||
this.unpinDMEntryMarkup = this.unpinDMEntryMarkup.replace("REPLACE_context_unpindm_text", this.labels.context_unpindm_text);
|
||||
this.dmContextSubMenuMarkup = this.dmContextSubMenuMarkup.replace("REPLACE_context_pinchannel_text", this.labels.context_pinchannel_text);
|
||||
this.dmContextSubMenuMarkup = this.dmContextSubMenuMarkup.replace("REPLACE_context_unpinchannel_text", this.labels.context_unpinchannel_text);
|
||||
this.dmContextSubMenuMarkup = this.dmContextSubMenuMarkup.replace("REPLACE_context_pinguild_text", this.labels.context_pinguild_text);
|
||||
this.dmContextSubMenuMarkup = this.dmContextSubMenuMarkup.replace("REPLACE_context_unpinguild_text", this.labels.context_unpinguild_text);
|
||||
|
||||
this.dmPinContextMarkup = this.dmPinContextMarkup.replace("REPLACE_context_pinguild_text", this.labels.context_pinguild_text);
|
||||
|
||||
this.dmUnpinContextMarkup = this.dmUnpinContextMarkup.replace("REPLACE_context_unpinguild_text", this.labels.context_unpinguild_text);
|
||||
}
|
||||
|
||||
onUserContextMenu (instance, menu) {
|
||||
|
|
@ -140,39 +249,101 @@ class PinDMs {
|
|||
}
|
||||
|
||||
appendItem (instance, id, target) {
|
||||
let pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||||
if (!pinnedDMs[id]) {
|
||||
let pinDMEntry = BDFDB.htmlToElement(this.pinDMEntryMarkup);
|
||||
target.parentElement.insertBefore(pinDMEntry, target);
|
||||
pinDMEntry.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
let dmsscrollerinstance = BDFDB.getReactInstance(document.querySelector(BDFDB.dotCNS.dmchannels + BDFDB.dotCN.scroller));
|
||||
if (dmsscrollerinstance) {
|
||||
let dms = dmsscrollerinstance.return.return.return.memoizedProps.children;
|
||||
let insertpoint = this.getInsertPoint(dms);
|
||||
this.addPinnedDM(id, dms, insertpoint);
|
||||
this.forceUpdateScroller(dmsscrollerinstance.stateNode);
|
||||
}
|
||||
pinnedDMs[id] = Object.keys(pinnedDMs).length;
|
||||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs");
|
||||
});
|
||||
}
|
||||
else {
|
||||
let unpinDMEntry = BDFDB.htmlToElement(this.unpinDMEntryMarkup);
|
||||
target.parentElement.insertBefore(unpinDMEntry, target);
|
||||
unpinDMEntry.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
this.removePinnedDM(id);
|
||||
});
|
||||
let dmContextEntry = BDFDB.htmlToElement(this.dmContextEntryMarkup);
|
||||
target.parentElement.insertBefore(dmContextEntry, target);
|
||||
let pindmsitem = dmContextEntry.querySelector(".pindms-item");
|
||||
pindmsitem.addEventListener("mouseenter", () => {
|
||||
let dmContextSubMenu = BDFDB.htmlToElement(this.dmContextSubMenuMarkup);
|
||||
let pinchannelitem = dmContextSubMenu.querySelector(".pindm-channel-item");
|
||||
let unpinchannelitem = dmContextSubMenu.querySelector(".unpindm-channel-item");
|
||||
let pinguilditem = dmContextSubMenu.querySelector(".pindm-guild-item");
|
||||
let unpinguilditem = dmContextSubMenu.querySelector(".unpindm-guild-item");
|
||||
let pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||||
if (pinnedDMs[id] == undefined) {
|
||||
BDFDB.removeEles(unpinchannelitem);
|
||||
pinchannelitem.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
let dmsscrollerinstance = BDFDB.getReactInstance(document.querySelector(BDFDB.dotCNS.dmchannels + BDFDB.dotCN.scroller));
|
||||
if (dmsscrollerinstance) {
|
||||
let dms = dmsscrollerinstance.return.return.return.memoizedProps.children;
|
||||
let insertpoint = this.getInsertPoint(dms);
|
||||
this.addPinnedDM(id, dms, insertpoint);
|
||||
this.forceUpdateScroller(dmsscrollerinstance.stateNode);
|
||||
}
|
||||
pinnedDMs[id] = Object.keys(pinnedDMs).length;
|
||||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs");
|
||||
});
|
||||
}
|
||||
else {
|
||||
BDFDB.removeEles(pinchannelitem);
|
||||
unpinchannelitem.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
this.removePinnedDM(id);
|
||||
});
|
||||
}
|
||||
let pinnedRecents = BDFDB.loadAllData(this, "pinnedRecents");
|
||||
if (pinnedRecents[id] == undefined) {
|
||||
BDFDB.removeEles(unpinguilditem);
|
||||
pinguilditem.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
this.addPinnedRecent(id);
|
||||
pinnedRecents[id] = Object.keys(pinnedRecents).length;
|
||||
BDFDB.saveAllData(pinnedRecents, this, "pinnedRecents");
|
||||
});
|
||||
}
|
||||
else {
|
||||
BDFDB.removeEles(pinguilditem);
|
||||
unpinguilditem.addEventListener("click", () => {
|
||||
instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
|
||||
BDFDB.removeEles(document.querySelector(`${BDFDB.dotCNS.dms + BDFDB.dotCN.guild}.pinned[channelid="${id}"]`));
|
||||
this.unhideNativeDM(id);
|
||||
delete pinnedRecents[id];
|
||||
BDFDB.saveAllData(pinnedRecents, this, "pinnedRecents");
|
||||
});
|
||||
}
|
||||
BDFDB.appendSubMenu(pindmsitem, dmContextSubMenu);
|
||||
});
|
||||
}
|
||||
|
||||
processGuilds (instance, wrapper) {
|
||||
let dms = wrapper.querySelector(BDFDB.dotCN.dms);
|
||||
if (dms) for (let id of this.sortAndUpdate("pinnedRecents").reverse()) this.addPinnedRecent(id);
|
||||
}
|
||||
|
||||
processDirectMessage (instance, wrapper, methodnames) {
|
||||
if (instance.props && instance.props.channel) {
|
||||
if (methodnames.includes("componentDidMount")) {
|
||||
wrapper.removeEventListener("contextmenu", wrapper.PinDMsContextMenuListener);
|
||||
wrapper.PinDMsContextMenuListener = e => {
|
||||
let freshPinnedRecents = BDFDB.loadAllData(this, "pinnedRecents");
|
||||
if (freshPinnedRecents[instance.props.channel.id] == undefined) {
|
||||
let dmContext = BDFDB.htmlToElement(this.dmPinContextMarkup);
|
||||
dmContext.querySelector(".pindm-guild-item").addEventListener("click", () => {
|
||||
BDFDB.removeEles(dmContext);
|
||||
this.addPinnedRecent(instance.props.channel.id);
|
||||
freshPinnedRecents[instance.props.channel.id] = Object.keys(freshPinnedRecents).length;
|
||||
BDFDB.saveAllData(freshPinnedRecents, this, "pinnedRecents");
|
||||
});
|
||||
BDFDB.appendContextMenu(dmContext, e);
|
||||
}
|
||||
};
|
||||
wrapper.addEventListener("contextmenu", wrapper.PinDMsContextMenuListener);
|
||||
}
|
||||
let pinnedRecents = BDFDB.loadAllData(this, "pinnedRecents");
|
||||
if (pinnedRecents[instance.props.channel.id] != undefined) {
|
||||
if (methodnames.includes("componentDidMount")) this.hideNativeDM(instance.props.channel.id);
|
||||
this.updateUnreadCount(instance.props.channel.id);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
processLazyScroller (instance, wrapper) {
|
||||
if (instance._reactInternalFiber && instance._reactInternalFiber.return.memoizedProps && instance._reactInternalFiber.return.memoizedProps.privateChannelIds) {
|
||||
let privateChannelIds = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.privateChannelIds");
|
||||
if (privateChannelIds) {
|
||||
if (this.forceAdding || !instance.props.PinDMsPatched) {
|
||||
instance.props.PinDMsPatched = true;
|
||||
let dms = instance.props.children;
|
||||
let sortedDMs = this.sortAndUpdate();
|
||||
let sortedDMs = this.sortAndUpdate("pinnedDMs");
|
||||
if (sortedDMs.length > 0) {
|
||||
let insertpoint = this.getInsertPoint(dms);
|
||||
for (let pos in sortedDMs) this.addPinnedDM(sortedDMs[pos], dms, insertpoint);
|
||||
|
|
@ -196,7 +367,7 @@ class PinDMs {
|
|||
let headerpin = Object.assign({},ele);
|
||||
headerpin.key = "pin" + headerpin.key;
|
||||
headerpin.props = {children:this.labels.header_pinneddms_text,ispin:true};
|
||||
dms.splice(insertpoint,0,headerpin);
|
||||
dms.splice(insertpoint, 0, headerpin);
|
||||
}
|
||||
insertpoint++;
|
||||
break;
|
||||
|
|
@ -206,14 +377,12 @@ class PinDMs {
|
|||
}
|
||||
|
||||
addPinnedDM (id, dms, insertpoint) {
|
||||
for (let ele of dms) {
|
||||
if (ele && !ele.pinned && id == ele.key) {
|
||||
ele.pinned = true;
|
||||
let dmpin = Object.assign({ispin:true},ele);
|
||||
dmpin.key = "pin" + ele.key;
|
||||
dmpin.props = {channel:ele.props.channel,selected:ele.props.selected,ispin:true};
|
||||
dms.splice(insertpoint,0,dmpin);
|
||||
}
|
||||
for (let ele of dms) if (ele && !ele.pinned && id == ele.key) {
|
||||
ele.pinned = true;
|
||||
let dmpin = Object.assign({ispin:true},ele);
|
||||
dmpin.key = "pin" + ele.key;
|
||||
dmpin.props = {channel:ele.props.channel,selected:ele.props.selected,ispin:true};
|
||||
dms.splice(insertpoint, 0, dmpin);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -223,7 +392,7 @@ class PinDMs {
|
|||
let dmsscrollerinstance = BDFDB.getReactInstance(document.querySelector(BDFDB.dotCNS.dmchannels + BDFDB.dotCN.scroller));
|
||||
if (dmsscrollerinstance) {
|
||||
let dms = dmsscrollerinstance.return.return.return.memoizedProps.children;
|
||||
let existingDMs = this.sortAndUpdate();
|
||||
let existingDMs = this.sortAndUpdate("pinnedDMs");
|
||||
let removepoint = null;
|
||||
for (let i in dms) {
|
||||
let ele = dms[i];
|
||||
|
|
@ -241,8 +410,8 @@ class PinDMs {
|
|||
}
|
||||
}
|
||||
|
||||
sortAndUpdate () {
|
||||
let pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||||
sortAndUpdate (type) {
|
||||
let pinnedDMs = BDFDB.loadAllData(this, type);
|
||||
delete pinnedDMs[""];
|
||||
let sortedDMs = [], existingDMs = [], sortDM = (id) => {
|
||||
if (typeof sortedDMs[pinnedDMs[id]] == "undefined") sortedDMs[pinnedDMs[id]] = id;
|
||||
|
|
@ -254,7 +423,7 @@ class PinDMs {
|
|||
pinnedDMs[sortedDMs[pos]] = parseInt(pos);
|
||||
if (this.ChannelUtils.getChannel(sortedDMs[pos])) existingDMs.push(sortedDMs[pos]);
|
||||
}
|
||||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs");
|
||||
BDFDB.saveAllData(pinnedDMs, this, type);
|
||||
return existingDMs;
|
||||
}
|
||||
|
||||
|
|
@ -266,132 +435,300 @@ class PinDMs {
|
|||
setTimeout(() => {delete this.updatingScroller;},1000);
|
||||
}
|
||||
|
||||
addPinnedRecent (id) {
|
||||
let dms = document.querySelector(BDFDB.dotCN.dms);
|
||||
if (dms && !dms.querySelector(`${BDFDB.dotCN.guild}.pinned[channelid="${id}"]`)) {
|
||||
let info = this.ChannelUtils.getChannel(id);
|
||||
if (info) {
|
||||
let channel = BDFDB.htmlToElement(this.recentDMMarkup);
|
||||
channel.setAttribute("channelid", id);
|
||||
dms.appendChild(channel);
|
||||
let avatar = channel.querySelector(BDFDB.dotCN.avatarinner);
|
||||
let channelname = info.name;
|
||||
if (!channelname && info.recipients.length > 0) {
|
||||
for (let dmuser_id of info.recipients) {
|
||||
channelname = channelname ? channelname + ", " : channelname;
|
||||
channelname = channelname + this.UserUtils.getUser(dmuser_id).username;
|
||||
}
|
||||
}
|
||||
avatar.style.setProperty("background-image", `url(${BDFDB.getChannelIcon(id)})`);
|
||||
avatar.setAttribute("channel", channelname);
|
||||
if (info.type == 1) avatar.setAttribute("user", this.UserUtils.getUser(info.recipients[0]).username);
|
||||
channel.addEventListener("mouseenter", () => {
|
||||
BDFDB.createTooltip(channelname, channel, {type:"right"});
|
||||
});
|
||||
channel.addEventListener("click", () => {
|
||||
this.ChannelSwitchUtils.selectPrivateChannel(id);
|
||||
});
|
||||
channel.addEventListener("contextmenu", e => {
|
||||
let dmContext = BDFDB.htmlToElement(this.dmUnpinContextMarkup);
|
||||
dmContext.querySelector(".unpindm-guild-item").addEventListener("click", () => {
|
||||
BDFDB.removeEles(channel, dmContext);
|
||||
this.unhideNativeDM(id);
|
||||
BDFDB.removeData(id, this, "pinnedRecents");
|
||||
});
|
||||
BDFDB.appendContextMenu(dmContext, e);
|
||||
});
|
||||
this.addHoverBehaviour(channel);
|
||||
this.updateUnreadCount(id);
|
||||
this.hideNativeDM(id);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
updateUnreadCount (id) {
|
||||
let dmdiv = document.querySelector(`${BDFDB.dotCNS.dms + BDFDB.dotCN.guild}.pinned[channelid="${id}"]`);
|
||||
if (Node.prototype.isPrototypeOf(dmdiv)) {
|
||||
let count = this.UnreadUtils.getUnreadCount(dmdiv.getAttribute("channelid"));
|
||||
let badge = dmdiv.querySelector(BDFDB.dotCN.badge);
|
||||
BDFDB.toggleEles(badge, count > 0);
|
||||
badge.innerText = count;
|
||||
}
|
||||
}
|
||||
|
||||
hideNativeDM (id) {
|
||||
let dmdiv = BDFDB.getDmDiv(id);
|
||||
if (Node.prototype.isPrototypeOf(dmdiv)) {
|
||||
BDFDB.toggleEles(dmdiv, false);
|
||||
BDFDB.addClass(dmdiv, "hidden-by-pin");
|
||||
}
|
||||
}
|
||||
|
||||
unhideNativeDM (id) {
|
||||
let dmdiv = BDFDB.getDmDiv(id);
|
||||
if (Node.prototype.isPrototypeOf(dmdiv) && BDFDB.containsClass(dmdiv, "hidden-by-pin")) {
|
||||
BDFDB.toggleEles(dmdiv, true);
|
||||
BDFDB.removeClass(dmdiv, "hidden-by-pin");
|
||||
}
|
||||
}
|
||||
|
||||
addHoverBehaviour (div) {
|
||||
/* based on stuff from Zerebos */
|
||||
let divinner = div.querySelector(BDFDB.dotCN.guildinner);
|
||||
let divicon = div.querySelector(BDFDB.dotCN.guildicon);
|
||||
let backgroundColor = new this.Animations.Value(0);
|
||||
backgroundColor
|
||||
.interpolate({
|
||||
inputRange: [0, 1],
|
||||
outputRange: [this.DiscordConstants.Colors.CHANNELS_GREY, this.DiscordConstants.Colors.BRAND_PURPLE]
|
||||
})
|
||||
.addListener((value) => {
|
||||
if (BDFDB.containsClass(divicon, BDFDB.disCN.avatarnoicon)) {
|
||||
let comp = BDFDB.colorCONVERT(value.value, "RGBCOMP");
|
||||
if (comp) divinner.style.setProperty("background-color", `rgb(${comp[0]}, ${comp[1]}, ${comp[2]})`);
|
||||
}
|
||||
});
|
||||
|
||||
let borderRadius = new this.Animations.Value(0);
|
||||
borderRadius
|
||||
.interpolate({
|
||||
inputRange: [0, 1],
|
||||
outputRange: [25, 15]
|
||||
})
|
||||
.addListener((value) => {
|
||||
divinner.style.setProperty("border-radius", `${value.value}px`);
|
||||
});
|
||||
|
||||
let animate = (v) => {
|
||||
this.Animations.parallel([
|
||||
this.Animations.timing(backgroundColor, {toValue: v, duration: 200}),
|
||||
this.Animations.spring(borderRadius, {toValue: v, friction: 3})
|
||||
]).start();
|
||||
};
|
||||
|
||||
div.addEventListener("mouseenter", () => {animate(1);})
|
||||
div.addEventListener("mouseleave", () => {if (!BDFDB.containsClass(div, BDFDB.disCN.guildselected)) animate(0);});
|
||||
}
|
||||
|
||||
setLabelsByLanguage () {
|
||||
switch (BDFDB.getDiscordLanguage().id) {
|
||||
case "hr": //croatian
|
||||
return {
|
||||
context_pindm_text: "Prikljucite Izravnu Poruku",
|
||||
context_unpindm_text: "Otključaj Izravnu Poruku",
|
||||
context_pinchannel_text: "Priložite popisu kanala",
|
||||
context_unpinchannel_text: "Ukloni s popisa kanala",
|
||||
context_pinguild_text: "Priložite popisu poslužitelja",
|
||||
context_unpinguild_text: "Ukloni s popisa poslužitelja",
|
||||
header_pinneddms_text: "Prikvačene Izravne Poruke"
|
||||
};
|
||||
case "da": //danish
|
||||
return {
|
||||
context_pindm_text: "Fastgør PB",
|
||||
context_unpindm_text: "Frigør PB",
|
||||
context_pinchannel_text: "Vedhæft til kanalliste",
|
||||
context_unpinchannel_text: "Fjern fra kanalliste",
|
||||
context_pinguild_text: "Vedhæft til serverliste",
|
||||
context_unpinguild_text: "Fjern fra serverliste",
|
||||
header_pinneddms_text: "Pinned Privat Beskeder"
|
||||
};
|
||||
case "de": //german
|
||||
return {
|
||||
context_pindm_text: "Direktnachricht anheften",
|
||||
context_unpindm_text: "Direktnachricht loslösen",
|
||||
context_pinchannel_text: "An Kanalliste anheften",
|
||||
context_unpinchannel_text: "Von Kanalliste loslösen",
|
||||
context_pinguild_text: "An Serverliste anheften",
|
||||
context_unpinguild_text: "Von Serverliste loslösen",
|
||||
header_pinneddms_text: "Gepinnte Direktnachrichten"
|
||||
};
|
||||
case "es": //spanish
|
||||
return {
|
||||
context_pindm_text: "Anclar MD",
|
||||
context_unpindm_text: "Desanclar MD",
|
||||
context_pinchannel_text: "Adjuntar a la lista de canales",
|
||||
context_unpinchannel_text: "Deshazte de la lista de canales",
|
||||
context_pinguild_text: "Adjuntar a la lista de servidores",
|
||||
context_unpinguild_text: "Deshazte de la lista de servidores",
|
||||
header_pinneddms_text: "Mensajes Directos Fijados"
|
||||
};
|
||||
case "fr": //french
|
||||
return {
|
||||
context_pindm_text: "Épingler MP",
|
||||
context_unpindm_text: "Désépingler MP",
|
||||
context_pinchannel_text: "Épingler à la liste des chaînes",
|
||||
context_unpinchannel_text: "Détacher de la liste des chaînes",
|
||||
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"
|
||||
};
|
||||
case "it": //italian
|
||||
return {
|
||||
context_pindm_text: "Fissa il messaggio diretto",
|
||||
context_unpindm_text: "Togli il messaggio diretto",
|
||||
context_pinchannel_text: "Allega alla lista dei canali",
|
||||
context_unpinchannel_text: "Rimuovi dalla lista dei canali",
|
||||
context_pinguild_text: "Allega alla lista dei server",
|
||||
context_unpinguild_text: "Rimuovi dalla lista dei server",
|
||||
header_pinneddms_text: "Messaggi Diretti Aggiunti"
|
||||
};
|
||||
case "nl": //dutch
|
||||
return {
|
||||
context_pindm_text: "PB pinnen",
|
||||
context_unpindm_text: "PB losmaken",
|
||||
context_pinchannel_text: "Pin naar de kanalenlijst",
|
||||
context_unpinchannel_text: "Losmaken van kanalenlijst",
|
||||
context_pinguild_text: "Pin naar de serverlijst",
|
||||
context_unpinguild_text: "Losmaken van serverlijst",
|
||||
header_pinneddms_text: "Vastgezette Persoonluke Berichten"
|
||||
};
|
||||
case "no": //norwegian
|
||||
return {
|
||||
context_pindm_text: "Fest DM",
|
||||
context_unpindm_text: "Løsne DM",
|
||||
context_pinchannel_text: "Fest på kanalliste",
|
||||
context_unpinchannel_text: "Fjern fra kanalliste",
|
||||
context_pinguild_text: "Fest på serverliste",
|
||||
context_unpinguild_text: "Fjern fra serverlisten",
|
||||
header_pinneddms_text: "Pinned Direktemeldinger"
|
||||
};
|
||||
case "pl": //polish
|
||||
return {
|
||||
context_pindm_text: "Przypnij PW",
|
||||
context_unpindm_text: "Odepnij PW",
|
||||
context_pinchannel_text: "Dołącz do listy kanałów",
|
||||
context_unpinchannel_text: "Usuń z listy kanałów",
|
||||
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"
|
||||
};
|
||||
case "pt-BR": //portuguese (brazil)
|
||||
return {
|
||||
context_pindm_text: "Fixar MD",
|
||||
context_unpindm_text: "Desafixar MD",
|
||||
context_pinchannel_text: "Anexar à lista de canais",
|
||||
context_unpinchannel_text: "Remover da lista de canais",
|
||||
context_pinguild_text: "Anexar à lista de servidores",
|
||||
context_unpinguild_text: "Remover da lista de servidores",
|
||||
header_pinneddms_text: "Mensagens diretas fixadas"
|
||||
};
|
||||
case "fi": //finnish
|
||||
return {
|
||||
context_pindm_text: "Kiinnitä yksityisviestit",
|
||||
context_unpindm_text: "Poista yksityisviestit",
|
||||
context_pinchannel_text: "Liitä kanavaluetteloon",
|
||||
context_unpinchannel_text: "Poista kanavaluettelosta",
|
||||
context_pinguild_text: "Liitä palvelinluetteloon",
|
||||
context_unpinguild_text: "Poista palvelinluettelosta",
|
||||
header_pinneddms_text: "Liitetyt yksityisviestit"
|
||||
};
|
||||
case "sv": //swedish
|
||||
return {
|
||||
context_pindm_text: "Fäst DM",
|
||||
context_unpindm_text: "Lossa DM",
|
||||
context_pinchannel_text: "Fäst till kanallista",
|
||||
context_unpinchannel_text: "Ta bort från kanallistan",
|
||||
context_pinguild_text: "Fäst till servernlista",
|
||||
context_unpinguild_text: "Ta bort från servernlista",
|
||||
header_pinneddms_text: "Inlagda Direktmeddelanden"
|
||||
};
|
||||
case "tr": //turkish
|
||||
return {
|
||||
context_pindm_text: "DM'yi Sabitle",
|
||||
context_unpindm_text: "DM'yi Kaldır",
|
||||
context_pinchannel_text: "Kanal listesine ekle",
|
||||
context_unpinchannel_text: "Kanal listesinden kaldır",
|
||||
context_pinguild_text: "Sunucu listesine ekle",
|
||||
context_unpinguild_text: "Sunucu listesinden kaldır",
|
||||
header_pinneddms_text: "Direkt Mesajlar Sabitleyin"
|
||||
};
|
||||
case "cs": //czech
|
||||
return {
|
||||
context_pindm_text: "Připnout PZ",
|
||||
context_unpindm_text: "Odepnout PZ",
|
||||
context_pinchannel_text: "Připojení k seznamu kanálů",
|
||||
context_unpinchannel_text: "Odstranit ze seznamu kanálů",
|
||||
context_pinguild_text: "Připojit ke seznamu serverů",
|
||||
context_unpinguild_text: "Odstranit ze seznamu serverů",
|
||||
header_pinneddms_text: "Připojené Přímá Zpráva"
|
||||
};
|
||||
case "bg": //bulgarian
|
||||
return {
|
||||
context_pindm_text: "Закачени ДС",
|
||||
context_unpindm_text: "Откачи ДС",
|
||||
context_pinchannel_text: "Прикачете към списъка с канали",
|
||||
context_unpinchannel_text: "Премахване от списъка с канали",
|
||||
context_pinguild_text: "Прикачване към списъка със сървъри",
|
||||
context_unpinguild_text: "Премахване от списъка със сървъри",
|
||||
header_pinneddms_text: "Свързани директни съобщения"
|
||||
};
|
||||
case "ru": //russian
|
||||
return {
|
||||
context_pindm_text: "Закрепить ЛС",
|
||||
context_unpindm_text: "Открепить ЛС",
|
||||
context_pinchannel_text: "Прикрепить к списку каналов",
|
||||
context_unpinchannel_text: "Удалить из списка каналов",
|
||||
context_pinguild_text: "Присоединить к списку серверов",
|
||||
context_unpinguild_text: "Удалить из списка серверов",
|
||||
header_pinneddms_text: "Прикрепленные Личные Сообщения"
|
||||
};
|
||||
case "uk": //ukrainian
|
||||
return {
|
||||
context_pindm_text: "Закріпити ОП",
|
||||
context_unpindm_text: "Відкріпити ОП",
|
||||
context_pinchannel_text: "Додайте до списку каналів",
|
||||
context_unpinchannel_text: "Видалити зі списку каналів",
|
||||
context_pinguild_text: "Додайте до списку серверів",
|
||||
context_unpinguild_text: "Видалити зі списку серверів",
|
||||
header_pinneddms_text: "Прикріплені oсобисті повідомлення"
|
||||
};
|
||||
case "ja": //japanese
|
||||
return {
|
||||
context_pindm_text: "DMピン",
|
||||
context_unpindm_text: "DMをピン止めする",
|
||||
context_pinchannel_text: "チャンネルリストに添付",
|
||||
context_unpinchannel_text: "チャンネルリストから削除",
|
||||
context_pinguild_text: "サーバーリストに添付",
|
||||
context_unpinguild_text: "サーバーリストから削除",
|
||||
header_pinneddms_text: "固定された直接メッセージ"
|
||||
};
|
||||
case "zh-TW": //chinese (traditional)
|
||||
return {
|
||||
context_pindm_text: "引腳直接留言",
|
||||
context_unpindm_text: "分離直接消息",
|
||||
context_pinchannel_text: "附加到頻道列表",
|
||||
context_unpinchannel_text: "從頻道列表中刪除",
|
||||
context_pinguild_text: "附加到服務器列表",
|
||||
context_unpinguild_text: "從服務器列表中刪除",
|
||||
header_pinneddms_text: "固定私人信息"
|
||||
};
|
||||
case "ko": //korean
|
||||
return {
|
||||
context_pindm_text: "비공개 메시지 고정",
|
||||
context_unpindm_text: "비공개 메시지 고정 해제",
|
||||
context_pinchannel_text: "채널 목록에 첨부",
|
||||
context_unpinchannel_text: "채널 목록에서 삭제",
|
||||
context_pinguild_text: "서버 목록에 첨부",
|
||||
context_unpinguild_text: "서버 목록에서 제거",
|
||||
header_pinneddms_text: "고정 된 비공개 메시지"
|
||||
};
|
||||
default: //default: english
|
||||
return {
|
||||
context_pindm_text: "Pin DM",
|
||||
context_unpindm_text: "Unpin DM",
|
||||
context_pinchannel_text: "Pin to Channellist",
|
||||
context_unpinchannel_text: "Unpin from Channellist",
|
||||
context_pinguild_text: "Pin to Serverlist",
|
||||
context_unpinguild_text: "Unpin from Serverlist",
|
||||
header_pinneddms_text: "Pinned Direct Messages"
|
||||
};
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue