remove unused static files
This commit is contained in:
parent
7f151366b1
commit
e6d0cea361
@ -1,254 +0,0 @@
|
||||
var contentTable;
|
||||
contentOptions = null;
|
||||
channelResolveInterval = null;
|
||||
|
||||
async function initContentTable() {
|
||||
contentOptions = await getTrackedContentOptions();
|
||||
await initTable("#contentTabPane", "contentTable", loadContent, null, deleteSelectedContent, contentOptions);
|
||||
|
||||
contentTable = $("#contentTable").DataTable({
|
||||
info: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
searching: false,
|
||||
autoWidth: false,
|
||||
order: [],
|
||||
select: {
|
||||
style: "multi+shift",
|
||||
selector: 'th:first-child input[type="checkbox"]'
|
||||
},
|
||||
columnDefs: [
|
||||
{ orderable: false, targets: "no-sort" },
|
||||
{
|
||||
targets: 0,
|
||||
checkboxes: { selectRow: true }
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
// Select row checkbox column
|
||||
title: '<input type="checkbox" class="form-check-input table-select-all" />',
|
||||
data: null,
|
||||
orderable: false,
|
||||
className: "text-center col-switch-width",
|
||||
render: function() {
|
||||
return '<input type="checkbox" class="form-check-input table-select-row" />'
|
||||
}
|
||||
},
|
||||
{ data: "id", visible: false },
|
||||
{
|
||||
title: "GUID",
|
||||
data: "guid",
|
||||
className: "text-truncate mw-10rem",
|
||||
},
|
||||
{
|
||||
title: "Name",
|
||||
data: "title",
|
||||
className: "text-truncate",
|
||||
render: function(data, type, row) {
|
||||
const title = sanitise(data);
|
||||
const url = sanitise(row.url);
|
||||
return `<a href="${url}" class="btn btn-link text-start text-decoration-none" target="_blank">${title}</a>`
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Subscription",
|
||||
data: "subscription.name",
|
||||
className: "text-nowrap",
|
||||
render: function(data, type, row) {
|
||||
const subName = sanitise(data);
|
||||
return `<button type="button" onclick="goToSubscription(${row.subscription.id})" class="btn btn-link text-start text-decoration-none">${subName}</button>`
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Blocked",
|
||||
data: "blocked",
|
||||
className: "text-center col-1",
|
||||
render: function(data) {
|
||||
return data ? `<i class="bi bi-check-lg text-success"></i>` : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Channel",
|
||||
data: "channel_id",
|
||||
className: "text-start",
|
||||
render: function(data, type, row) {
|
||||
const channelId = sanitise(data);
|
||||
const messageId = sanitise(row.message_id);
|
||||
return `<div class="resolve-channel-name text-center" data-channel-id="${channelId}" data-msg-id="${messageId}">
|
||||
<div class="spinner-border spinner-border-sm" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Created",
|
||||
data: "creation_datetime",
|
||||
className: "text-nowrap",
|
||||
render: function(data, type) {
|
||||
let dateTime = new Date(data);
|
||||
return $(`
|
||||
<span data-bs-trigger="hover focus"
|
||||
data-bs-html="true"
|
||||
data-bs-custom-class="text-center"
|
||||
data-bs-toggle="popover"
|
||||
data-bs-content="${formatStringDate(dateTime, "%a, %D %B, %Y<br>%H:%M:%S")}">
|
||||
${formatStringDate(dateTime, "%D, %b %Y")}
|
||||
</span>
|
||||
`).popover()[0];
|
||||
}
|
||||
},
|
||||
{
|
||||
orderable: false,
|
||||
className: "p-0",
|
||||
render: function(data, type, row) {
|
||||
const embedColour = sanitise(row.subscription.embed_colour);
|
||||
return `<div class="h-100" style="background-color: #${embedColour}; width: .25rem;"> </div>`
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
bindTableCheckboxes("#contentTable", contentTable, "#contentTabPane .table-del-btn");
|
||||
|
||||
contentTable.on("draw", function() {
|
||||
restartResolveChannelNamesTask();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// #region Resolve Channels
|
||||
|
||||
function restartResolveChannelNamesTask() {
|
||||
clearInterval(channelResolveInterval);
|
||||
startResolveChannelNamesTask();
|
||||
}
|
||||
|
||||
function startResolveChannelNamesTask() {
|
||||
const guildId = selectedServer.id;
|
||||
channelResolveInterval = setInterval(function() {
|
||||
if (resolveChannelNames(guildId))
|
||||
clearInterval(channelResolveInterval);
|
||||
}, 50)
|
||||
}
|
||||
|
||||
function resolveChannelNames(guildId) {
|
||||
if (!discordChannels.length) {
|
||||
return false
|
||||
}
|
||||
|
||||
$(".resolve-channel-name").each(function() {
|
||||
const channelId = $(this).data("channel-id");
|
||||
const messageId = $(this).data("msg-id");
|
||||
console.log(channelId + " " + messageId);
|
||||
const channel = discordChannels.find(channel => channel.value === channelId);
|
||||
|
||||
if (channel) {
|
||||
const href = `https://discord.com/channels/${guildId}/${channelId}/${messageId}/`;
|
||||
$(this).replaceWith(
|
||||
$("<a>").text(channel.text)
|
||||
.attr("href", href)
|
||||
.attr("target", "_blank")
|
||||
.addClass("btn btn-link text-start text-decoration-none text-nowrap")
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
// #endregion
|
||||
|
||||
async function goToSubscription(subId) {
|
||||
$("#subscriptionsTab").click();
|
||||
await showEditSubModal(subId);
|
||||
}
|
||||
|
||||
|
||||
// #region Delete Content
|
||||
|
||||
async function deleteSelectedContent() {
|
||||
const rows = contentTable.rows(".selected").data().toArray();
|
||||
const names = rows.map(row => { return row.title });
|
||||
const namesString = arrayToHtmlList(names, true).prop("outerHTML");
|
||||
const isMany = names.length > 1;
|
||||
|
||||
await confirmationModal(
|
||||
`Delete ${isMany ? "Many Tracked Contents" : "a Tracked Content"}`,
|
||||
`Do you wish to permanently delete ${isMany ? "these" : "this"} <b>${names.length}</b> Tracked Content${isMany ? "s" : ""}?<br><br>${namesString}`,
|
||||
"danger",
|
||||
async () => {
|
||||
rows.forEach(async row => { await deleteTrackedContent(row.id) });
|
||||
|
||||
showToast(
|
||||
"danger",
|
||||
`Deleted ${names.length} Content${isMany ? "s" : ""}`,
|
||||
`${arrayToHtmlList(names, false).prop("outerHTML")}`,
|
||||
12000
|
||||
);
|
||||
|
||||
// Multi-deletion can take time, this timeout ensures the refresh is accurate
|
||||
setTimeout(async () => {
|
||||
await loadContent(selectedServer.id);
|
||||
}, 600);
|
||||
},
|
||||
null
|
||||
);
|
||||
}
|
||||
|
||||
// #endregion
|
||||
|
||||
|
||||
function clearExistingContentRows() {
|
||||
$("#contentTable thead .table-select-all").prop("checked", false).prop("indeterminate", false);
|
||||
contentTable.clear().draw(false);
|
||||
}
|
||||
|
||||
$("#contentTabPane").on("click", ".table-refresh-btn", async function() {
|
||||
await loadContent(selectedServer.id);
|
||||
});
|
||||
|
||||
|
||||
// #region Load Content
|
||||
|
||||
async function loadContent(guildId) {
|
||||
|
||||
if (!guildId)
|
||||
return;
|
||||
|
||||
setTableFilter("contentTable", "subscription__guild_id", guildId);
|
||||
ensureTablePagination("contentTable");
|
||||
|
||||
$("#contentTabPane .table-del-btn").prop("disabled", true);
|
||||
clearExistingContentRows();
|
||||
|
||||
try {
|
||||
var content = await getTrackedContent(tableFilters["contentTable"], tableSorts["contentTable"]);
|
||||
contentTable.rows.add(content.results).draw(false);
|
||||
}
|
||||
catch (err) {
|
||||
console.error(err);
|
||||
showToast("danger", `Error loading Tracked Content: HTTP ${err.status}`, err, 15000);
|
||||
return;
|
||||
}
|
||||
|
||||
updateTableContainer(
|
||||
"contentTabPane",
|
||||
tableFilters["contentTable"]["page"],
|
||||
tableFilters["contentTable"]["page_size"],
|
||||
content.results.length,
|
||||
content.count,
|
||||
content.next,
|
||||
content.previous
|
||||
);
|
||||
|
||||
$("#contentTable thead .table-select-all").prop("disabled", content.results.length === 0);
|
||||
console.debug(`loaded filters, ${content.results.length} found`)
|
||||
}
|
||||
|
||||
$(document).on("selectedServerChange", async function() {
|
||||
await loadContent(selectedServer.id);
|
||||
});
|
||||
|
||||
// #endregion
|
||||
@ -1,310 +0,0 @@
|
||||
var filtersTable;
|
||||
filterOptions = null;
|
||||
|
||||
// Create filters table
|
||||
async function initFiltersTable() {
|
||||
filterOptions = await getFilterOptions();
|
||||
await initTable("#filtersTabPane", "filtersTable", loadFilters, showEditFilterModal, deleteSelectedFilters, filterOptions);
|
||||
|
||||
filtersTable = $("#filtersTable").DataTable({
|
||||
info: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
searching: false,
|
||||
autoWidth: false,
|
||||
order: [],
|
||||
select: {
|
||||
style: "multi+shift",
|
||||
selector: 'th:first-child input[type="checkbox"]'
|
||||
},
|
||||
columnDefs: [
|
||||
{ orderable: false, targets: "no-sort" },
|
||||
{
|
||||
targets: 0,
|
||||
checkboxes: { selectRow: true }
|
||||
}
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
// Select row checkbox column
|
||||
title: '<input type="checkbox" class="form-check-input table-select-all" />',
|
||||
data: null,
|
||||
orderable: false,
|
||||
className: "text-center col-switch-width",
|
||||
render: function() {
|
||||
return '<input type="checkbox" class="form-check-input table-select-row" />'
|
||||
}
|
||||
},
|
||||
{ title: "ID", data: "id", visible: false },
|
||||
{
|
||||
title: "Name",
|
||||
data: "name",
|
||||
render: function(data, type, row) {
|
||||
const name = sanitise(data);
|
||||
return `<button type="button" onclick="showEditFilterModal(${row.id})" class="btn btn-link text-start text-decoration-none">${name}</button>`
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Matching Algorithm",
|
||||
data: "matching_algorithm",
|
||||
render: function(data) {
|
||||
switch (data) {
|
||||
case 1: return "Any Word";
|
||||
case 2: return "All Words";
|
||||
case 3: return "Exact Match";
|
||||
case 4: return "Regular Expression";
|
||||
case 5: return "Fuzzy Match";
|
||||
default:
|
||||
console.error(`unknown matching algorithm '${data}'`);
|
||||
return sanitise(data);
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Match",
|
||||
data: "match"
|
||||
},
|
||||
{
|
||||
title: "Case Sensitivity",
|
||||
data: "is_insensitive",
|
||||
render: function(data) {
|
||||
return data ? "Insensitive" : "Sensitive"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Control List",
|
||||
data: "is_whitelist",
|
||||
render: function(data) {
|
||||
return data ? "Whitelist" : "Blacklist";
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
bindTableCheckboxes("#filtersTable", filtersTable, "#filtersTabPane .table-del-btn");
|
||||
}
|
||||
|
||||
$("#addFilterBtn").on("click", async function() {
|
||||
await showEditFilterModal(-1);
|
||||
})
|
||||
|
||||
async function showEditFilterModal(filterId) {
|
||||
|
||||
if (filterId === -1) {
|
||||
$("#filterFormModal input, #filterFormModal textarea").val("");
|
||||
$("#filterFormModal input:checkbox").prop("checked", false);
|
||||
|
||||
$("#filterAlgorithm").val("").change();
|
||||
|
||||
$("#filterFormModal .form-create").show();
|
||||
$("#filterFormModal .form-edit").hide();
|
||||
}
|
||||
else {
|
||||
const filter = filtersTable.row(function(idx, data, node) {
|
||||
return data.id === filterId;
|
||||
}).data();
|
||||
|
||||
$("#filterAlgorithm").val("").change();
|
||||
$("#filterAlgorithm").val(filter.matching_algorithm).change();
|
||||
|
||||
$("#filterName").val(filter.name);
|
||||
$("#filterMatch").val(filter.match);
|
||||
$("#filterWhitelist").prop("checked", filter.is_whitelist);
|
||||
$("#filterInsensitive").prop("checked", filter.is_insensitive);
|
||||
|
||||
$("#filterFormModal .form-create").hide();
|
||||
$("#filterFormModal .form-edit").show();
|
||||
}
|
||||
|
||||
$("#filterId").val(filterId);
|
||||
$("#filterFormModal").modal("show");
|
||||
}
|
||||
|
||||
$("#filterForm").on("submit", async function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var id = $("#filterId").val();
|
||||
name = $("#filterName").val();
|
||||
algorithm = $("#filterAlgorithm option:selected").val();
|
||||
match = $("#filterMatch").val();
|
||||
isWhitelist = $("#filterWhitelist").prop("checked");
|
||||
isInsensitive = $("#filterInsensitive").prop("checked");
|
||||
guildId = selectedServer.id;
|
||||
|
||||
var filterPrimaryKey = await saveFilter(id, name, algorithm, match, isWhitelist, isInsensitive, guildId);
|
||||
|
||||
if (filterPrimaryKey) {
|
||||
showToast("success", "Filter Saved", "Filter ID " + filterPrimaryKey);
|
||||
await loadFilters(guildId);
|
||||
await loadFilterOptions(guildId);
|
||||
}
|
||||
|
||||
$("#filterFormModal").modal("hide");
|
||||
});
|
||||
|
||||
async function saveFilter(id, name, algorithm, match, isWhitelist, isInsensitive, guildId) {
|
||||
var formData = new FormData();
|
||||
formData.append("name", name);
|
||||
formData.append("matching_algorithm", algorithm);
|
||||
formData.append("match", match);
|
||||
formData.append("is_whitelist", isWhitelist);
|
||||
formData.append("is_insensitive", isInsensitive);
|
||||
formData.append("guild_id", guildId);
|
||||
|
||||
var response;
|
||||
|
||||
try {
|
||||
if (id === "-1") response = await newFilter(formData);
|
||||
else response = await editFilter(id, formData);
|
||||
}
|
||||
catch (err) {
|
||||
showToast("danger", "Filter Error", err.responseText, 18000);
|
||||
return false
|
||||
}
|
||||
|
||||
return response.id;
|
||||
}
|
||||
|
||||
function clearExistingFilterRows() {
|
||||
$("#filtersTable thead .table-select-all").prop("checked", false).prop("indeterminate", false)
|
||||
filtersTable.clear().draw(false)
|
||||
}
|
||||
|
||||
$("#filtersTabPane").on("click", ".table-refresh-btn", async function() {
|
||||
loadFilters(selectedServer.id);
|
||||
});
|
||||
|
||||
async function loadFilters(guildId) {
|
||||
if (!guildId)
|
||||
return;
|
||||
|
||||
setTableFilter("filtersTable", "guild_id", guildId);
|
||||
ensureTablePagination("filtersTable");
|
||||
|
||||
$("#filtersTabPane .table-del-btn").prop("disabled", true);
|
||||
clearExistingFilterRows();
|
||||
|
||||
try {
|
||||
var contentFilters = await getFilters(tableFilters["filtersTable"], tableSorts["filtersTable"]);
|
||||
filtersTable.rows.add(contentFilters.results).draw(false);
|
||||
}
|
||||
catch (err) {
|
||||
console.error(err)
|
||||
showToast("danger", `Error Loading Filters: HTTP ${err.status}`, err, 15000);
|
||||
return;
|
||||
}
|
||||
|
||||
updateTableContainer(
|
||||
"filtersTabPane",
|
||||
tableFilters["filtersTable"]["page"],
|
||||
tableFilters["filtersTable"]["page_size"],
|
||||
contentFilters.results.length,
|
||||
contentFilters.count,
|
||||
contentFilters.next,
|
||||
contentFilters.previous
|
||||
);
|
||||
|
||||
$("#filtersTable thead .table-select-all").prop("disabled", contentFilters.results.length === 0);
|
||||
console.debug(`loaded filters, ${contentFilters.results.length} found`);
|
||||
}
|
||||
|
||||
$(document).ready(async function() {
|
||||
await loadMatchingAlgorithms();
|
||||
});
|
||||
|
||||
async function loadMatchingAlgorithms() {
|
||||
// Disable input while options are loading
|
||||
$("#filterAlgorithm").prop("disabled", true);
|
||||
|
||||
// Delete existing options
|
||||
$("#filterAlgorithm option").each(function() {
|
||||
if ($(this).val())
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
// Clear select2 input
|
||||
$("#filterAlgorithm").val("").change();
|
||||
|
||||
try {
|
||||
options = await getFilterOptions();
|
||||
options.actions.POST.matching_algorithm.choices.forEach(algorithm => {
|
||||
$("#filterAlgorithm").append($("<option>", {
|
||||
text: algorithm.display_name,
|
||||
value: algorithm.value > 0 ? algorithm.value : "" // empty string for 'None' option at 0
|
||||
})); // (helps with validation)
|
||||
});
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
finally {
|
||||
// Re-enable the input
|
||||
$("#filterAlgorithm").prop("disabled", false);
|
||||
}
|
||||
};
|
||||
|
||||
$(document).on("selectedServerChange", async function() {
|
||||
await loadFilters(selectedServer.id);
|
||||
});
|
||||
|
||||
// #region Delete Filters
|
||||
|
||||
$("#deleteEditFilter").on("click", async function() {
|
||||
const filterId = parseInt($("#filterId").val());
|
||||
const filter = filtersTable.row(function(idx, row) { return row.id === filterId }).data();
|
||||
const filterName = sanitise(filter.name);
|
||||
|
||||
$("#filterFormModal").modal("hide");
|
||||
|
||||
await confirmationModal(
|
||||
"Delete a Filter",
|
||||
`Do you wish to permanently delete <b>${filterName}</b>?`,
|
||||
"danger",
|
||||
async () => {
|
||||
await deleteFilter(filterId);
|
||||
await loadFilters(selectedServer.id);
|
||||
|
||||
showToast(
|
||||
"danger",
|
||||
"Deleted a Filter",
|
||||
filterName,
|
||||
12000
|
||||
);
|
||||
},
|
||||
async () => {
|
||||
$("#filterFormModal").modal("show");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
async function deleteSelectedFilters() {
|
||||
const rows = filtersTable.rows(".selected").data().toArray();
|
||||
const names = rows.map(row => row.name);
|
||||
const namesString = arrayToHtmlList(names, true).prop("outerHTML");
|
||||
const isMany = names.length > 1;
|
||||
|
||||
await confirmationModal(
|
||||
`Delete ${isMany ? "Many Filters" : "a Filter"}`,
|
||||
`Do you wish to permanently delete ${isMany ? "these" : "this"} <b>${names.length}</b> filter${isMany ? "s" : ""}?<br><br>${namesString}`,
|
||||
"danger",
|
||||
async () => {
|
||||
rows.forEach(async row => { await deleteFilter(row.id) });
|
||||
|
||||
showToast(
|
||||
"danger",
|
||||
`Delete ${names.length} Subscription${isMany ? "s" : ""}`,
|
||||
`${arrayToHtmlList(names, false).prop("outerHTML")}`,
|
||||
12000
|
||||
);
|
||||
|
||||
// Multi-deletion can take time, this timeout ensures the refresh is accurate
|
||||
setTimeout(async () => {
|
||||
await loadFilters(selectedServer.id);
|
||||
}, 600);
|
||||
},
|
||||
null
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
// #endregion
|
||||
@ -1,59 +0,0 @@
|
||||
|
||||
$("#serverSettingsBtn").on("click", async function() {
|
||||
await showServerSettingsModal();
|
||||
});
|
||||
|
||||
async function showServerSettingsModal() {
|
||||
const server = selectedServer;
|
||||
var guildSettings;
|
||||
|
||||
try { guildSettings = (await getGuildSettings(server.guild_id)).results[0] }
|
||||
catch (error) {
|
||||
console.error(error)
|
||||
return;
|
||||
}
|
||||
|
||||
$("#guildSettingsId").val(guildSettings.id);
|
||||
$("#guildSettingsGuildId").val(guildSettings.guild_id);
|
||||
$("#guildSettingsActive").prop("checked", guildSettings.active);
|
||||
updateColourInput("guildSettingsDefaultEmbedColour", guildSettings.default_embed_colour);
|
||||
|
||||
$("#serverSettingsModal").modal("show");
|
||||
}
|
||||
|
||||
$("#serverSettingsForm").on("submit", async function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var id = $("#guildSettingsId").val();
|
||||
guildId = $("#guildSettingsGuildId").val();
|
||||
active = $("#guildSettingsActive").prop("checked");
|
||||
defaultEmbedColour = getColourInputVal("guildSettingsDefaultEmbedColour", false);
|
||||
|
||||
const pk = await saveGuildSettings(id, guildId, defaultEmbedColour, active);
|
||||
|
||||
if (pk) {
|
||||
showToast("success", "Server Settings Saved", "Primary Key: " + pk);
|
||||
}
|
||||
|
||||
updateDefaultSubEmbedColour();
|
||||
$("#serverSettingsModal").modal("hide");
|
||||
|
||||
})
|
||||
|
||||
async function saveGuildSettings(id, guildId, defaultEmbedColour, active) {
|
||||
var formData = new FormData();
|
||||
formData.append("guild_id", guildId);
|
||||
formData.append("default_embed_colour", defaultEmbedColour);
|
||||
formData.append("active", active);
|
||||
|
||||
var response;
|
||||
try {
|
||||
response = await editGuildSettings(id, formData);
|
||||
}
|
||||
catch (err) {
|
||||
console.error(err);
|
||||
return false;
|
||||
}
|
||||
|
||||
return response.id;
|
||||
}
|
||||
@ -1,725 +0,0 @@
|
||||
var subTable = null;
|
||||
discordChannels = [];
|
||||
subSearchTimeout = null;
|
||||
subOptions = null;
|
||||
|
||||
// Create subscription table
|
||||
async function initSubscriptionTable() {
|
||||
// subOptions = await getSubscriptionOptions();
|
||||
await initTable("#subscriptionsTabPane", "subTable", loadSubscriptions, showEditSubModal, deleteSelectedSubscriptions);
|
||||
|
||||
subTable = $("#subTable").DataTable({
|
||||
info: false,
|
||||
paging: false,
|
||||
ordering: false,
|
||||
searching: false,
|
||||
autoWidth: false,
|
||||
order: [],
|
||||
select: {
|
||||
style: "multi+shift",
|
||||
selector: 'th:first-child input[type="checkbox"]'
|
||||
},
|
||||
columnDefs: [
|
||||
{ orderable: false, targets: "no-sort" },
|
||||
{
|
||||
targets: 0,
|
||||
checkboxes: { selectRow: true }
|
||||
},
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
// Select row checkbox column
|
||||
title: '<input type="checkbox" class="form-check-input table-select-all" />',
|
||||
data: null,
|
||||
orderable: false,
|
||||
className: "text-center col-switch-width",
|
||||
render: function() {
|
||||
return '<input type="checkbox" class="form-check-input table-select-row" />'
|
||||
}
|
||||
},
|
||||
{ title: "ID", data: "id", visible: false },
|
||||
{
|
||||
title: "Name",
|
||||
data: "name",
|
||||
className: "text-truncate",
|
||||
render: function(data, type, row) {
|
||||
const name = sanitise(data);
|
||||
return `<button type="button" onclick="showEditSubModal(${row.id})" class="btn btn-link text-start text-decoration-none">${name}</button>`;
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "URL",
|
||||
data: "url",
|
||||
className: "text-truncate",
|
||||
render: function(data, type) {
|
||||
const url = sanitise(data);
|
||||
return `<a href="${url}" class="btn btn-link text-start text-decoration-none" target="_blank">${url}</a>`;
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Channels",
|
||||
data: "channels_count",
|
||||
className: "text-center",
|
||||
render: function(data) {
|
||||
const channelsCount = sanitise(data);
|
||||
return `<span class="badge text-bg-secondary">${channelsCount}</span>`;
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Content Rules",
|
||||
data: "unique_content_rules",
|
||||
className: "text-center text-nowrap",
|
||||
render: function(data, type) {
|
||||
console.log(JSON.stringify(data))
|
||||
|
||||
let badges = $("<div>");
|
||||
|
||||
data.forEach(function(rule, idx) {
|
||||
let badge = $(`<span class="badge text-bg-secondary">${rule.name}</span>`)
|
||||
if (idx > 0) { badge.addClass("ms-2") }
|
||||
badges.append(badge);
|
||||
});
|
||||
|
||||
return badges.html();
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Created",
|
||||
data: "creation_datetime",
|
||||
render: function(data, type) {
|
||||
let dateTime = new Date(data);
|
||||
return $(`
|
||||
<span data-bs-trigger="hover focus"
|
||||
data-bs-html="true"
|
||||
data-bs-custom-class="text-center"
|
||||
data-bs-toggle="popover"
|
||||
data-bs-content="${formatStringDate(dateTime, "%a, %D %B, %Y<br>%H:%M:%S")}">
|
||||
${formatStringDate(dateTime, "%D, %b %Y")}
|
||||
</span>
|
||||
`).popover()[0];
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Notes",
|
||||
data: "extra_notes",
|
||||
orderable: false,
|
||||
className: "text-center",
|
||||
render: function(data, type) {
|
||||
if (!data) { return "" }
|
||||
const extraNotes = sanitise(data);
|
||||
return $(`
|
||||
<i class="bi bi-chat-left-text"
|
||||
data-bs-trigger="hover focus"
|
||||
data-bs-toggle="popover"
|
||||
data-bs-title="Extra Notes"
|
||||
data-bs-content="${extraNotes}">
|
||||
</i>
|
||||
`).popover()[0];
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "Active",
|
||||
data: "active",
|
||||
orderable: false,
|
||||
className: "text-center form-switch",
|
||||
render: function(data, type) {
|
||||
return `<input type="checkbox" class="sub-toggle-active form-check-input ms-0" ${data ? "checked" : ""} />`
|
||||
}
|
||||
},
|
||||
{
|
||||
orderable: false,
|
||||
className: "p-0",
|
||||
render: function(data, type, row) {
|
||||
const embedColour = sanitise(row.embed_colour);
|
||||
return `<div class="h-100" style="background-color: #${embedColour}; width: .25rem;"> </div>`
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
bindTableCheckboxes("#subTable", subTable, "#subscriptionsTabPane .table-del-btn");
|
||||
}
|
||||
|
||||
async function updateSubFromObject(sub, handleErrorMsg=true) {
|
||||
let data = {
|
||||
"name": sub.name,
|
||||
"url": sub.url,
|
||||
"guild_id": sub.guild_id,
|
||||
"extra_notes": sub.extra_notes,
|
||||
"embed_colour": sub.embed_colour,
|
||||
"article_fetch_image": sub.article_fetch_image,
|
||||
"published_threshold": sub.published_threshold,
|
||||
"active": sub.active
|
||||
};
|
||||
|
||||
let formData = new FormData();
|
||||
|
||||
for (key in data) {
|
||||
formData.append(key, data[key]);
|
||||
}
|
||||
|
||||
sub.article_title_mutators.forEach(mutator => formData.append("article_title_mutators", mutator.id));
|
||||
sub.article_desc_mutators.forEach(mutator => formData.append("article_desc_mutators", mutator.id));
|
||||
sub.filters.forEach(filter => formData.append("filters", filter));
|
||||
|
||||
return await saveSubscription(sub.id, formData, handleErrorMsg=handleErrorMsg);
|
||||
}
|
||||
|
||||
$("#subscriptionsTabPane").on("change", ".sub-toggle-active", async function () {
|
||||
|
||||
/*
|
||||
Lock all toggles to soft-prevent spam.
|
||||
There is a rate limit, but allowing the user to
|
||||
reach it from this toggle would be bad.
|
||||
*/
|
||||
$(".sub-toggle-active").prop("disabled", true);
|
||||
|
||||
try {
|
||||
const active = $(this).prop("checked");
|
||||
const sub = subTable.row($(this).closest("tr")).data();
|
||||
|
||||
// Update the table row
|
||||
sub.active = active;
|
||||
subTable.data(sub).draw();
|
||||
|
||||
// Update the database
|
||||
const subId = await updateSubFromObject(sub, handleErrorMsg=false);
|
||||
|
||||
if (!subId) {
|
||||
throw Error("This subscription no longer exists.");
|
||||
}
|
||||
|
||||
showToast(
|
||||
active ? "success" : "danger",
|
||||
"Subscription " + (active ? "Activated" : "Deactivated"),
|
||||
"Subscription ID: " + subId
|
||||
);
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
showToast(
|
||||
"danger",
|
||||
"Error Updating Subscription",
|
||||
`Tried to toggle activeness, but encountered a problem. <br><code>${error}</code>`
|
||||
);
|
||||
}
|
||||
finally {
|
||||
// Re-enable toggles after 500ms
|
||||
setTimeout(() => {
|
||||
$(".sub-toggle-active").prop("disabled", false); },
|
||||
500
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// Open new subscription modal
|
||||
$("#addSubscriptionBtn").on("click", async function() {
|
||||
await showEditSubModal(-1);
|
||||
});
|
||||
|
||||
function clearPreviousValidation() {
|
||||
$("#subFormModal, #subAdvancedModal").removeClass("was-validated");
|
||||
$("#subFormModal .invalid-feedback, #subAdvancedModal .invalid-feedback").remove();
|
||||
$("#subFormModal .is-invalid, #subAdvancedModal .is-invalid").removeClass("is-invalid");
|
||||
}
|
||||
|
||||
async function showEditSubModal(subId) {
|
||||
clearPreviousValidation();
|
||||
|
||||
if (subId === -1) {
|
||||
$("#subFormModal .form-create, #subAdvancedModal .form-create").show();
|
||||
$("#subFormModal .form-edit, #subAdvancedModal .form-edit").hide();
|
||||
|
||||
$("#subFormModal input, #subFormModal textarea").val("");
|
||||
$("#subChannels").val("").change();
|
||||
$("#subFilters").val("").change();
|
||||
$("#subTitleMutators").val("").change();
|
||||
$("#subDescMutators").val("").change();
|
||||
$("#subActive").prop("checked", true);
|
||||
$("#subUniqueRules").val(1).change(); // GUID option selected by default
|
||||
|
||||
$("#subEmbedColour .colour-reset").click();
|
||||
$("#subArticleFetchImage").prop("checked", true);
|
||||
|
||||
$("#subPubThreshold").val(getCurrentDateTime());
|
||||
}
|
||||
else {
|
||||
$("#subFormModal .form-create, #subAdvancedModal .form-create").hide();
|
||||
$("#subFormModal .form-edit, #subAdvancedModal .form-edit").show();
|
||||
|
||||
const subscription = subTable.row(function(idx, data, node) {
|
||||
return data.id === subId;
|
||||
}).data();
|
||||
|
||||
$("#subName").val(subscription.name);
|
||||
$("#subUrl").val(subscription.url);
|
||||
$("#subExtraNotes").val(subscription.extra_notes);
|
||||
$("#subActive").prop("checked", subscription.active);
|
||||
|
||||
$("#subTitleMutators").val("").change();
|
||||
$("#subTitleMutators").val(subscription.article_title_mutators.map(mutator => mutator.id)).change();
|
||||
|
||||
$("#subDescMutators").val("").change();
|
||||
$("#subDescMutators").val(subscription.article_desc_mutators.map(mutator => mutator.id)).change();
|
||||
|
||||
const channels = await getSubChannels(subscription.id);
|
||||
$("#subChannels").val("").change();
|
||||
$("#subChannels").val(channels.results.map(channel => channel.channel_id)).change();
|
||||
|
||||
$("#subFilters").val("").change();
|
||||
$("#subFilters").val(subscription.filters).change();
|
||||
|
||||
$("#subUniqueRules").val("").change();
|
||||
$("#subUniqueRules").val(subscription.unique_content_rules.map(rule => rule.id)).change();
|
||||
|
||||
updateColourInput("subEmbedColour", `#${subscription.embed_colour}`);
|
||||
$("#subArticleFetchImage").prop("checked", subscription.article_fetch_image);
|
||||
|
||||
$("#subPubThreshold").val(subscription.published_threshold.split('+')[0]);
|
||||
}
|
||||
|
||||
$("#subId").val(subId);
|
||||
$("#subFormModal").modal("show");
|
||||
}
|
||||
|
||||
function getValueFromField(elem) {
|
||||
const tagName = elem.tagName.toLowerCase();
|
||||
const $elem = $(elem);
|
||||
|
||||
if (tagName) { return $elem.val() }
|
||||
|
||||
switch ($elem.attr("type")) {
|
||||
case "checkbox":
|
||||
return $elem.prop("checked");
|
||||
|
||||
default:
|
||||
return $elem.val();
|
||||
}
|
||||
}
|
||||
|
||||
$("#subForm").on("submit", async function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
let subId = $("#subId").val();
|
||||
let guildId = selectedServer.id;
|
||||
|
||||
// TODO: move this into a function, so I can fix the active toggle switches which are broken due to this change
|
||||
|
||||
let formData = new FormData();
|
||||
formData.append("guild_id", guildId);
|
||||
|
||||
// Populate formdata with [data-field] control values
|
||||
$('#subForm [data-field], #subAdvancedModal [data-field]').each(function() {
|
||||
const value = getValueFromField(this);
|
||||
if (Array.isArray(value) && !value.length) { return };
|
||||
formData.append($(this).data("field"), value);
|
||||
});
|
||||
|
||||
// Add title mutators to formdata
|
||||
$("#subTitleMutators option:selected").toArray().map(mutator => parseInt(mutator.value)).forEach(
|
||||
mutator => formData.append("article_title_mutators", mutator)
|
||||
);
|
||||
|
||||
// Add description mutator to formdata
|
||||
$("#subDescMutators option:selected").toArray().map(mutator => parseInt(mutator.value)).forEach(
|
||||
mutator => formData.append("article_desc_mutators", mutator)
|
||||
);
|
||||
|
||||
// Add Filters to formdata
|
||||
$("#subFilters option:selected").toArray().forEach(
|
||||
filter => formData.append("filters", parseInt(filter.value))
|
||||
);
|
||||
|
||||
for (const [key, value] of formData.entries()) {
|
||||
console.log(`${key}: ${value}`);
|
||||
}
|
||||
|
||||
// // Unique Content Rules
|
||||
// $("#subUniqueRules option:selected").toArray().forEach(
|
||||
// rule => formData.append("unique_content_rules", parseInt(rule.value))
|
||||
// );
|
||||
|
||||
for (const [key, value] of formData.entries()) {
|
||||
console.log(`${key}: ${value}`);
|
||||
}
|
||||
|
||||
// This field is constructed differently, so needs to be specifically added
|
||||
formData.append("embed_colour", getColourInputVal("subEmbedColour", false));
|
||||
|
||||
|
||||
subId = await saveSubscription(subId, formData);
|
||||
|
||||
if (subId) {
|
||||
showToast("success", "Subscription Saved", `Subscription ID ${subId}`);
|
||||
}
|
||||
else {
|
||||
showToast("danger", "Error Saving Subscription", "");
|
||||
return;
|
||||
}
|
||||
|
||||
await deleteSubChannels(subId);
|
||||
$("#subChannels option:selected").each(async function() {
|
||||
let $channel = $(this);
|
||||
let channelFormData = new FormData();
|
||||
channelFormData.append("channel_id", $channel.val());
|
||||
channelFormData.append("channel_name", $channel.data("name"));
|
||||
channelFormData.append("subscription", subId);
|
||||
await newSubChannel(channelFormData);
|
||||
});
|
||||
|
||||
await loadSubscriptions(guildId);
|
||||
$("#subFormModal").modal("hide");
|
||||
});
|
||||
|
||||
async function saveSubscription(id, formData, handleErrorMsg=true) {
|
||||
let response
|
||||
|
||||
try {
|
||||
response = id === "-1" ? await newSubscription(formData) : await editSubscription(id, formData);
|
||||
}
|
||||
catch (err) {
|
||||
if (typeof err !== "object" && err.responseJSON) {
|
||||
return false
|
||||
}
|
||||
|
||||
clearPreviousValidation();
|
||||
for (const [fieldKey, message] of Object.entries(err.responseJSON)) {
|
||||
const $field = $(`#subFormModal [data-field="${fieldKey}"], #subAdvancedModal [data-field="${fieldKey}"]`);
|
||||
const $helpText = $field.closest("div").find(".form-text");
|
||||
const $feedback = $(`<div class="invalid-feedback">${message}</div>`);
|
||||
|
||||
$field.addClass("is-invalid").prop("invalid", true);
|
||||
$feedback.insertAfter($helpText.length ? $helpText : $field);
|
||||
}
|
||||
|
||||
$("#subFormModal, #subAdvancedModal").addClass("was-validated");
|
||||
|
||||
if (handleErrorMsg) {
|
||||
showToast("danger", "Subscription Error", err.responseText, 18000);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
return response.id;
|
||||
}
|
||||
|
||||
async function saveSubChannel(formData) {
|
||||
var response
|
||||
|
||||
try {
|
||||
response = await newSubChannel(formData);
|
||||
}
|
||||
catch (error) {
|
||||
console.log(error);
|
||||
showToast("danger", "Failed to save subchannel", error, 18000);
|
||||
return false
|
||||
}
|
||||
|
||||
return response.id
|
||||
}
|
||||
|
||||
function clearExistingSubRows() {
|
||||
$("#subTable thead .table-select-all").prop("checked", false).prop("indeterminate", false);
|
||||
subTable.clear().draw(false);
|
||||
}
|
||||
|
||||
$("#subscriptionsTabPane").on("click", ".table-refresh-btn", async function() {
|
||||
loadSubscriptions(selectedServer.id);
|
||||
});
|
||||
|
||||
async function loadSubscriptions(guildId) {
|
||||
if (!guildId)
|
||||
return;
|
||||
|
||||
setTableFilter("subTable", "guild_id", guildId);
|
||||
ensureTablePagination("subTable");
|
||||
|
||||
$("#subscriptionsTabPane .table-del-btn").prop("disabled", true);
|
||||
clearExistingSubRows();
|
||||
|
||||
try {
|
||||
var subs = await getSubscriptions(tableFilters["subTable"], tableSorts["subTable"]);
|
||||
subTable.rows.add(subs.results).draw(false);
|
||||
}
|
||||
catch (err) {
|
||||
console.error(err)
|
||||
showToast("danger", `Error Loading Subscriptions: HTTP ${err.status}`, err, 15000);
|
||||
return;
|
||||
}
|
||||
|
||||
updateTableContainer(
|
||||
"subscriptionsTabPane",
|
||||
tableFilters["subTable"]["page"],
|
||||
tableFilters["subTable"]["page_size"],
|
||||
subs.results.length,
|
||||
subs.count,
|
||||
subs.next,
|
||||
subs.previous
|
||||
);
|
||||
|
||||
$("#subTable thead .table-select-all").prop("disabled", subs.results.length === 0);
|
||||
console.debug("loading subs, " + subs.results.length + " found");
|
||||
}
|
||||
|
||||
// #region Server Change Event Handler
|
||||
|
||||
$(document).on("selectedServerChange", async function() {
|
||||
let guildId = selectedServer.id;
|
||||
|
||||
// await updateDefaultSubEmbedColour();
|
||||
|
||||
await loadSubscriptions(guildId);
|
||||
await loadChannelOptions(guildId);
|
||||
await loadFilterOptions(guildId);
|
||||
await loadMutatorOptions();
|
||||
await loadUniqueContentRuleOptions();
|
||||
})
|
||||
|
||||
async function updateDefaultSubEmbedColour(settings=null) {
|
||||
if (!settings){
|
||||
settings = (await getGuildSettings(selectedServer.id)).results[0]
|
||||
}
|
||||
$("#subEmbedColour .colour-reset").attr("data-defaultcolour", "#" + settings.default_embed_colour);
|
||||
}
|
||||
|
||||
// #endregion
|
||||
|
||||
|
||||
// #region Delete Subscriptions
|
||||
|
||||
// Delete button on the 'edit subscription' modal
|
||||
$("#deleteEditSub").on("click", async function() {
|
||||
const subId = parseInt($("#subId").val());
|
||||
const sub = subTable.row(function(idx, row) { return row.id === subId }).data();
|
||||
const subName = sanitise(sub.name);
|
||||
|
||||
$("#subFormModal").modal("hide");
|
||||
|
||||
await confirmationModal(
|
||||
"Delete a Subscription",
|
||||
`Do you wish to permanently delete <b>${subName}</b>?`,
|
||||
"danger",
|
||||
async () => {
|
||||
await deleteSubscription(subId);
|
||||
await loadSubscriptions(selectedServer.id);
|
||||
|
||||
showToast(
|
||||
"danger",
|
||||
"Deleted a Subscription",
|
||||
subName,
|
||||
12000
|
||||
);
|
||||
},
|
||||
async () => {
|
||||
$("#subFormModal").modal("show");
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
async function deleteSelectedSubscriptions() {
|
||||
const rows = subTable.rows(".selected").data().toArray();
|
||||
const names = rows.map(row => row.name);
|
||||
const namesString = arrayToHtmlList(names, true).prop("outerHTML");
|
||||
const isMany = names.length > 1;
|
||||
|
||||
await confirmationModal(
|
||||
`Delete ${isMany ? "Many Subscriptions" : "a Subscription"}`,
|
||||
`Do you wish to permanently delete ${isMany ? "these" : "this"} <b>${names.length}</b> subscription${isMany ? "s" : ""}?<br><br>${namesString}`,
|
||||
"danger",
|
||||
async () => {
|
||||
rows.forEach(async row => { await deleteSubscription(row.id) });
|
||||
|
||||
showToast(
|
||||
"danger",
|
||||
`Deleted ${names.length} Subscription${isMany ? "s" : ""}`,
|
||||
`${arrayToHtmlList(names, false).prop("outerHTML")}`,
|
||||
12000
|
||||
);
|
||||
|
||||
// Multi-deletion can take time, this timeout ensures the refresh is accurate
|
||||
setTimeout(async () => {
|
||||
await loadSubscriptions(selectedServer.id);
|
||||
}, 600);
|
||||
},
|
||||
null
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
// #endregion
|
||||
|
||||
|
||||
// #region Load Modal Options
|
||||
|
||||
async function loadChannelOptions(guildId) {
|
||||
|
||||
// Disable input while options are loading
|
||||
$("#subChannels").prop("disabled", true);
|
||||
|
||||
// Delete existing options
|
||||
$("#subChannels option").each(function() {
|
||||
if ($(this).val())
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
// Clear select2 input
|
||||
$("#subChannels").val("").change();
|
||||
try {
|
||||
const channels = await loadChannels(guildId);
|
||||
|
||||
// If we have reached the discord API rate limit
|
||||
if (channels.message && channels.message.includes("rate limit")) {
|
||||
throw new Error(
|
||||
`${channels.message} Retry after ${channels.retry_after} seconds.`
|
||||
)
|
||||
}
|
||||
|
||||
// If we can't fetch channels due to error
|
||||
if (channels.code === 50001) {
|
||||
let server = getServerFromSnowflake(guildId);
|
||||
|
||||
// Also check that the user hasn't changed the currently active guild, otherwise
|
||||
// the alert will show under the wrong server.
|
||||
if (selectedServer.id === guildId)
|
||||
$("#serverJoinAlert").show();
|
||||
|
||||
// Warning icon on sidebar server select
|
||||
let sidebarItem = $(`#serverList .server-item[data-guild-id="${guildId}"]`);
|
||||
if (!sidebarItem.find(".badge.text-warning").length) {
|
||||
let alertTemplate = $($("#serverItemIconTemplate").html());
|
||||
alertTemplate.attr("data-bs-title", `The Bot isn't a member of ${sanitise(server.name)}`).tooltip();
|
||||
sidebarItem.find(".server-item-selector").append(alertTemplate);
|
||||
}
|
||||
|
||||
const guildName = sanitise(getServerFromSnowflake(guildId).name);
|
||||
|
||||
throw new Error(
|
||||
`Unable to retrieve channels from Guild <b>${guildName}</b>.
|
||||
Ensure that @PYRSS is a member with permissions
|
||||
to view channels.`
|
||||
);
|
||||
}
|
||||
|
||||
// Sort by the specified position of each channel object
|
||||
channels.sort((a, b) => a.position - b.position);
|
||||
|
||||
discordChannels = [];
|
||||
channels.forEach(channel => {
|
||||
|
||||
// We only want TextChannels, which have a type of 0
|
||||
if (channel.type !== 0)
|
||||
return;
|
||||
|
||||
let channelObj = {text: `#${channel.name}`, value: channel.id, "data-name": channel.name}
|
||||
$("#subChannels").append($("<option>", channelObj));
|
||||
discordChannels.push(channelObj);
|
||||
});
|
||||
}
|
||||
catch(error) {
|
||||
console.error(error);
|
||||
showToast("danger", "Error loading channels", error, 18000);
|
||||
}
|
||||
finally {
|
||||
// Re-enable the input
|
||||
$("#subChannels").prop("disabled", false);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadUniqueContentRuleOptions() {
|
||||
$("#subUniqueRules").prop("disabled", true);
|
||||
|
||||
$("#subUniqueRules option").each(function() {
|
||||
if ($(this).val()) { $(this).remove() }
|
||||
});
|
||||
|
||||
$("#subUniqueRules").val("").change();
|
||||
|
||||
try {
|
||||
const rules = await getUniqueContentRules();
|
||||
rules.results.forEach(rule => {
|
||||
$("#subUniqueRules").append($("<option>", {
|
||||
text: rule.name,
|
||||
value: rule.id
|
||||
}));
|
||||
});
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
showToast("danger", "Error loading Unique Content Rules", error, 18000);
|
||||
}
|
||||
finally {
|
||||
$("#subUniqueRules").prop("disabled", false);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadMutatorOptions() {
|
||||
|
||||
// Disable input while options are loading
|
||||
$(".sub-mutators-field").prop("disabled", true);
|
||||
|
||||
// Delete existing options
|
||||
$(".sub-mutators-field option").each(function() {
|
||||
if ($(this).val())
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
// Clear select2 input
|
||||
$(".sub-mutators-field").val("").change();
|
||||
|
||||
try {
|
||||
const mutators = await getMutators();
|
||||
mutators.forEach(mutator => {
|
||||
$(".sub-mutators-field").append($("<option>", {
|
||||
text: mutator.name,
|
||||
value: mutator.id
|
||||
}));
|
||||
});
|
||||
}
|
||||
catch(error) {
|
||||
console.error(error);
|
||||
showToast("danger", "Error loading sub mutators", error, 18000);
|
||||
}
|
||||
finally {
|
||||
// Re-enable the input
|
||||
$(".sub-mutators-field").prop("disabled", false);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadFilterOptions(guildId) {
|
||||
|
||||
// Disable input while options are loading
|
||||
$("#subFilters").prop("disabled", true);
|
||||
|
||||
// Delete existing options
|
||||
$("#subFilters option").each(function() {
|
||||
if ($(this).val())
|
||||
$(this).remove();
|
||||
});
|
||||
|
||||
// Clear select2 input
|
||||
$("#subFilters").val("").change();
|
||||
|
||||
try {
|
||||
const filters = await getFilters({guild_id: guildId});
|
||||
console.log(JSON.stringify(filters));
|
||||
|
||||
filters.results.forEach(filter => {
|
||||
$("#subFilters").append($("<option>", {
|
||||
text: filter.name,
|
||||
value: filter.id
|
||||
}));
|
||||
});
|
||||
}
|
||||
catch(error) {
|
||||
console.error(error);
|
||||
showToast("danger", "Error loading sub filters", error, 18000);
|
||||
}
|
||||
finally {
|
||||
// Re-enable the input
|
||||
$("#subFilters").prop("disabled", false);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// #endregion
|
||||
Loading…
x
Reference in New Issue
Block a user