409 lines
16 KiB
JavaScript
409 lines
16 KiB
JavaScript
//META{"name":"PinDMs"}*//
|
||
|
||
class PinDMs {
|
||
initConstructor () {
|
||
this.pinDMEntryMarkup =
|
||
`<div class="${BDFDB.disCN.contextmenuitem} pindm-item">
|
||
<span>REPLACE_context_pindm_text</span>
|
||
<div class="${BDFDB.disCN.contextmenuhint}"></div>
|
||
</div>`;
|
||
|
||
this.pinDMsHeaderMarkup =
|
||
`<header class="pinneddms-header">REPLACE_header_pinneddms_text</header>`;
|
||
|
||
this.pinnedDMMarkup =
|
||
`<div class="${BDFDB.disCN.dmchannel} pinned" style="height: 42px; opacity: 1;">
|
||
<a>
|
||
<div class="${BDFDB.disCNS.avatarwrapper + BDFDB.disCNS.avatarsmall + BDFDB.disCNS.forcedarktheme + BDFDB.disCN.avatarsmallold}">
|
||
<div class="${BDFDB.disCN.avatarsmallold} stop-animation"></div>
|
||
<div class="${BDFDB.disCNS.status + BDFDB.disCNS.statusold + BDFDB.disCN.avatarsmall}"></div>
|
||
</div>
|
||
<div class="${BDFDB.disCN.dmchannelname}">
|
||
<label style="cursor: pointer;"></label>
|
||
<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.dmchannelactivity}" style="flex: 1 1 auto;">
|
||
<div class="${BDFDB.disCN.dmchannelactivitytext}"></div>
|
||
</div>
|
||
</div>
|
||
<button class="${BDFDB.disCN.dmchannelclose}"></button>
|
||
</a>
|
||
</div>`;
|
||
|
||
this.richActivityMarkup =
|
||
`<svg name="RichActivity" class="${BDFDB.disCN.dmchannelactivityicon}" width="16" height="16" viewBox="0 0 16 16">
|
||
<path class="${BDFDB.disCN.dmchannelactivityiconforeground}" fill="currentColor" d="M6,7 L2,7 L2,6 L6,6 L6,7 Z M8,5 L2,5 L2,4 L8,4 L8,5 Z M8,3 L2,3 L2,2 L8,2 L8,3 Z M8.88888889,0 L1.11111111,0 C0.494444444,0 0,0.494444444 0,1.11111111 L0,8.88888889 C0,9.50253861 0.497461389,10 1.11111111,10 L8.88888889,10 C9.50253861,10 10,9.50253861 10,8.88888889 L10,1.11111111 C10,0.494444444 9.5,0 8.88888889,0 Z" transform="translate(3 3)"></path>
|
||
</svg>`;
|
||
}
|
||
|
||
getName () {return "PinDMs";}
|
||
|
||
getDescription () {return "Allows you to pin DMs, making them appear at the top of your DM-list.";}
|
||
|
||
getVersion () {return "1.1.4";}
|
||
|
||
getAuthor () {return "DevilBro";}
|
||
|
||
//legacy
|
||
load () {}
|
||
|
||
start () {
|
||
var libraryScript = null;
|
||
if (typeof BDFDB !== "object" || typeof BDFDB.isLibraryOutdated !== "function" || BDFDB.isLibraryOutdated()) {
|
||
libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
|
||
if (libraryScript) libraryScript.remove();
|
||
libraryScript = document.createElement("script");
|
||
libraryScript.setAttribute("type", "text/javascript");
|
||
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js");
|
||
document.head.appendChild(libraryScript);
|
||
}
|
||
this.startTimeout = setTimeout(() => {this.initialize();}, 30000);
|
||
if (typeof BDFDB === "object" && typeof BDFDB.isLibraryOutdated === "function") this.initialize();
|
||
else libraryScript.addEventListener("load", () => {this.initialize();});
|
||
}
|
||
|
||
initialize () {
|
||
if (typeof BDFDB === "object") {
|
||
BDFDB.loadMessage(this);
|
||
|
||
this.UserStore = BDFDB.WebModules.findByProperties(["getUsers", "getUser"]);
|
||
this.ActivityModule = BDFDB.WebModules.findByProperties(["getActivity","getStatuses"]) || BDFDB.WebModules.findByProperties(["getApplicationActivity","getStatus"]);
|
||
this.ChannelStore = BDFDB.WebModules.findByProperties(["getDMFromUserId"]);
|
||
this.ChannelSwitchUtils = BDFDB.WebModules.findByProperties(["selectPrivateChannel"]);
|
||
this.UserContextMenuUtils = BDFDB.WebModules.findByProperties(["openUserContextMenu"]);
|
||
|
||
var observer = null;
|
||
|
||
observer = new MutationObserver((changes, _) => {
|
||
changes.forEach(
|
||
(change, i) => {
|
||
if (change.addedNodes) {
|
||
change.addedNodes.forEach((node) => {
|
||
if (node && node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
|
||
this.onContextMenu(node);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
);
|
||
});
|
||
BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"dmContextObserver",instance:observer}, {childList: true});
|
||
|
||
observer = new MutationObserver((changes, _) => {
|
||
changes.forEach(
|
||
(change, i) => {
|
||
if (change.addedNodes) {
|
||
change.addedNodes.forEach((node) => {
|
||
if (node && node.tagName && node.querySelector(`a[href="/channels/@me"]`)) {
|
||
$(BDFDB.dotCN.dmchannel + ".pinned, header.pinneddms-header").remove();
|
||
this.addAllPinnedDMs();
|
||
}
|
||
});
|
||
}
|
||
}
|
||
);
|
||
});
|
||
BDFDB.addObserver(this, BDFDB.dotCNS.dmchannels + BDFDB.dotCN.scroller, {name:"friendButtonObserver",instance:observer}, {childList: true});
|
||
|
||
setTimeout(() => {this.onSwitch();},1000);
|
||
}
|
||
else {
|
||
console.error(this.getName() + ": Fatal Error: Could not load BD functions!");
|
||
}
|
||
}
|
||
|
||
stop () {
|
||
if (typeof BDFDB === "object") {
|
||
$(BDFDB.dotCN.dmchannel + ".pinned, header.pinneddms-header").remove();
|
||
|
||
clearInterval(this.statusInterval);
|
||
|
||
BDFDB.unloadMessage(this);
|
||
}
|
||
}
|
||
|
||
onSwitch () {
|
||
if (BDFDB.getSelectedServer()) clearInterval(this.statusInterval);
|
||
if (!document.querySelector(BDFDB.dotCNS.guildselected + BDFDB.dotCN.friendsicon) || document.querySelector(BDFDB.dotCN.dmchannel + ".pinned")) return;
|
||
|
||
this.addAllPinnedDMs();
|
||
|
||
BDFDB.addObserver(this, BDFDB.dotCNS.dmchannels + BDFDB.dotCN.scroller, {name:"friendButtonObserver"}, {childList: true});
|
||
}
|
||
|
||
|
||
// begin of own functions
|
||
|
||
changeLanguageStrings () {
|
||
this.pinDMsHeaderMarkup = this.pinDMsHeaderMarkup.replace("REPLACE_header_pinneddms_text", this.labels.header_pinneddms_text);
|
||
|
||
this.pinDMEntryMarkup = this.pinDMEntryMarkup.replace("REPLACE_context_pindm_text", this.labels.context_pindm_text);
|
||
}
|
||
|
||
onContextMenu (context) {
|
||
if (!document.querySelector(BDFDB.dotCNS.guildselected + BDFDB.dotCN.friendsicon) || !context || !context.tagName || !context.parentElement || context.querySelector(".pindm-item")) return;
|
||
var info = BDFDB.getKeyInformation({"node":context, "key":"user"}), ele = null;
|
||
if (info && BDFDB.getKeyInformation({"node":context, "key":"handleClose"})) {
|
||
ele = context.querySelectorAll(BDFDB.dotCN.contextmenuitem)[3];
|
||
}
|
||
else {
|
||
info = BDFDB.getKeyInformation({"node":context, "key":"channel"});
|
||
if (info && BDFDB.getKeyInformation({"node":context, "key":"handleChangeIcon"})) {
|
||
ele = context.querySelectorAll(BDFDB.dotCN.contextmenuitem)[1];
|
||
}
|
||
}
|
||
if (ele) {
|
||
$(this.pinDMEntryMarkup).insertBefore(ele)
|
||
.on("click", (e) => {
|
||
$(context).hide();
|
||
var pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||
if (typeof pinnedDMs[info.id] == "undefined") {
|
||
var pos = Object.keys(pinnedDMs).length;
|
||
pinnedDMs[info.id] = pos;
|
||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs")
|
||
this.addPinnedDM(info.id, pos);
|
||
}
|
||
});
|
||
|
||
BDFDB.updateContextPosition(context);
|
||
}
|
||
}
|
||
|
||
addAllPinnedDMs () {
|
||
let pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||
let sortedDMs = [];
|
||
delete pinnedDMs[""];
|
||
for (let id in pinnedDMs) this.sortDM(sortedDMs, pinnedDMs[id], id);
|
||
sortedDMs = sortedDMs.filter(n => n);
|
||
for (let pos in sortedDMs) {
|
||
pinnedDMs[sortedDMs[pos]] = parseInt(pos);
|
||
this.addPinnedDM(sortedDMs[pos], pos);
|
||
}
|
||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs");
|
||
}
|
||
|
||
sortDM (sortedDMs, pos, id) {
|
||
if (typeof sortedDMs[pos] == "undefined") sortedDMs[pos] = id;
|
||
else this.sortDM(sortedDMs, pos+1, id);
|
||
}
|
||
|
||
addPinnedDM (id, pos) {
|
||
if (!document.querySelector(BDFDB.dotCN.dmchannel + " + header.pinneddms-header")) {
|
||
$(this.pinDMsHeaderMarkup).insertBefore(document.querySelector(BDFDB.dotCN.dmchannel + " + header"));
|
||
this.startUpdateInterval();
|
||
}
|
||
let user = this.UserStore.getUser(id);
|
||
let channel = this.ChannelStore.getChannel(id);
|
||
if (user || channel) {
|
||
let DMid = user ? this.ChannelStore.getDMFromUserId(user.id) : channel.id;
|
||
let pinnedDM = $(this.pinnedDMMarkup);
|
||
pinnedDM.attr("user-id", user ? user.id : null).attr("channel-id", DMid).insertAfter(BDFDB.dotCN.dmchannel + " + header.pinneddms-header")
|
||
.on("contextmenu." + this.getName(), (e) => {
|
||
if (user && DMid) this.UserContextMenuUtils.openUserContextMenu(e, user, this.ChannelStore.getChannel(DMid));
|
||
else {
|
||
var channelObj = BDFDB.getDivOfChannel(channel.id);
|
||
if (channelObj && channelObj.div) BDFDB.getKeyInformation({"node":channelObj.div,"key":"onContextMenu"})(e);
|
||
else BDFDB.showToast("Could not open ContextMenu, make sure the DM exists, Group DMs habe to be loaded in the list.", {type:"error"});
|
||
}
|
||
})
|
||
.on("click." + this.getName(), (e) => {
|
||
if (e.target.classList && e.target.classList.contains(BDFDB.disCN.dmchannelclose)) return;
|
||
if (DMid) this.ChannelSwitchUtils.selectPrivateChannel(DMid);
|
||
else BDFDB.showToast("Could not open DM, make sure it exists.", {type:"error"});
|
||
})
|
||
.on("click." + this.getName(), BDFDB.dotCN.dmchannelclose, () => {
|
||
pinnedDM.remove();
|
||
BDFDB.removeData(user ? user.id : DMid, this, "pinnedDMs");
|
||
this.updatePinnedDMPositions();
|
||
});
|
||
|
||
this.setPinnedDM(pinnedDM[0]);
|
||
}
|
||
}
|
||
|
||
setPinnedDM (pinnedDM) {
|
||
if (pinnedDM && pinnedDM.parentElement) {
|
||
let id = pinnedDM.getAttribute("user-id");
|
||
let user = this.UserStore.getUser(id);
|
||
if (user) {
|
||
let data = BDFDB.loadData(user.id, "EditUsers", "users") || {};
|
||
let activity = this.ActivityModule.getActivity ? this.ActivityModule.getActivity(id) : this.ActivityModule.getApplicationActivity(id);
|
||
pinnedDM.querySelector(BDFDB.dotCN.avatarsmallold + ":not(" + BDFDB.dotCN.avatarwrapper + ")").style.backgroundImage = `url(${data.removeIcon ? "" : (data.url ? data.url : BDFDB.getUserAvatar(user.id))})`;
|
||
pinnedDM.querySelector(BDFDB.dotCN.status).classList.add(BDFDB.disCN[`status${BDFDB.getUserStatus(user.id)}`]);
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelname + " > label").textContent = data.name ? data.name : user.username;
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelname).style.color = data.color1 ? BDFDB.color2RGB(data.color1) : "";
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelname).style.background = data.color2 ? BDFDB.color2RGB(data.color2) : "";
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelactivitytext).innerHTML = activity ? this.getActivityString(activity.type, activity.name) : "";
|
||
if (activity && activity.application_id && activity.session_id) {
|
||
if (!pinnedDM.querySelector(BDFDB.dotCN.dmchannelactivityicon)) $(BDFDB.dotCN.dmchannelactivity, pinnedDM).append(this.richActivityMarkup);
|
||
}
|
||
else $(BDFDB.dotCN.dmchannelactivityicon, pinnedDM).remove();
|
||
}
|
||
else {
|
||
id = pinnedDM.getAttribute("channel-id")
|
||
let channel = this.ChannelStore.getChannel(id);
|
||
if (channel) {
|
||
pinnedDM.querySelector(BDFDB.dotCN.avatarsmallold + ":not(" + BDFDB.dotCN.avatarwrapper + ")").style.backgroundImage = `url(${BDFDB.getChannelAvatar(channel.id)})`;
|
||
var channelname = channel.name;
|
||
if (!channelname && channel.recipients.length > 0) {
|
||
for (let dmmemberID of channel.recipients) {
|
||
channelname = channelname ? channelname + ", " : channelname;
|
||
channelname = channelname + this.UserStore.getUser(dmmemberID).username;
|
||
}
|
||
}
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelname + " > label").textContent = channelname ? channelname : BDFDB.LanguageStrings.UNNAMED;
|
||
pinnedDM.querySelectorAll(BDFDB.dotCNC.status + BDFDB.dotCN.dmchannelactivitytext).forEach(ele => {ele.remove();});
|
||
pinnedDM.querySelector(BDFDB.dotCN.dmchannelactivity).innerHTML = channel.recipients.length+1 + " " + (channel.recipients.length+1 == 1 ? BDFDB.LanguageStrings.MEMBER : BDFDB.LanguageStrings.MEMBERS);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
updatePinnedDMPositions () {
|
||
let pinnedDMs = BDFDB.loadAllData(this, "pinnedDMs");
|
||
let pinnedDMEles = Array.from(document.querySelectorAll(BDFDB.dotCN.dmchannel + ".pinned")).reverse();
|
||
for (let i = 0; i < pinnedDMEles.length; i++) {
|
||
pinnedDMs[pinnedDMEles[i].getAttribute("user-id") ? pinnedDMEles[i].getAttribute("user-id") : pinnedDMEles[i].getAttribute("channel-id")] = i;
|
||
}
|
||
if (pinnedDMEles.length == 0) $(BDFDB.dotCN.dmchannel + " + header.pinneddms-header").remove();
|
||
BDFDB.saveAllData(pinnedDMs, this, "pinnedDMs")
|
||
}
|
||
|
||
startUpdateInterval () {
|
||
clearInterval(this.statusInterval);
|
||
this.statusInterval = setInterval(() => {
|
||
for (let pinnedDM of document.querySelectorAll(BDFDB.dotCN.dmchannel + ".pinned")) this.setPinnedDM(pinnedDM);
|
||
if (!document.querySelector(BDFDB.dotCN.dmchannel + " + header.pinneddms-header")) clearInterval(this.statusInterval);
|
||
},10000);
|
||
}
|
||
|
||
getActivityString (type, name) {
|
||
let stringname = "";
|
||
switch (type) {
|
||
case 0:
|
||
stringname = "PLAYING_GAME";
|
||
break;
|
||
case 1:
|
||
stringname = "STREAMING";
|
||
break;
|
||
case 2:
|
||
stringname = "LISTENING_TO";
|
||
break;
|
||
case 3:
|
||
stringname = "WATCHING";
|
||
break;
|
||
}
|
||
|
||
let string = BDFDB.LanguageStrings[stringname] || "";
|
||
|
||
return string.replace("**!!{name}!!**", `<strong>${name}</strong>`).replace("**!!{game}!!**", `<strong>${name}</strong>`);
|
||
}
|
||
|
||
setLabelsByLanguage () {
|
||
switch (BDFDB.getDiscordLanguage().id) {
|
||
case "hr": //croatian
|
||
return {
|
||
context_pindm_text: "Prikljucite Izravnu Dopisivanje",
|
||
header_pinneddms_text: "Prikvačene izravne poruke"
|
||
};
|
||
case "da": //danish
|
||
return {
|
||
context_pindm_text: "Pin DB",
|
||
header_pinneddms_text: "Pinned Privat Beskeder"
|
||
};
|
||
case "de": //german
|
||
return {
|
||
context_pindm_text: "Direktnachricht anpinnen",
|
||
header_pinneddms_text: "Gepinnte Direktnachrichten"
|
||
};
|
||
case "es": //spanish
|
||
return {
|
||
context_pindm_text: "Pin MD",
|
||
header_pinneddms_text: "Mensajes Directos Fijados"
|
||
};
|
||
case "fr": //french
|
||
return {
|
||
context_pindm_text: "Épingler MP",
|
||
header_pinneddms_text: "Messages Prives Épinglés"
|
||
};
|
||
case "it": //italian
|
||
return {
|
||
context_pindm_text: "Appuntare il messaggio diretto",
|
||
header_pinneddms_text: "Messaggi Diretti Aggiunti"
|
||
};
|
||
case "nl": //dutch
|
||
return {
|
||
context_pindm_text: "PB vastpinnen",
|
||
header_pinneddms_text: "Vastgezette Persoonluke Berichten"
|
||
};
|
||
case "no": //norwegian
|
||
return {
|
||
context_pindm_text: "Pinne DM",
|
||
header_pinneddms_text: "Pinned Direktemeldinger"
|
||
};
|
||
case "pl": //polish
|
||
return {
|
||
context_pindm_text: "Przypnij PW",
|
||
header_pinneddms_text: "Prywatne Wiadomości Bezpośrednie"
|
||
};
|
||
case "pt-BR": //portuguese (brazil)
|
||
return {
|
||
context_pindm_text: "Fixar MD",
|
||
header_pinneddms_text: "Mensagens diretas fixadas"
|
||
};
|
||
case "fi": //finnish
|
||
return {
|
||
context_pindm_text: "Kiinnitä yksityisviestit",
|
||
header_pinneddms_text: "Liitetyt yksityisviestit"
|
||
};
|
||
case "sv": //swedish
|
||
return {
|
||
context_pindm_text: "Peka DM",
|
||
header_pinneddms_text: "Inlagda Direktmeddelanden"
|
||
};
|
||
case "tr": //turkish
|
||
return {
|
||
context_pindm_text: "DM'yi Sabitle",
|
||
header_pinneddms_text: "Direkt Mesajlar Sabitleyin"
|
||
};
|
||
case "cs": //czech
|
||
return {
|
||
context_pindm_text: "Připojte PZ",
|
||
header_pinneddms_text: "Připojené přímá zpráva"
|
||
};
|
||
case "bg": //bulgarian
|
||
return {
|
||
context_pindm_text: "Закачете",
|
||
header_pinneddms_text: "Свързани директни съобщения"
|
||
};
|
||
case "ru": //russian
|
||
return {
|
||
context_pindm_text: "Подключить ЛС",
|
||
header_pinneddms_text: "Прикрепленные Личные сообщения"
|
||
};
|
||
case "uk": //ukrainian
|
||
return {
|
||
context_pindm_text: "Прикріпити ОП",
|
||
header_pinneddms_text: "Прикріплені oсобисті повідомлення"
|
||
};
|
||
case "ja": //japanese
|
||
return {
|
||
context_pindm_text: "DMをピン留めする",
|
||
header_pinneddms_text: "固定された直接メッセージ"
|
||
};
|
||
case "zh-TW": //chinese (traditional)
|
||
return {
|
||
context_pindm_text: "引用私人信息",
|
||
header_pinneddms_text: "固定私人信息"
|
||
};
|
||
case "ko": //korean
|
||
return {
|
||
context_pindm_text: "개인 메시지 비공개",
|
||
header_pinneddms_text: "고정 된 비공개 메시지"
|
||
};
|
||
default: //default: english
|
||
return {
|
||
context_pindm_text: "Pin DM",
|
||
header_pinneddms_text: "Pinned Direct Messages"
|
||
};
|
||
}
|
||
}
|
||
} |