402 lines
20 KiB
JavaScript
402 lines
20 KiB
JavaScript
//META{"name":"RepoControls"}*//
|
|
|
|
class RepoControls {
|
|
getName () {return "RepoControls";}
|
|
|
|
getVersion () {return "1.2.4";}
|
|
|
|
getAuthor () {return "DevilBro";}
|
|
|
|
getDescription () {return "Lets you sort and filter your list of downloaded Themes and Plugins.";}
|
|
|
|
initConstructor () {
|
|
this.patchModules = {
|
|
"V2C_List":"componentDidMount",
|
|
"V2C_PluginCard": ["componentDidMount","componentDidUpdate"],
|
|
"V2C_ThemeCard": ["componentDidMount","componentDidUpdate"]
|
|
};
|
|
|
|
this.sortings = {
|
|
sort: {
|
|
name: "Name",
|
|
author: "Author",
|
|
version: "Version",
|
|
description: "Description",
|
|
enabled: "Enabled",
|
|
adddate: "Added",
|
|
moddate: "Modified"
|
|
},
|
|
order: {
|
|
asc: "Ascending",
|
|
desc: "Descending"
|
|
}
|
|
};
|
|
|
|
this.repoControlsMarkup =
|
|
`<div class="repo-controls ${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;">
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignstretch + BDFDB.disCNS.nowrap + BDFDB.disCNS.searchbar + BDFDB.disCN.size14}" style="flex: 1 1 auto;">
|
|
<input class="${BDFDB.disCN.searchbarinput}" value="" placeholder="Search for ..." style="flex: 1 1 auto;">
|
|
<div class="${BDFDB.disCN.searchbariconwrap}">
|
|
<i class="${BDFDB.disCNS.searchbaricon + BDFDB.disCNS.searchbareyeglass + BDFDB.disCN.searchbarvisible}"/>
|
|
<i class="${BDFDB.disCNS.searchbaricon + BDFDB.disCN.searchbarclear}"/>
|
|
</div>
|
|
</div>
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCN.nowrap}" style="flex: 0 1 auto;">
|
|
<button action="add" type="button" class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorgreen + BDFDB.disCNS.buttonsizeicon + BDFDB.disCN.buttongrow} btn-enableall" style="flex: 0 0 auto;">
|
|
<div class="${BDFDB.disCN.buttoncontents}">Enable All</div>
|
|
</button>
|
|
<button action="add" type="button" class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookfilled + BDFDB.disCNS.buttoncolorred + BDFDB.disCNS.buttonsizeicon + BDFDB.disCN.buttongrow} btn-disableall" style="flex: 0 0 auto;">
|
|
<div class="${BDFDB.disCN.buttoncontents}">Disable All</div>
|
|
</button>
|
|
</div>
|
|
<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.quickselect}" style="flex: 0 1 auto;">
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCN.quickselectlabel} style="flex: 0 0 auto;"">Sort by:</div>
|
|
<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.quickselectclick} sort-filter" style="flex: 0 0 auto;">
|
|
<div option="${Object.keys(this.sortings.sort)[0]}" class="${BDFDB.disCN.quickselectvalue}">${this.sortings.sort[Object.keys(this.sortings.sort)[0]]}</div>
|
|
<div class="${BDFDB.disCN.quickselectarrow}"></div>
|
|
</div>
|
|
</div>
|
|
<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.quickselect}" style="flex: 0 1 auto;">
|
|
<div class="${BDFDB.disCNS.flex + BDFDB.disCN.quickselectlabel} style="flex: 0 0 auto;"">Order:</div>
|
|
<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.quickselectclick} order-filter" style="flex: 0 0 auto;">
|
|
<div option="${Object.keys(this.sortings.order)[0]}" class="${BDFDB.disCN.quickselectvalue}">${this.sortings.order[Object.keys(this.sortings.order)[0]]}</div>
|
|
<div class="${BDFDB.disCN.quickselectarrow}"></div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
this.sortPopoutMarkup =
|
|
`<div class="${BDFDB.disCNS.popout + BDFDB.disCNS.popoutbottomright + BDFDB.disCN.popoutnoshadow} repocontrols-sort-popout" style="position: fixed; z-index: 1100; visibility: visible; transform: translateX(-100%) translateY(0%) translateZ(0px);" option="sort">
|
|
<div>
|
|
<div class="${BDFDB.disCN.contextmenu} quickSelectPopout">
|
|
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
|
${Object.keys(this.sortings.sort).map((key, i) => `<div option="${key}" class="${BDFDB.disCN.contextmenuitem}">${this.sortings.sort[key]}</div>`).join("")}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
this.orderPopoutMarkup =
|
|
`<div class="${BDFDB.disCNS.popout + BDFDB.disCNS.popoutbottomright + BDFDB.disCN.popoutnoshadow} repocontrols-order-popout" style="position: fixed; z-index: 1100; visibility: visible; transform: translateX(-100%) translateY(0%) translateZ(0px);" option="order">
|
|
<div>
|
|
<div class="${BDFDB.disCN.contextmenu} quickSelectPopout">
|
|
<div class="${BDFDB.disCN.contextmenuitemgroup}">
|
|
${Object.keys(this.sortings.order).map((key, i) => `<div option="${key}" class="${BDFDB.disCN.contextmenuitem}">${this.sortings.order[key]}</div>`).join("")}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
this.deleteButtonMarkup =
|
|
`<svg class="trashIcon" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" transform="translate(2,1.5)">
|
|
<path d="M 18.012, 0.648 H 12.98 C 12.944, 0.284, 12.637, 0, 12.264, 0 H 8.136 c -0.373, 0 -0.68, 0.284 -0.716, 0.648 H 2.389 c -0.398, 0 -0.72, 0.322 -0.72, 0.72 v 1.368 c 0, 0.398, 0.322, 0.72, 0.72, 0.72 h 15.623 c 0.398, 0, 0.72 -0.322, 0.72 -0.72 V 1.368 C 18.731, 0.97, 18.409, 0.648, 18.012, 0.648 z"/>
|
|
<path d="M 3.178, 4.839 v 14.841 c 0, 0.397, 0.322, 0.72, 0.72, 0.72 h 12.604 c 0.398, 0, 0.72 -0.322, 0.72 -0.72 V 4.839 H 3.178 z M 8.449, 15.978 c 0, 0.438 -0.355, 0.794 -0.794, 0.794 c -0.438, 0 -0.794 -0.355 -0.794 -0.794 V 8.109 c 0 -0.438, 0.355 -0.794, 0.794 -0.794 c 0.438, 0, 0.794, 0.355, 0.794, 0.794 V 15.978 z M 13.538, 15.978 c 0, 0.438 -0.355, 0.794 -0.794, 0.794 s -0.794 -0.355 -0.794 -0.794 V 8.109 c 0 -0.438, 0.355 -0.794, 0.794 -0.794 c 0.438, 0, 0.794, 0.355, 0.794, 0.794 V 15.978 z"/>
|
|
</svg>`;
|
|
|
|
this.css = `
|
|
#bd-settingspane-container .trashIcon {
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
color: #72767d;
|
|
}
|
|
${BDFDB.dotCN.themedark} #bd-settingspane-container .trashIcon {
|
|
color: #dcddde;
|
|
}`;
|
|
|
|
this.defaults = {
|
|
settings: {
|
|
addDeleteButton: {value:true, description:"Add a Delete Button to your Plugin and Theme List."},
|
|
confirmDelete: {value:true, description:"Ask for your confirmation before deleting a File."}
|
|
},
|
|
sortings: {
|
|
sort: {value:"name"},
|
|
order: {value:"asc"}
|
|
}
|
|
};
|
|
}
|
|
|
|
getSettingsPanel () {
|
|
if (!this.started || typeof BDFDB !== "object") return;
|
|
let settings = BDFDB.getAllData(this, "settings");
|
|
let settingshtml = `<div class="${this.getName()}-settings DevilBro-settings"><div class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.size18 + BDFDB.disCNS.height24 + BDFDB.disCNS.weightnormal + BDFDB.disCN.marginbottom8}">${this.getName()}</div><div class="DevilBro-settings-inner">`;
|
|
for (let key in settings) {
|
|
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="${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner}"${settings[key] ? " checked" : ""}></div></div>`;
|
|
}
|
|
settingshtml += `</div></div>`;
|
|
|
|
let settingspanel = $(settingshtml)[0];
|
|
|
|
BDFDB.initElements(settingspanel);
|
|
|
|
$(settingspanel)
|
|
.on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);});
|
|
|
|
return settingspanel;
|
|
}
|
|
|
|
//legacy
|
|
load () {}
|
|
|
|
start () {
|
|
let 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.fs = require("fs");
|
|
this.path = require("path");
|
|
this.dirs = {theme: BDFDB.getThemesFolder(), plugin: BDFDB.getPluginsFolder()};
|
|
|
|
BDFDB.WebModules.forceAllUpdates(this);
|
|
}
|
|
else {
|
|
console.error(this.getName() + ": Fatal Error: Could not load BD functions!");
|
|
}
|
|
}
|
|
|
|
|
|
stop () {
|
|
if (typeof BDFDB === "object") {
|
|
BDFDB.removeEles(".repo-controls","#bd-settingspane-container .trashIcon");
|
|
BDFDB.removeClasses("repocontrols-added");
|
|
|
|
for (let list of document.querySelectorAll(BDFDB.dotCNS._repolist)) {
|
|
list.style.removeProperty("display");
|
|
list.style.removeProperty("flex-direction");
|
|
for (let li of list.querySelectorAll("li")) {
|
|
li.style.removeProperty("display");
|
|
li.style.removeProperty("order");
|
|
}
|
|
}
|
|
|
|
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");
|
|
}
|
|
|
|
processV2CList (instance, container) {
|
|
if (instance._reactInternalFiber.key) this.addControls(instance._reactInternalFiber.key.split("-")[0], container);
|
|
}
|
|
|
|
processV2CPluginCard (instance, wrapper, methodnames) {
|
|
if (wrapper.querySelector(BDFDB.dotCN._reponame)) {
|
|
if (instance.props && BDFDB.getData("addDeleteButton", this, "settings")) this.addDeleteButton("plugin", wrapper);
|
|
if (methodnames.includes("componentDidUpdate")) this.changeTextToHTML(wrapper, "");
|
|
}
|
|
}
|
|
|
|
processV2CThemeCard (instance, wrapper, methodnames) {
|
|
if (wrapper.querySelector(BDFDB.dotCN._reponame)) {
|
|
if (instance.props && BDFDB.getData("addDeleteButton", this, "settings")) this.addDeleteButton("theme", wrapper);
|
|
if (methodnames.includes("componentDidUpdate")) this.changeTextToHTML(wrapper, "");
|
|
}
|
|
}
|
|
|
|
addDeleteButton (type, wrapper) {
|
|
if (!type || !wrapper || wrapper.querySelector(".trashIcon")) return;
|
|
let name = wrapper.getAttribute("data-name");
|
|
if (!name) return;
|
|
let path = global[`bd${type}s`] && global[`bd${type}s`][name] ? this.path.join(this.dirs[type], global[`bd${type}s`][name].filename) : null;
|
|
if (!path) return;
|
|
let button = $(this.deleteButtonMarkup)[0];
|
|
button.addEventListener("click", () => {
|
|
let deleteFile = () => {
|
|
this.fs.unlink(path, (error) => {
|
|
if (error) BDFDB.showToast(`Unable to delete ${type} "${name}".`, {type:"danger"});
|
|
else BDFDB.showToast(`Successfully deleted ${type} "${name}".`, {type:"success"});
|
|
});
|
|
};
|
|
if (!BDFDB.getData("confirmDelete", this, "settings")) deleteFile();
|
|
else BDFDB.openConfirmModal(this, `Are you sure you want to delete the ${type} "${name}"?`, () => {
|
|
deleteFile();
|
|
});
|
|
});
|
|
button.addEventListener("mouseenter", (e) => {
|
|
BDFDB.createTooltip(`Delete ${type[0].toUpperCase() + type.slice(1)}`, e.currentTarget, {type:"top",selector:"repocontrols-trashicon-tooltip"});
|
|
});
|
|
let controls = wrapper.querySelector(BDFDB.dotCN._repocontrols);
|
|
if (controls) controls.insertBefore(button, controls.firstElementChild);
|
|
}
|
|
|
|
addControls (type, container) {
|
|
if (!type || !container) return;
|
|
BDFDB.removeEles(".repo-controls");
|
|
|
|
container.style.setProperty("display","flex","important");
|
|
container.style.setProperty("flex-direction","column","important");
|
|
|
|
let sortings = BDFDB.getAllData(this, "sortings");
|
|
|
|
let repoControls = $(this.repoControlsMarkup);
|
|
BDFDB.initElements(repoControls);
|
|
repoControls.find(".sort-filter " + BDFDB.dotCN.quickselectvalue).attr("option", sortings.sort).text(this.sortings.sort[sortings.sort]);
|
|
repoControls.find(".order-filter " + BDFDB.dotCN.quickselectvalue).attr("option", sortings.order).text(this.sortings.order[sortings.order]);
|
|
repoControls
|
|
.on("keyup." + this.getName(), BDFDB.dotCN.searchbarinput, () => {
|
|
clearTimeout(repoControls.searchTimeout);
|
|
repoControls.searchTimeout = setTimeout(() => {this.sortEntries(container, repoControls);},1000);
|
|
})
|
|
.on("click." + this.getName(), BDFDB.dotCN.searchbarclear + BDFDB.dotCN.searchbarvisible, () => {
|
|
this.sortEntries(container, repoControls);
|
|
})
|
|
.on("click." + this.getName(), ".btn-enableall", (e) => {
|
|
this.toggleAll(type, container, true);
|
|
})
|
|
.on("click." + this.getName(), ".btn-disableall", (e) => {
|
|
this.toggleAll(type, container, false);
|
|
})
|
|
.on("click." + this.getName(), ".sort-filter", (e) => {
|
|
this.openSortPopout(e, this.sortPopoutMarkup, container, repoControls);
|
|
})
|
|
.on("click." + this.getName(), ".order-filter", (e) => {
|
|
this.openSortPopout(e, this.orderPopoutMarkup, container, repoControls);
|
|
})
|
|
.insertBefore(container);
|
|
|
|
container.classList.add("repocontrols-added");
|
|
|
|
container.entries = {};
|
|
for (let li of container.children) {
|
|
if (li.querySelector(BDFDB.dotCN._reponame)) {
|
|
let name = li.querySelector(BDFDB.dotCN._reponame).textContent;
|
|
let version = li.querySelector(BDFDB.dotCN._repoversion).textContent;
|
|
let author = li.querySelector(BDFDB.dotCN._repoauthor).textContent;
|
|
let description = li.querySelector(BDFDB.dotCN._repodescription).textContent;
|
|
let enabled = li.querySelector(BDFDB.dotCN._repocheckbox).checked;
|
|
let path = global[`bd${type}s`] && global[`bd${type}s`][name] ? this.path.join(this.dirs[type], global[`bd${type}s`][name].filename) : null;
|
|
let stats = path ? this.fs.statSync(path) : null;
|
|
container.entries[name] = {
|
|
search: (name + " " + version + " " + author + " " + description).toUpperCase(),
|
|
origName: name,
|
|
name: (name).toUpperCase(),
|
|
version: (version).toUpperCase(),
|
|
author: (author).toUpperCase(),
|
|
description: (description).toUpperCase(),
|
|
type: type,
|
|
path: path,
|
|
adddate: stats ? stats.atime.getTime() : null,
|
|
moddate: stats ? stats.mtime.getTime() : null,
|
|
enabled: enabled ? 0 : 1
|
|
};
|
|
}
|
|
}
|
|
this.sortEntries(container, repoControls);
|
|
}
|
|
|
|
sortEntries (container, repoControls) {
|
|
if (typeof container.entries != "object") return;
|
|
let searchstring = repoControls.find(BDFDB.dotCN.searchbarinput).val().replace(/[<|>]/g, "").toUpperCase();
|
|
|
|
let sortings = BDFDB.getAllData(this, "sortings");
|
|
let entries = BDFDB.filterObject(container.entries, entry => {return entry.search.indexOf(searchstring) > -1 ? entry : null;});
|
|
entries = BDFDB.sortObject(entries, sortings.sort);
|
|
if (sortings.order == "desc") entries = BDFDB.reverseObject(entries);
|
|
let entrypositions = Object.keys(entries);
|
|
for (let li of container.children) {
|
|
let name = li.getAttribute("data-name");
|
|
let pos = entrypositions.indexOf(name);
|
|
if (pos > -1) {
|
|
this.changeTextToHTML(li, searchstring);
|
|
li.style.removeProperty("display");
|
|
li.style.setProperty("order", pos, "important");
|
|
$(li)
|
|
.find(BDFDB.dotCN._repocheckbox)
|
|
.off("change." + this.getName())
|
|
.on("change." + this.getName(), (e) => {
|
|
entries[name].enabled = e.checked ? 0 : 1
|
|
});
|
|
}
|
|
else {
|
|
li.style.setProperty("display", "none", "important");
|
|
li.style.removeProperty("order");
|
|
}
|
|
}
|
|
}
|
|
|
|
changeTextToHTML (wrapper, searchstring) {
|
|
if (!wrapper || !wrapper.tagName) return;
|
|
for (let ele of wrapper.querySelectorAll(BDFDB.dotCNC._reponame + BDFDB.dotCNC._repoversion + BDFDB.dotCNC._repoauthor + BDFDB.dotCN._repodescription)) {
|
|
if (ele.classList.contains(BDFDB.disCN._repodescription)) {
|
|
ele.style.display = "block";
|
|
if (searchstring && searchstring.length > 2) ele.innerHTML = BDFDB.highlightText(ele.innerText, searchstring);
|
|
else ele.innerHTML = ele.innerText;
|
|
}
|
|
else if (searchstring && searchstring.length > 2 || ele.querySelector(BDFDB.dotCN.highlight)) ele.innerHTML = BDFDB.highlightText(ele.innerText, searchstring);
|
|
}
|
|
}
|
|
|
|
toggleAll (type, container, enable) {
|
|
BDFDB.openConfirmModal(this, `Are you sure you want to ${enable ? "enable" : "disable"} all ${type[0].toUpperCase() + type.slice(1)}s?`, () => {
|
|
for (let header of container.querySelectorAll(BDFDB.dotCN._repoheader)) {
|
|
if (header.querySelector(BDFDB.dotCN._reponame).textContent.toLowerCase().indexOf(this.getName().toLowerCase()) != 0) {
|
|
let switchwrap = header.querySelector(BDFDB.dotCN._repocheckboxwrap);
|
|
if (switchwrap) {
|
|
let switchinner = switchwrap.querySelector(BDFDB.dotCN._repocheckboxinner);
|
|
let switchinput = switchwrap.querySelector(BDFDB.dotCN._repocheckbox);
|
|
if (switchinner && switchinput) {
|
|
if (switchinner.classList.contains("checked") && !enable) switchinput.click();
|
|
else if (!switchinner.classList.contains("checked") && enable) switchinput.click();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
openSortPopout (e, markup, container, repoControls) {
|
|
let wrapper = e.currentTarget;
|
|
if (wrapper.classList.contains("popout-open")) return;
|
|
wrapper.classList.add("popout-open");
|
|
let value = $(wrapper).find(BDFDB.dotCN.quickselectvalue);
|
|
let popout = $(markup);
|
|
$(BDFDB.dotCN.popouts).append(popout)
|
|
.off("click", BDFDB.dotCN.contextmenuitem)
|
|
.on("click", BDFDB.dotCN.contextmenuitem, (e2) => {
|
|
let option = $(e2.currentTarget).attr("option");
|
|
value.text($(e2.currentTarget).text());
|
|
value.attr("option", option);
|
|
$(document).off("mousedown.sortpopout" + this.getName());
|
|
popout.remove();
|
|
BDFDB.saveData(popout.attr("option"), option, this, "sortings");
|
|
this.sortEntries(container, repoControls);
|
|
setTimeout(() => {wrapper.classList.remove("popout-open");},300);
|
|
});
|
|
|
|
popout
|
|
.css("left", $(wrapper).offset().left + $(wrapper).outerWidth() + "px")
|
|
.css("top", $(wrapper).offset().top + value.outerHeight() + "px")
|
|
.find(BDFDB.dotCN.contextmenu).addClass(BDFDB.getDiscordTheme());
|
|
|
|
$(document).on("mousedown.sortpopout" + this.getName(), (e2) => {
|
|
if (popout.has(e2.target).length == 0) {
|
|
$(document).off("mousedown.sortpopout" + this.getName());
|
|
popout.remove();
|
|
setTimeout(() => {wrapper.classList.remove("popout-open");},300);
|
|
}
|
|
});
|
|
}
|
|
} |