2018-10-11 10:21:26 +02:00
|
|
|
//META{"name":"ShowHiddenChannels"}*//
|
|
|
|
|
|
|
|
|
|
class ShowHiddenChannels {
|
2019-01-17 23:48:29 +01:00
|
|
|
getName () {return "ShowHiddenChannels";}
|
|
|
|
|
|
2019-01-18 16:47:50 +01:00
|
|
|
getVersion () {return "2.4.1";}
|
2019-01-17 23:48:29 +01:00
|
|
|
|
|
|
|
|
getAuthor () {return "DevilBro";}
|
|
|
|
|
|
|
|
|
|
getDescription () {return "Displays channels that are hidden from you by role restrictions.";}
|
|
|
|
|
|
2018-10-11 10:21:26 +02:00
|
|
|
initConstructor () {
|
2019-01-17 23:48:29 +01:00
|
|
|
this.patchModules = {
|
2019-01-18 00:36:59 +01:00
|
|
|
"Channels":["componentDidMount","componentDidUpdate"],
|
2019-01-18 16:47:50 +01:00
|
|
|
"ChannelItem":"componentDidMount",
|
2019-01-23 21:13:09 +01:00
|
|
|
"ChannelCategoryItem":"componentDidMount",
|
2019-01-17 23:48:29 +01:00
|
|
|
"StandardSidebarView":"componentWillUnmount"
|
|
|
|
|
};
|
2018-10-11 10:21:26 +02:00
|
|
|
|
|
|
|
|
this.categoryMarkup =
|
|
|
|
|
`<div class="container-hidden">
|
2019-01-17 23:48:29 +01:00
|
|
|
<div class="${BDFDB.disCN.categorycontainerdefault} hidden-channel">
|
2018-10-11 10:21:26 +02:00
|
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstart + BDFDB.disCNS.nowrap + BDFDB.disCNS.categorywrapperdefault + BDFDB.disCN.cursorpointer}" style="flex: 1 1 auto;">
|
|
|
|
|
<svg class="${BDFDB.disCNS.categoryicondefault + BDFDB.disCN.categoryicontransition}" width="12" height="12" viewBox="0 0 24 24">
|
|
|
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
|
|
|
</svg>
|
2019-01-23 21:13:09 +01:00
|
|
|
<div class="${BDFDB.disCNS.categorynamedefault + BDFDB.disCNS.categorycolortransition + BDFDB.disCN.categoryoverflowellipsis}" style="flex: 1 1 auto;">hidden</div>
|
2018-10-11 10:21:26 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
|
|
|
|
|
this.channelTextMarkup =
|
2019-01-17 23:48:29 +01:00
|
|
|
`<div class="${BDFDB.disCN.channelcontainerdefault} hidden-channel">
|
2018-10-11 10:21:26 +02:00
|
|
|
<div class="${BDFDB.disCNS.channelwrapperdefaulttext + BDFDB.disCN.channelwrapper}">
|
|
|
|
|
<div class="${BDFDB.disCNS.channelcontentdefaulttext + BDFDB.disCN.channelcontent}">
|
|
|
|
|
<div class="${BDFDB.disCN.marginreset}" style="flex: 0 0 auto;">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="${BDFDB.disCNS.channelcolordefaulttext + BDFDB.disCN.channelicon}">
|
|
|
|
|
<path class="${BDFDB.disCN.channelbackground}" fill="currentColor" d="M7.92,4.66666667 L6.50666667,4.66666667 L6.98,2 L5.64666667,2 L5.17333333,4.66666667 L2.50666667,4.66666667 L2.27333333,6 L4.94,6 L4.23333333,10 L1.56666667,10 L1.33333333,11.3333333 L4,11.3333333 L3.52666667,14 L4.86,14 L5.33333333,11.3333333 L9.33333333,11.3333333 L8.86,14 L10.1933333,14 L10.6666667,11.3333333 L13.3333333,11.3333333 L13.5666667,10 L12.2333333,10 L8.74333333,10 L5.56666667,10 L6.27333333,6 L7.92,6 L7.92,4.66666667 Z"></path>
|
|
|
|
|
<path class="${BDFDB.disCN.channelforeground}" fill="currentColor" fill-rule="nonzero" d="M15.1,3.2 L15.1,2 C15.1,0.88 14.05,0 13,0 C11.95,0 10.9,0.88 10.9,2 L10.9,3.2 C10.45,3.2 10,3.68 10,4.16 L10,6.96 C10,7.52 10.45,8 10.9,8 L15.025,8 C15.55,8 16,7.52 16,7.04 L16,4.24 C16,3.68 15.55,3.2 15.1,3.2 Z M14,3 L12,3 L12,1.92857143 C12,1.35714286 12.4666667,1 13,1 C13.5333333,1 14,1.35714286 14,1.92857143 L14,3 Z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
2019-01-23 21:13:09 +01:00
|
|
|
<div class="${BDFDB.disCNS.channelnamedefaulttext + BDFDB.disCNS.channelname + BDFDB.disCN.channeloverflowellipsis}" style="flex: 1 1 auto;"></div>
|
2018-10-11 10:21:26 +02:00
|
|
|
<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.marginreset}" style="flex: 0 1 auto;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
|
|
|
|
|
this.channelVoiceMarkup =
|
2019-01-17 23:48:29 +01:00
|
|
|
`<div class="${BDFDB.disCN.channelcontainerdefault} hidden-channel">
|
2018-10-11 10:21:26 +02:00
|
|
|
<div class="${BDFDB.disCNS.channelwrapperdefaultvoice + BDFDB.disCN.channelwrapper}">
|
|
|
|
|
<div class="${BDFDB.disCNS.channelcontentdefaultvoice + BDFDB.disCN.channelcontent}">
|
|
|
|
|
<div class="${BDFDB.disCN.marginreset}" style="flex: 0 0 auto;">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="${BDFDB.disCNS.channelcolordefaultvoice + BDFDB.disCN.channelicon}">
|
2018-11-23 11:01:45 +01:00
|
|
|
<path class="${BDFDB.disCN.channelbackground}" fill="currentColor" d="M13.6005009,10 C12.8887426,11.8438372 11.2906136,13.2480521 9.33333333,13.6933333 L9.33333333,12.3133333 C10.5512947,11.950895 11.5614504,11.1062412 12.1398042,10 L13.6005009,10 Z M10.7736513,8.99497564 C10.4978663,9.6613459 9.98676114,10.2040442 9.33333333,10.5133333 L9.33333333,8.99497564 L10.7736513,8.99497564 Z M2,5.84666667 L4.66666667,5.84666667 L8,2.51333333 L8,13.18 L4.66666667,9.84666667 L2,9.84666667 L2,5.84666667 Z"></path>
|
2018-10-11 10:21:26 +02:00
|
|
|
<path class="${BDFDB.disCN.channelforeground}" fill="currentColor" fill-rule="nonzero" d="M15.1,3.2 L15.1,2 C15.1,0.88 14.05,0 13,0 C11.95,0 10.9,0.88 10.9,2 L10.9,3.2 C10.45,3.2 10,3.68 10,4.16 L10,6.96 C10,7.52 10.45,8 10.9,8 L15.025,8 C15.55,8 16,7.52 16,7.04 L16,4.24 C16,3.68 15.55,3.2 15.1,3.2 Z M14,3 L12,3 L12,1.92857143 C12,1.35714286 12.4666667,1 13,1 C13.5333333,1 14,1.35714286 14,1.92857143 L14,3 Z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</div>
|
2019-01-23 21:13:09 +01:00
|
|
|
<div class="${BDFDB.disCNS.channelnamedefaultvoice + BDFDB.disCNS.channelname + BDFDB.disCN.channeloverflowellipsis}" style="flex: 1 1 auto;"></div>
|
2018-10-11 10:21:26 +02:00
|
|
|
<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.marginreset}" style="flex: 0 1 auto;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
|
|
|
|
|
this.channelCategoryMarkup =
|
2019-01-17 23:48:29 +01:00
|
|
|
`<div class="${BDFDB.disCN.channelcontainerdefault} hidden-channel">
|
2018-10-11 10:21:26 +02:00
|
|
|
<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.disCNS.cursorpointer + BDFDB.disCNS.categorywrappercollapsed + BDFDB.disCN.channelcontent}" style="flex: 1 1 auto;">
|
|
|
|
|
<svg class="${BDFDB.disCNS.categoryicontransition + BDFDB.disCNS.directionright + BDFDB.disCN.categoryiconcollapsed}" width="12" height="12" viewBox="0 0 24 24">
|
|
|
|
|
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
|
|
|
|
|
</svg>
|
2019-01-23 21:13:09 +01:00
|
|
|
<div class="${BDFDB.disCNS.categorycolortransition + BDFDB.disCNS.categoryoverflowellipsis + BDFDB.disCN.categorynamecollapsed}" style="flex: 1 1 auto;"></div>
|
2018-10-11 10:21:26 +02:00
|
|
|
</div>
|
|
|
|
|
</div>`;
|
|
|
|
|
|
|
|
|
|
this.css = `
|
|
|
|
|
.container-hidden .containerDefault-1ZnADq .iconTransition-2pOJ7l {
|
|
|
|
|
position: static;
|
|
|
|
|
}`;
|
|
|
|
|
|
|
|
|
|
this.defaults = {
|
|
|
|
|
settings: {
|
|
|
|
|
showText: {value:true, description:"Show hidden Textchannels:"},
|
|
|
|
|
showVoice: {value:true, description:"Show hidden Voicechannels:"},
|
|
|
|
|
showCategory: {value:false, description:"Show hidden Categories:"},
|
|
|
|
|
showAllowedRoles: {value:true, description:"Show allowed Roles on hover:"},
|
|
|
|
|
showAllowedUsers: {value:true, description:"Show specifically allowed Users on hover:"},
|
|
|
|
|
showOverWrittenRoles: {value:true, description:"Include overwritten Roles in allowed Roles:"},
|
|
|
|
|
showDeniedRoles: {value:true, description:"Show denied Roles on hover:"},
|
|
|
|
|
showDeniedUsers: {value:true, description:"Show denied Users on hover:"},
|
|
|
|
|
showForNormal: {value:false, description:"Also show Roles/Users for allowed channels:"},
|
|
|
|
|
showTopic: {value:false, description:"Show the topic of hidden channels:"}
|
2018-11-23 11:01:45 +01:00
|
|
|
},
|
|
|
|
|
amounts: {
|
|
|
|
|
hoverDelay: {value:0, description:"Tooltip delay in millisec:"}
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
getSettingsPanel () {
|
2019-01-22 11:28:32 +01:00
|
|
|
if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
|
2018-11-23 11:01:45 +01:00
|
|
|
var settings = BDFDB.getAllData(this, "settings");
|
|
|
|
|
var amounts = BDFDB.getAllData(this, "amounts");
|
2019-01-24 13:37:08 +01:00
|
|
|
var 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">`;
|
2018-10-11 10:21:26 +02:00
|
|
|
for (let key in settings) {
|
2019-01-17 23:48:29 +01:00
|
|
|
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: 1 1 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;">${this.defaults.settings[key].description}</h3><div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCN.switchthemedefault}" style="flex: 0 0 auto;"><input type="checkbox" value="settings ${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} settings-switch"${settings[key] ? " checked" : ""}></div></div>`;
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
2018-11-23 11:01:45 +01:00
|
|
|
for (let key in amounts) {
|
2019-01-09 14:09:26 +01:00
|
|
|
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: 1 1 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCN.flexchild}" style="flex: 0 0 50%;">${this.defaults.amounts[key].description}</h3><div class="${BDFDB.disCN.inputwrapper} inputNumberWrapper ${BDFDB.disCNS.vertical + BDFDB.disCNS.flex + BDFDB.disCNS.directioncolumn}" style="flex: 1 1 auto;"><span class="numberinput-buttons-zone"><span class="numberinput-button-up"></span><span class="numberinput-button-down"></span></span><input type="number" min="0" option="${key}" value="${amounts[key]}" class="${BDFDB.disCNS.inputdefault + BDFDB.disCNS.input + BDFDB.disCN.size16} amountInput"></div></div>`;
|
2018-11-23 11:01:45 +01:00
|
|
|
}
|
2018-10-11 10:21:26 +02:00
|
|
|
settingshtml += `</div></div>`;
|
|
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
let settingspanel = BDFDB.htmlToElement(settingshtml);
|
2018-10-11 10:21:26 +02:00
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
BDFDB.initElements(settingspanel, this);
|
2018-10-11 10:21:26 +02:00
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
BDFDB.addEventListener(this, settingspanel, "input", ".amountInput", e => {
|
|
|
|
|
var input = parseInt(e.currentTarget.value);
|
|
|
|
|
if (!isNaN(input) && input > -1) BDFDB.saveData(e.currentTarget.getAttribute("option"), input, this, "amounts");
|
|
|
|
|
});
|
2018-10-11 10:21:26 +02:00
|
|
|
|
|
|
|
|
return settingspanel;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//legacy
|
|
|
|
|
load () {}
|
|
|
|
|
|
|
|
|
|
start () {
|
2019-01-17 23:48:29 +01:00
|
|
|
var libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
|
|
|
|
|
if (!libraryScript || performance.now() - libraryScript.getAttribute("date") > 600000) {
|
2018-10-11 10:21:26 +02:00
|
|
|
if (libraryScript) libraryScript.remove();
|
|
|
|
|
libraryScript = document.createElement("script");
|
|
|
|
|
libraryScript.setAttribute("type", "text/javascript");
|
|
|
|
|
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js");
|
2019-01-17 23:48:29 +01:00
|
|
|
libraryScript.setAttribute("date", performance.now());
|
|
|
|
|
libraryScript.addEventListener("load", () => {
|
|
|
|
|
BDFDB.loaded = true;
|
|
|
|
|
this.initialize();
|
|
|
|
|
});
|
2018-10-11 10:21:26 +02:00
|
|
|
document.head.appendChild(libraryScript);
|
|
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
else if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
|
2018-10-11 10:21:26 +02:00
|
|
|
this.startTimeout = setTimeout(() => {this.initialize();}, 30000);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
initialize () {
|
2019-01-17 23:48:29 +01:00
|
|
|
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
2019-01-22 11:05:54 +01:00
|
|
|
if (this.started) return;
|
2018-10-11 10:21:26 +02:00
|
|
|
BDFDB.loadMessage(this);
|
|
|
|
|
|
2018-12-20 22:54:42 +01:00
|
|
|
this.React = BDFDB.WebModules.findByProperties("createElement", "cloneElement");
|
|
|
|
|
this.ChannelTypes = BDFDB.WebModules.findByProperties("ChannelTypes").ChannelTypes;
|
|
|
|
|
this.UserStore = BDFDB.WebModules.findByProperties("getUsers", "getUser");
|
|
|
|
|
this.MemberStore = BDFDB.WebModules.findByProperties("getMember", "getMembers");
|
2019-01-18 00:36:59 +01:00
|
|
|
this.GuildStore = BDFDB.WebModules.findByProperties("getGuilds", "getGuild");
|
2018-12-20 22:54:42 +01:00
|
|
|
this.ChannelStore = BDFDB.WebModules.findByProperties("getChannels", "getDMFromUserId");
|
|
|
|
|
this.GuildChannels = BDFDB.WebModules.findByProperties("getChannels", "getDefaultChannel");
|
|
|
|
|
this.Permissions = BDFDB.WebModules.findByProperties("Permissions", "ActivityTypes").Permissions;
|
2018-10-11 10:21:26 +02:00
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
BDFDB.WebModules.forceAllUpdates(this, "Channels");
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
else {
|
2019-01-24 13:37:08 +01:00
|
|
|
console.error(`%c[${this.name}]%c`, 'color: #3a71c1; font-weight: 700;', '', 'Fatal Error: Could not load BD functions!');
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
stop () {
|
2019-01-17 23:48:29 +01:00
|
|
|
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
|
|
|
|
|
BDFDB.removeEles(".container-hidden");
|
2018-10-11 10:21:26 +02:00
|
|
|
BDFDB.unloadMessage(this);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// begin of own functions
|
2019-01-17 23:48:29 +01:00
|
|
|
|
2019-01-18 00:36:59 +01:00
|
|
|
processChannels (instance, wrapper, methodnames) {
|
|
|
|
|
if (instance.props && instance.props.guild) {
|
|
|
|
|
if (methodnames.includes("componentDidMount")) this.appendHiddenContainer(instance.props.guild);
|
|
|
|
|
if (methodnames.includes("componentDidUpdate")) this.reappendHiddenContainer(instance.props.guild);
|
|
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
}
|
|
|
|
|
|
2019-01-18 16:47:50 +01:00
|
|
|
processChannelItem (instance, wrapper) {
|
|
|
|
|
if (instance.props && instance.props.channel) this.reappendHiddenContainer(this.GuildStore.getGuild(instance.props.channel.guild_id));
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-23 21:13:09 +01:00
|
|
|
processChannelCategoryItem (instance, wrapper) {
|
2019-01-18 00:36:59 +01:00
|
|
|
if (instance.props && instance.props.channel) this.reappendHiddenContainer(this.GuildStore.getGuild(instance.props.channel.guild_id));
|
2019-01-17 23:48:29 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
processStandardSidebarView (instance, wrapper) {
|
|
|
|
|
if (this.SettingsUpdated) {
|
|
|
|
|
delete this.SettingsUpdated;
|
2019-01-18 16:47:50 +01:00
|
|
|
BDFDB.WebModules.forceAllUpdates(this, "Channels");
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
appendHiddenContainer (guild) {
|
|
|
|
|
BDFDB.removeEles(".container-hidden");
|
|
|
|
|
if (!guild) return;
|
2019-01-18 16:47:50 +01:00
|
|
|
this.currentGuild = guild.id;
|
2019-01-17 23:48:29 +01:00
|
|
|
var allChannels = this.ChannelStore.getChannels();
|
|
|
|
|
var shownChannels = this.GuildChannels.getChannels(guild.id);
|
|
|
|
|
var hiddenChannels = {};
|
|
|
|
|
|
|
|
|
|
for (let type in this.ChannelTypes) hiddenChannels[this.ChannelTypes[type]] = [];
|
|
|
|
|
|
|
|
|
|
for (let channel_id in allChannels) {
|
|
|
|
|
var channel = allChannels[channel_id];
|
|
|
|
|
if (channel.guild_id == guild.id) {
|
|
|
|
|
var isHidden = true;
|
|
|
|
|
if (channel.type == this.ChannelTypes.GUILD_CATEGORY) {
|
|
|
|
|
for (let type in this.ChannelTypes) if (shownChannels[this.ChannelTypes[type]]) for (let shownChannel of shownChannels[this.ChannelTypes[type]]) {
|
|
|
|
|
if (!channel.id || shownChannel.channel.parent_id == channel.id) {
|
|
|
|
|
isHidden = false;
|
|
|
|
|
break;
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
else {
|
|
|
|
|
for (let shownChannel of shownChannels[channel.type]) if (shownChannel.channel.id == channel.id) {
|
|
|
|
|
isHidden = false;
|
|
|
|
|
break;
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
if (isHidden) hiddenChannels[channel.type].push(channel);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-10-11 10:21:26 +02:00
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
var settings = BDFDB.getAllData(this, "settings");
|
|
|
|
|
var count = 0;
|
|
|
|
|
for (let type in this.ChannelTypes) {
|
|
|
|
|
if (!settings.showText && type == "GUILD_TEXT" || !settings.showVoice && type == "GUILD_VOICE" || !settings.showCategory && type == "GUILD_CATEGORY") {
|
|
|
|
|
hiddenChannels[this.ChannelTypes[type]] = [];
|
|
|
|
|
}
|
|
|
|
|
BDFDB.sortArrayByKey(hiddenChannels[this.ChannelTypes[type]], "name");
|
|
|
|
|
count += hiddenChannels[this.ChannelTypes[type]].length;
|
|
|
|
|
}
|
|
|
|
|
hiddenChannels.count = count;
|
|
|
|
|
|
|
|
|
|
if (count > 0) {
|
|
|
|
|
var category = BDFDB.htmlToElement(this.categoryMarkup);
|
|
|
|
|
var wrapper = category.querySelector(BDFDB.dotCN.cursorpointer);
|
|
|
|
|
var svg = category.querySelector(BDFDB.dotCN.categoryicontransition);
|
|
|
|
|
var name = category.querySelector(BDFDB.dotCN.categorycolortransition);
|
|
|
|
|
var inner = category.querySelector(BDFDB.dotCN.categorycontainerdefault + " > " + BDFDB.dotCN.flex);
|
|
|
|
|
category.setAttribute("guild", guild.id);
|
|
|
|
|
inner.addEventListener("click", () => {
|
|
|
|
|
BDFDB.toggleClass(wrapper, BDFDB.disCN.categorywrapperhovered, BDFDB.disCN.categorywrapperhoveredcollapsed);
|
|
|
|
|
BDFDB.toggleClass(svg, BDFDB.disCN.categoryiconhovered, BDFDB.disCN.categoryiconhoveredcollapsed, BDFDB.disCN.directionright);
|
|
|
|
|
BDFDB.toggleClass(name, BDFDB.disCN.categorynamehovered, BDFDB.disCN.categorynamehoveredcollapsed);
|
|
|
|
|
|
|
|
|
|
var visible = BDFDB.containsClass(svg, BDFDB.disCN.directionright);
|
|
|
|
|
BDFDB.toggleEles(category.querySelectorAll(BDFDB.dotCN.channelcontainerdefault), !visible);
|
|
|
|
|
BDFDB.saveData(guild.id, !visible, this, "categorystatus");
|
|
|
|
|
});
|
|
|
|
|
var togglecontainer = () => {
|
|
|
|
|
if (!BDFDB.containsClass(svg, BDFDB.disCN.directionright)) {
|
|
|
|
|
BDFDB.toggleClass(wrapper, BDFDB.disCN.categorywrapperdefault, BDFDB.disCN.categorywrapperhovered);
|
|
|
|
|
BDFDB.toggleClass(svg, BDFDB.disCN.categoryicondefault, BDFDB.disCN.categoryiconhovered);
|
|
|
|
|
BDFDB.toggleClass(name, BDFDB.disCN.categorynamedefault,BDFDB.disCN.categorynamehovered);
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
else {
|
|
|
|
|
BDFDB.toggleClass(wrapper, BDFDB.disCN.categorywrappercollapsed, BDFDB.disCN.categorywrapperhoveredcollapsed)
|
|
|
|
|
BDFDB.toggleClass(svg, BDFDB.disCN.categoryiconcollapsed, BDFDB.disCN.categoryiconhoveredcollapsed);
|
|
|
|
|
BDFDB.toggleClass(name, BDFDB.disCN.categorynamecollapsed, BDFDB.disCN.categorynamehoveredcollapsed)
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
};
|
|
|
|
|
inner.addEventListener("mouseenter", togglecontainer);
|
|
|
|
|
inner.addEventListener("mouseleave", togglecontainer);
|
|
|
|
|
|
|
|
|
|
for (let hiddenChannel of hiddenChannels[0]) {
|
|
|
|
|
let channel = BDFDB.htmlToElement(this.channelTextMarkup);
|
|
|
|
|
let channelwrapper = channel.querySelector(BDFDB.dotCN.channelwrapper);
|
|
|
|
|
let channelicon = channel.querySelector(BDFDB.dotCN.channelcontent);
|
|
|
|
|
let channelsvg = channel.querySelector(BDFDB.dotCN.channelicon);
|
|
|
|
|
let channelname = channel.querySelector(BDFDB.dotCN.channelname);
|
|
|
|
|
this.setReactInstanceOfChannel(hiddenChannel, channel);
|
|
|
|
|
channelname.innerText = hiddenChannel.name;
|
|
|
|
|
BDFDB.addChildEventListener(channel, "mouseenter mouseleave", BDFDB.dotCN.channelwrapper, e => {
|
|
|
|
|
BDFDB.toggleClass(channelwrapper, BDFDB.disCN.channelwrapperdefaulttext, BDFDB.disCN.channelwrapperhoveredtext);
|
|
|
|
|
BDFDB.toggleClass(channelicon, BDFDB.disCN.channelcontentdefaulttext, BDFDB.disCN.channelcontenthoveredtext);
|
|
|
|
|
BDFDB.toggleClass(channelsvg, BDFDB.disCN.channelcolordefaulttext, BDFDB.disCN.channelcolorhoveredtext);
|
|
|
|
|
BDFDB.toggleClass(channelname, BDFDB.disCN.channelnamedefaulttext, BDFDB.disCN.channelnamehoveredtext);
|
|
|
|
|
this.showAccessRoles(guild, hiddenChannel, e, false);
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("click", () => {
|
|
|
|
|
BDFDB.showToast(`You can not enter the hidden textchannel ${hiddenChannel.name}.`, {type:"error"});
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("contextmenu", e => {
|
|
|
|
|
this.createHiddenObjContextMenu(guild, hiddenChannel, "TEXT", e);
|
|
|
|
|
});
|
|
|
|
|
category.appendChild(channel);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let hiddenChannel of hiddenChannels[2]) {
|
|
|
|
|
let channel = BDFDB.htmlToElement(this.channelVoiceMarkup);
|
|
|
|
|
let channelwrapper = channel.querySelector(BDFDB.dotCN.channelwrapper);
|
|
|
|
|
let channelicon = channel.querySelector(BDFDB.dotCN.channelcontent);
|
|
|
|
|
let channelsvg = channel.querySelector(BDFDB.dotCN.channelicon);
|
|
|
|
|
let channelname = channel.querySelector(BDFDB.dotCN.channelname);
|
|
|
|
|
this.setReactInstanceOfChannel(hiddenChannel, channel);
|
|
|
|
|
channelname.innerText = hiddenChannel.name;
|
|
|
|
|
BDFDB.addChildEventListener(channel, "mouseenter mouseleave", BDFDB.dotCN.channelwrapper, e => {
|
|
|
|
|
BDFDB.toggleClass(channelwrapper, BDFDB.disCN.channelwrapperdefaultvoice, BDFDB.disCN.channelwrapperhoveredvoice);
|
|
|
|
|
BDFDB.toggleClass(channelicon, BDFDB.disCN.channelcontentdefaultvoice, BDFDB.disCN.channelcontenthoveredvoice);
|
|
|
|
|
BDFDB.toggleClass(channelsvg, BDFDB.disCN.channelcolordefaultvoice, BDFDB.disCN.channelcolorhoveredvoice);
|
|
|
|
|
BDFDB.toggleClass(channelname, BDFDB.disCN.channelnamedefaultvoice, BDFDB.disCN.channelnamehoveredvoice);
|
|
|
|
|
this.showAccessRoles(guild, hiddenChannel, e, false);
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("click", () => {
|
|
|
|
|
BDFDB.showToast(`You can not enter the hidden voicechannel ${hiddenChannel.name}.`, {type:"error"});
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("contextmenu", e => {
|
|
|
|
|
this.createHiddenObjContextMenu(guild, hiddenChannel, "VOICE", e);
|
|
|
|
|
});
|
|
|
|
|
category.appendChild(channel);
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
2019-01-17 23:48:29 +01:00
|
|
|
|
|
|
|
|
for (let hiddenChannel of hiddenChannels[4]) {
|
|
|
|
|
let channel = BDFDB.htmlToElement(this.channelCategoryMarkup);
|
|
|
|
|
let channelwrapper = channel.querySelector(BDFDB.dotCN.categorywrappercollapsed);
|
|
|
|
|
let channelsvg = channel.querySelector(BDFDB.dotCN.categoryiconcollapsed);
|
|
|
|
|
let channelname = channel.querySelector(BDFDB.dotCN.categorynamecollapsed);
|
|
|
|
|
this.setReactInstanceOfChannel(hiddenChannel, channel);
|
|
|
|
|
channelname.innerText = hiddenChannel.name;
|
|
|
|
|
BDFDB.addChildEventListener(channel, "mouseenter mouseleave", BDFDB.dotCN.flex, e => {
|
|
|
|
|
BDFDB.toggleClass(channelwrapper, BDFDB.disCN.categorywrappercollapsed, BDFDB.disCN.categorywrapperhoveredcollapsed);
|
|
|
|
|
BDFDB.toggleClass(channelsvg, BDFDB.disCN.categoryiconcollapsed, BDFDB.disCN.categoryiconhoveredcollapsed);
|
|
|
|
|
BDFDB.toggleClass(channelname, BDFDB.disCN.categorynamecollapsed, BDFDB.disCN.categorynamehoveredcollapsed);
|
|
|
|
|
this.showAccessRoles(guild, hiddenChannel, e, false);
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("click", () => {
|
|
|
|
|
BDFDB.showToast(`You can not open the hidden category ${hiddenChannel.name}.`, {type:"error"});
|
|
|
|
|
});
|
|
|
|
|
channel.addEventListener("contextmenu", e => {
|
|
|
|
|
this.createHiddenObjContextMenu(guild, hiddenChannel, "CATEGORY", e);
|
|
|
|
|
});
|
|
|
|
|
category.appendChild(channel);
|
|
|
|
|
}
|
|
|
|
|
if (BDFDB.loadData(guild.id, this, "categorystatus") === false) {
|
|
|
|
|
BDFDB.toggleClass(wrapper, BDFDB.disCN.categorywrapperdefault, BDFDB.disCN.categorywrappercollapsed);
|
|
|
|
|
BDFDB.toggleClass(svg, BDFDB.disCN.categoryicondefault, BDFDB.disCN.categoryiconcollapsed, BDFDB.disCN.directionright);
|
|
|
|
|
BDFDB.toggleClass(name, BDFDB.disCN.categorynamedefault, BDFDB.disCN.categorynamecollapsed);
|
|
|
|
|
|
|
|
|
|
BDFDB.toggleEles(category.querySelectorAll(BDFDB.dotCN.channelcontainerdefault), false);
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-18 00:36:59 +01:00
|
|
|
this.reappendHiddenContainer(guild, category);
|
2019-01-17 23:48:29 +01:00
|
|
|
}
|
|
|
|
|
let channellist = document.querySelector(BDFDB.dotCNS.channels + BDFDB.dotCN.scroller);
|
|
|
|
|
if (channellist) {
|
|
|
|
|
BDFDB.removeEventListener(this, channellist, "mouseenter", BDFDB.dotCNC.channelcontainerdefault + BDFDB.dotCN.categorycontainerdefault);
|
|
|
|
|
if (settings.showForNormal) BDFDB.addEventListener(this, channellist, "mouseenter", BDFDB.dotCNC.channelcontainerdefault + BDFDB.dotCN.categorycontainerdefault, e => {
|
|
|
|
|
if (!BDFDB.containsClass(e.currentTarget, "hidden-channel")) {
|
|
|
|
|
var channel = BDFDB.getKeyInformation({"node":e.currentTarget,"key":"channel"});
|
|
|
|
|
if (channel) this.showAccessRoles(guild, channel, e, false);
|
|
|
|
|
}
|
|
|
|
|
});
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-18 16:47:50 +01:00
|
|
|
reappendHiddenContainer (guild, category = document.querySelector(BDFDB.dotCNS.channels + BDFDB.dotCNS.scroller + ".container-hidden")) {
|
2019-01-18 00:36:59 +01:00
|
|
|
if (!guild) return;
|
2019-01-18 16:47:50 +01:00
|
|
|
if (guild.id != this.currentGuild) this.appendHiddenContainer(guild);
|
2019-01-17 23:48:29 +01:00
|
|
|
else if (category) {
|
|
|
|
|
var scroller = document.querySelector(BDFDB.dotCNS.channels + BDFDB.dotCN.scroller);
|
2019-01-18 00:36:59 +01:00
|
|
|
if (!scroller || scroller.lastChild.previousSibling == category) return;
|
2019-01-17 23:48:29 +01:00
|
|
|
category.remove();
|
|
|
|
|
let count = parseInt(scroller.lastChild.previousSibling.className.split("-")[1])+1;
|
|
|
|
|
category.className = "container-" + count + " container-hidden";
|
|
|
|
|
scroller.insertBefore(category, scroller.lastChild);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
setReactInstanceOfChannel (guild, div) {
|
|
|
|
|
var reactInstance = BDFDB.React.createElement(div);
|
|
|
|
|
reactInstance.memoizedProps = {channel:guild};
|
2018-12-14 15:18:45 +01:00
|
|
|
div.__reactInternalInstance = reactInstance;
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
createHiddenObjContextMenu (guild, channel, type, e) {
|
2018-10-11 10:21:26 +02:00
|
|
|
e.preventDefault();
|
|
|
|
|
e.stopPropagation();
|
2019-01-17 23:48:29 +01:00
|
|
|
var contextMenu = BDFDB.htmlToElement(`<div class="${BDFDB.disCN.contextmenu} showhiddenchannels-contextmenu">${BDFDB.isPluginEnabled("PermissionsViewer") ? '<div class="' + BDFDB.disCN.contextmenuitemgroup + '"><div class="' + BDFDB.disCN.contextmenuitem + '" style="display: none !important;"></div></div>' : ''}<div class="${BDFDB.disCN.contextmenuitemgroup}"><div class="${BDFDB.disCN.contextmenuitem} copyid-item"><span>${BDFDB.LanguageStrings.COPY_ID}</span><div class="${BDFDB.disCN.contextmenuhint}"></div></div></div></div>`);
|
|
|
|
|
var reactInstance = BDFDB.React.createElement(contextMenu);
|
|
|
|
|
reactInstance.memoizedProps = {displayName:"ChannelDeleteGroup",guild,channel};
|
|
|
|
|
reactInstance.return = {memoizedProps:{type:("CHANNEL_LIST_" + type),guild,channel}};
|
|
|
|
|
contextMenu.__reactInternalInstance = reactInstance;
|
|
|
|
|
BDFDB.addChildEventListener(contextMenu, "click", ".copyid-item", e2 => {
|
|
|
|
|
contextMenu.remove();
|
|
|
|
|
require("electron").clipboard.write({text: channel.id});
|
|
|
|
|
});
|
2018-10-11 10:21:26 +02:00
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
BDFDB.appendContextMenu(contextMenu, e);
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
|
2019-01-17 23:48:29 +01:00
|
|
|
showAccessRoles (guild, channel, e, allowed) {
|
|
|
|
|
if ((e.type != "mouseenter" && e.type != "mouseover") || !guild || !channel) return;
|
2018-10-11 10:21:26 +02:00
|
|
|
var settings = BDFDB.getAllData(this, "settings");
|
2019-01-17 23:48:29 +01:00
|
|
|
var myMember = this.MemberStore.getMember(guild.id, BDFDB.myData.id);
|
2018-10-11 10:21:26 +02:00
|
|
|
var allowedRoles = [], allowedUsers = [], overwrittenRoles = [], deniedRoles = [], deniedUsers = [];
|
|
|
|
|
var everyoneDenied = false;
|
|
|
|
|
for (let id in channel.permissionOverwrites) {
|
|
|
|
|
if (settings.showAllowedRoles &&
|
|
|
|
|
channel.permissionOverwrites[id].type == "role" &&
|
2019-01-17 23:48:29 +01:00
|
|
|
(guild.roles[id].name != "@everyone") &&
|
2018-10-11 10:21:26 +02:00
|
|
|
(channel.permissionOverwrites[id].allow | this.Permissions.VIEW_CHANNEL) == channel.permissionOverwrites[id].allow) {
|
|
|
|
|
if (myMember.roles.includes(id) && !allowed) {
|
2019-01-17 23:48:29 +01:00
|
|
|
if (settings.showOverWrittenRoles) overwrittenRoles.push(guild.roles[id]);
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
else {
|
2019-01-17 23:48:29 +01:00
|
|
|
allowedRoles.push(guild.roles[id]);
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else if (settings.showAllowedUsers &&
|
|
|
|
|
channel.permissionOverwrites[id].type == "member" &&
|
|
|
|
|
(channel.permissionOverwrites[id].allow | this.Permissions.VIEW_CHANNEL) == channel.permissionOverwrites[id].allow) {
|
|
|
|
|
let user = this.UserStore.getUser(id);
|
2019-01-17 23:48:29 +01:00
|
|
|
let member = this.MemberStore.getMember(guild.id,id);
|
2018-10-11 10:21:26 +02:00
|
|
|
if (user && member) allowedUsers.push(Object.assign({name:user.username},member));
|
|
|
|
|
}
|
|
|
|
|
if (settings.showDeniedRoles &&
|
|
|
|
|
channel.permissionOverwrites[id].type == "role" &&
|
|
|
|
|
(channel.permissionOverwrites[id].deny | this.Permissions.VIEW_CHANNEL) == channel.permissionOverwrites[id].deny) {
|
2019-01-17 23:48:29 +01:00
|
|
|
deniedRoles.push(guild.roles[id]);
|
|
|
|
|
if (guild.roles[id].name == "@everyone") everyoneDenied = true;
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
else if (settings.showDeniedUsers &&
|
|
|
|
|
channel.permissionOverwrites[id].type == "member" &&
|
|
|
|
|
(channel.permissionOverwrites[id].deny | this.Permissions.VIEW_CHANNEL) == channel.permissionOverwrites[id].deny) {
|
|
|
|
|
let user = this.UserStore.getUser(id);
|
2019-01-17 23:48:29 +01:00
|
|
|
let member = this.MemberStore.getMember(guild.id,id);
|
2018-10-11 10:21:26 +02:00
|
|
|
if (user && member) deniedUsers.push(Object.assign({name:user.username},member));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (settings.showAllowedRoles && allowed && !everyoneDenied) {
|
|
|
|
|
allowedRoles.push({"name":"@everyone"});
|
|
|
|
|
}
|
|
|
|
|
var htmlString = ``;
|
|
|
|
|
if (settings.showTopic && !allowed && channel.topic && channel.topic.replace(/[\t\n\r\s]/g, "")) {
|
2018-12-22 22:24:29 +01:00
|
|
|
htmlString += `<div class="${BDFDB.disCN.marginbottom4}">Topic:</div><div class="${BDFDB.disCNS.flex + BDFDB.disCN.wrap}"><div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-topic" style="border-color: rgba(255, 255, 255, 0.6); height: unset !important; padding-top: 5px; padding-bottom: 5px; max-width: ${window.outerWidth/3}px">${BDFDB.encodeToHTML(channel.topic)}</div></div>`;
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
if (allowedRoles.length > 0 || overwrittenRoles.length > 0) {
|
|
|
|
|
htmlString += `<div class="${BDFDB.disCN.marginbottom4}">Allowed Roles:</div><div class="${BDFDB.disCNS.flex + BDFDB.disCN.wrap}">`;
|
|
|
|
|
for (let role of allowedRoles) {
|
2018-12-14 11:07:51 +01:00
|
|
|
let color = role.colorString ? BDFDB.colorCONVERT(role.colorString, "RGBCOMP") : [255,255,255];
|
2018-10-11 10:21:26 +02:00
|
|
|
htmlString += `<div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-allowedrole" style="border-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.6);"><div class="${BDFDB.disCNS.userpopoutrolecircle}" style="background-color: rgb(${color[0]}, ${color[1]}, ${color[2]});"></div><div class="${BDFDB.disCNS.userpopoutrolename}">${BDFDB.encodeToHTML(role.name)}</div></div>`;
|
|
|
|
|
}
|
|
|
|
|
for (let role of overwrittenRoles) {
|
2018-12-14 11:07:51 +01:00
|
|
|
let color = role.colorString ? BDFDB.colorCONVERT(role.colorString, "RGBCOMP") : [255,255,255];
|
2018-10-11 10:21:26 +02:00
|
|
|
htmlString += `<div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-overwrittenrole" style="border-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.6);"><div class="${BDFDB.disCNS.userpopoutrolecircle}" style="background-color: rgb(${color[0]}, ${color[1]}, ${color[2]});"></div><div class="${BDFDB.disCNS.userpopoutrolename}" style="text-decoration: line-through !important;">${BDFDB.encodeToHTML(role.name)}</div></div>`;
|
|
|
|
|
}
|
|
|
|
|
htmlString += `</div>`;
|
|
|
|
|
}
|
|
|
|
|
if (allowedUsers.length > 0) {
|
|
|
|
|
htmlString += `<div class="${BDFDB.disCN.marginbottom4}">Allowed Users:</div><div class="${BDFDB.disCNS.flex + BDFDB.disCN.wrap}">`;
|
|
|
|
|
for (let user of allowedUsers) {
|
2018-12-14 11:07:51 +01:00
|
|
|
let color = user.colorString ? BDFDB.colorCONVERT(user.colorString, "RGBCOMP") : [255,255,255];
|
2018-10-11 10:21:26 +02:00
|
|
|
htmlString += `<div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-denieduser" style="border-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.6);"><div class="${BDFDB.disCNS.userpopoutrolecircle}" style="background-color: rgb(${color[0]}, ${color[1]}, ${color[2]});"></div><div class="${BDFDB.disCNS.userpopoutrolename}">${BDFDB.encodeToHTML(user.nick ? user.nick : user.name)}</div></div>`;
|
|
|
|
|
}
|
|
|
|
|
htmlString += `</div>`;
|
|
|
|
|
}
|
|
|
|
|
if (deniedRoles.length > 0) {
|
|
|
|
|
htmlString += `<div class="${BDFDB.disCN.marginbottom4}">Denied Roles:</div><div class="${BDFDB.disCNS.flex + BDFDB.disCN.wrap}">`;
|
|
|
|
|
for (let role of deniedRoles) {
|
2018-12-14 11:07:51 +01:00
|
|
|
let color = role.colorString ? BDFDB.colorCONVERT(role.colorString, "RGBCOMP") : [255,255,255];
|
2018-10-11 10:21:26 +02:00
|
|
|
htmlString += `<div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-deniedrole" style="border-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.6);"><div class="${BDFDB.disCNS.userpopoutrolecircle}" style="background-color: rgb(${color[0]}, ${color[1]}, ${color[2]});"></div><div class="${BDFDB.disCNS.userpopoutrolename}">${BDFDB.encodeToHTML(role.name)}</div></div>`;
|
|
|
|
|
}
|
|
|
|
|
htmlString += `</div>`;
|
|
|
|
|
}
|
|
|
|
|
if (deniedUsers.length > 0) {
|
|
|
|
|
htmlString += `<div class="${BDFDB.disCN.marginbottom4}">Denied Users:</div><div class="${BDFDB.disCNS.flex + BDFDB.disCN.wrap}">`;
|
|
|
|
|
for (let user of deniedUsers) {
|
2018-12-14 11:07:51 +01:00
|
|
|
let color = user.colorString ? BDFDB.colorCONVERT(user.colorString, "RGBCOMP") : [255,255,255];
|
2018-10-11 10:21:26 +02:00
|
|
|
htmlString += `<div class="${BDFDB.disCNS.userpopoutrole + BDFDB.disCNS.flex + BDFDB.disCNS.aligncenter + BDFDB.disCN.wrap + BDFDB.disCNS.size12 + BDFDB.disCN.weightmedium} SHC-denieduser" style="border-color: rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.6);"><div class="${BDFDB.disCNS.userpopoutrolecircle}" style="background-color: rgb(${color[0]}, ${color[1]}, ${color[2]});"></div><div class="${BDFDB.disCNS.userpopoutrolename}">${BDFDB.encodeToHTML(user.nick ? user.nick : user.name)}</div></div>`;
|
|
|
|
|
}
|
|
|
|
|
htmlString += `</div>`;
|
|
|
|
|
}
|
|
|
|
|
if (htmlString) {
|
2018-11-02 22:00:18 +01:00
|
|
|
var width = window.outerWidth/2;
|
2018-11-25 11:14:48 +01:00
|
|
|
var tooltip = BDFDB.createTooltip(htmlString, e.currentTarget, {type:"right", selector:"showhiddenchannels-tooltip", html:true, style:`max-width: ${width < 200 ? 400 : width}px !important;`, delay:BDFDB.getData("hoverDelay", this, "amounts")});
|
2019-01-17 23:48:29 +01:00
|
|
|
var style = getComputedStyle(e.currentTarget);
|
|
|
|
|
tooltip.style.setProperty("top", BDFDB.getRects(tooltip).top - style.paddingBottom.replace("px","")/2 + style.paddingTop.replace("px","")/2 + "px");
|
2018-10-21 12:00:43 +02:00
|
|
|
}
|
2018-10-11 10:21:26 +02:00
|
|
|
}
|
|
|
|
|
}
|
