//META{"name":"JoinedAtDate"}*//
class JoinedAtDate {
getName () {return "JoinedAtDate";}
getVersion () {return "1.0.6";}
getAuthor () {return "DevilBro";}
getDescription () {return "Displays the Joined At Date of the current Server for a Member in the UserPopout and UserModal.";}
initConstructor () {
this.labels = {};
this.patchModules = {
"UserPopout":"componentDidMount",
"UserProfile":"componentDidMount"
};
this.languages;
this.loadedusers = {};
this.css = `
${BDFDB.dotCNS.userpopout + BDFDB.dotCN.nametag} {
margin-bottom: 4px;
}
${BDFDB.dotCN.userprofile} .joinedAtDate {
margin-right: 20px;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheadernormal} .joinedAtDate {
color: #b9bbbe;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheader}:not(${BDFDB.dotCN.userpopoutheadernormal}) .joinedAtDate,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.userpopoutheader} .joinedAtDate {
color: hsla(0,0%,100%,.6);
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userprofiletopsectionnormal} .joinedAtDate {
color: hsla(216,4%,74%,.6);
}
${BDFDB.dotCN.themelight} [class*='topSection']:not(${BDFDB.dotCN.userprofiletopsectionnormal}) .joinedAtDate,
${BDFDB.dotCN.themedark} [class*='topSection'] .joinedAtDate {
color: hsla(0,0%,100%,.6);
}`;
this.defaults = {
settings: {
addInUserPopout: {value:true, description:"Add in User Popouts:"},
addInUserProfil: {value:true, description:"Add in User Profil Modal:"},
addJoinedAtTime: {value:true, description:"Display the Time when the User Joined:"},
forceZeros: {value:false, description:"Force leading Zeros:"}
},
choices: {
joinedAtDateLang: {value:"$discord", description:"Joined At Date Format:"}
}
};
}
getSettingsPanel () {
if (!this.started || typeof BDFDB !== "object") return;
let settings = BDFDB.getAllData(this, "settings");
let choices = BDFDB.getAllData(this, "choices");
let settingshtml = `
${this.getName()}
`;
for (let key in settings) {
settingshtml += `
`;
}
for (let key in choices) {
settingshtml += `
${this.defaults.choices[key].description}
${this.languages[choices[key]].name}
${this.getJoinedTime(this.languages[choices[key]].id)}
`;
}
settingshtml += `
`;
let settingspanel = BDFDB.htmlToElement(settingshtml);
BDFDB.initElements(settingspanel, this);
$(settingspanel)
.on("click", BDFDB.dotCN.switchinner, () => {
this.updateSettings(settingspanel);
let choices = BDFDB.getAllData(this, "choices");
for (let key in choices) {
settingspanel.querySelector(`${BDFDB.dotCN.select}[type='${key}'] .languageTimestamp`).innerText = this.getJoinedTime(this.languages[choices[key]].id);
}
})
.on("click", BDFDB.dotCN.selectcontrol, e => {this.openDropdownMenu(e);});
return settingspanel;
}
//legacy
load () {}
start () {
let libraryScript = null;
if (typeof BDFDB !== "object" || BDFDB.isLibraryOutdated()) {
if (typeof BDFDB === "object") BDFDB = "";
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") this.initialize();
else libraryScript.addEventListener("load", () => {this.initialize();});
}
initialize () {
if (typeof BDFDB === "object") {
BDFDB.loadMessage(this);
this.CurrentGuildStore = BDFDB.WebModules.findByProperties("getLastSelectedGuildId");
this.APIModule = BDFDB.WebModules.findByProperties("getAPIBaseURL");
this.DiscordConstants = BDFDB.WebModules.findByProperties("Permissions", "ActivityTypes", "StatusTypes");
this.languages = Object.assign({},BDFDB.languages);
BDFDB.WebModules.forceAllUpdates(this);
}
else {
console.error(this.getName() + ": Fatal Error: Could not load BD functions!");
}
}
stop () {
if (typeof BDFDB === "object") {
BDFDB.removeEles(".joinedAtDate");
BDFDB.unloadMessage(this);
}
}
// begin of own functions
updateSettings (settingspanel) {
let settings = {};
for (let input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
settings[input.value] = input.checked;
}
BDFDB.saveAllData(settings, this, "settings");
}
openDropdownMenu (e) {
let selectControl = e.currentTarget;
let selectWrap = selectControl.parentElement;
let plugincard = BDFDB.getParentEle("li", selectWrap);
if (!plugincard || selectWrap.classList.contains(BDFDB.disCN.selectisopen)) return;
selectWrap.classList.add(BDFDB.disCN.selectisopen);
plugincard.style.setProperty("overflow", "visible", "important");
let type = selectWrap.getAttribute("type");
let selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"), type);
selectWrap.appendChild(selectMenu);
$(selectMenu)
.on("mousedown." + this.getName(), BDFDB.dotCN.selectoption, e2 => {
let language = e2.currentTarget.getAttribute("value");
selectWrap.setAttribute("value", language);
selectControl.querySelector(".languageName").innerText = this.languages[language].name;
selectControl.querySelector(".languageTimestamp").innerText = this.getJoinedTime(language);
BDFDB.saveData(type, language, this, "choices");
});
$(document)
.on("mousedown.select" + this.getName(), e2 => {
if (e2.target.parentElement == selectMenu) return;
$(document).off("mousedown.select" + this.getName());
selectMenu.remove();
plugincard.style.removeProperty("overflow");
setTimeout(() => {selectWrap.classList.remove(BDFDB.disCN.selectisopen);},100);
});
}
createDropdownMenu (choice, type) {
let menuhtml = ``;
return BDFDB.htmlToElement(menuhtml);
}
processUserPopout (instance, wrapper) {
if (instance.props && instance.props.user && BDFDB.getData("addInUserPopout", this, "settings")) {
this.addJoinedAtDate(instance.props.user, wrapper.querySelector(BDFDB.dotCN.userpopoutheadertext), wrapper.parentElement);
}
}
processUserProfile (instance, wrapper) {
if (instance.props && instance.props.user && BDFDB.getData("addInUserProfil", this, "settings")) {
this.addJoinedAtDate(instance.props.user, wrapper.querySelector(BDFDB.dotCN.userprofileheaderinfo), null);
}
}
addJoinedAtDate (info, container, popout) {
if (!info || !container || container.querySelector(".joinedAtDate")) return;
let guildid = this.CurrentGuildStore.getGuildId();
if (guildid) {
if (!this.loadedusers[guildid]) this.loadedusers[guildid] = {};
let timestamp, addTimestamp = (timestamp) => {
if (document.contains(container)) {
let choice = BDFDB.getData("joinedAtDateLang", this, "choices");
let nametag = container.querySelector(BDFDB.dotCN.nametag);
let creationDate = container.querySelector(".creationDate");
container.insertBefore(BDFDB.htmlToElement(`${this.labels.joinedat_text + " " + this.getJoinedTime(this.languages[choice].id, timestamp)}
`), creationDate ? creationDate : (nametag ? nametag.nextSibling : null));
BDFDB.initElements(container.parentElement);
if (popout && popout.style.transform.indexOf("translateY(-1") == -1) {
let arect = document.querySelector(BDFDB.dotCN.appmount).getBoundingClientRect();
let prect = popout.getBoundingClientRect();
popout.style.setProperty("top", (prect.y + prect.height > arect.height ? (arect.height - prect.height) : prect.y) + "px");
}
}
};
if (this.loadedusers[guildid][info.id]) addTimestamp(this.loadedusers[guildid][info.id]);
else this.APIModule.get(this.DiscordConstants.Endpoints.GUILD_MEMBER(guildid,info.id)).then(result => {
if (result && result.body) {
timestamp = new Date(result.body.joined_at);
this.loadedusers[guildid][info.id] = timestamp;
addTimestamp(timestamp);
}
});
}
}
getJoinedTime (languageid, timestamp = new Date()) {
let settings = BDFDB.getAllData(this, "settings");
let timestring = settings.addJoinedAtTime ? timestamp.toLocaleString(languageid) : timestamp.toLocaleDateString(languageid);
if (timestring && settings.forceZeros) timestring = this.addLeadingZeros(timestring);
return timestring;
}
addLeadingZeros (timestring) {
let chararray = timestring.split("");
let numreg = /[0-9]/;
for (let i = 0; i < chararray.length; i++) {
if (!numreg.test(chararray[i-1]) && numreg.test(chararray[i]) && !numreg.test(chararray[i+1])) chararray[i] = "0" + chararray[i];
}
return chararray.join("");
}
setLabelsByLanguage () {
switch (BDFDB.getDiscordLanguage().id) {
case "hr": //croatian
return {
joinedat_text: "Pridružio"
};
case "da": //danish
return {
joinedat_text: "Tilmeldt den"
};
case "de": //german
return {
joinedat_text: "Beigetreten am"
};
case "es": //spanish
return {
joinedat_text: "Unido el"
};
case "fr": //french
return {
joinedat_text: "Inscrit le"
};
case "it": //italian
return {
joinedat_text: "Iscritto il"
};
case "nl": //dutch
return {
joinedat_text: "Aangesloten op"
};
case "no": //norwegian
return {
joinedat_text: "Ble med på"
};
case "pl": //polish
return {
joinedat_text: "Dołączył"
};
case "pt-BR": //portuguese (brazil)
return {
joinedat_text: "Inscreveu-se em"
};
case "fi": //finnish
return {
joinedat_text: "Liittynyt"
};
case "sv": //swedish
return {
joinedat_text: "Anlände den"
};
case "tr": //turkish
return {
joinedat_text: "Katıldı"
};
case "cs": //czech
return {
joinedat_text: "Přihlásil dne"
};
case "bg": //bulgarian
return {
joinedat_text: "Се присъедини на"
};
case "ru": //russian
return {
joinedat_text: "Присоединился"
};
case "uk": //ukrainian
return {
joinedat_text: "Приєднався"
};
case "ja": //japanese
return {
joinedat_text: "に参加しました"
};
case "zh-TW": //chinese (traditional)
return {
joinedat_text: "加入了"
};
case "ko": //korean
return {
joinedat_text: "에 가입"
};
default: //default: english
return {
joinedat_text: "Joined on"
};
}
}
}