diff --git a/src/client/src/ts/guild/filters.ts b/src/client/src/ts/guild/filters.ts index a9ea1d6..15816f0 100644 --- a/src/client/src/ts/guild/filters.ts +++ b/src/client/src/ts/guild/filters.ts @@ -301,7 +301,7 @@ window.addEventListener("preline:ready", () => { // #endregion -// #region +// #region Edit Form const clearEditModalData = () => { $(editModal.el).removeData("id"); @@ -403,183 +403,4 @@ window.addEventListener("preline:ready", () => { }); }); -// #endregion - - - -// import $ from "jquery"; -// import "datatables.net-select-dt"; -// import HSDropdown from "@preline/dropdown"; -// import HSOverlay, { IOverlayOptions } from "@preline/overlay"; -// import HSSelect, { ISelectOptions, ISingleOption } from "@preline/select"; -// import HSDataTable, { IDataTableOptions } from "@preline/datatable"; -// import DataTable, { Api, ConfigColumnDefs, AjaxSettings } from "datatables.net-dt"; -// import { autoUpdate, computePosition, offset } from "@floating-ui/dom"; -// import { formatTimestamp } from "../main"; -// import prisma from "../../../../../generated/prisma"; - -// // #region Page Size Select - -// (window as any).$hsSelectCollection = []; -// (window as any)["FloatingUIDOM"] = { -// computePosition: computePosition, -// autoUpdate: autoUpdate, -// offset: offset -// }; - -// // Close on click. -// window.addEventListener('click', (evt) => { -// const evtTarget = evt.target; -// HSSelect.closeCurrentlyOpened(evtTarget as HTMLElement); -// }); - -// const pageSelectOptions: ISelectOptions = { -// toggleTag: '', -// optionTemplate: ` -//
-// -// -//
`, -// toggleClasses: "cj-table-paging-select-toggle", -// optionClasses: "cj-table-paging-select-option", -// dropdownClasses: `cj-table-paging-select-dropdown`, -// dropdownSpace: 10, -// dropdownScope: "parent", -// dropdownPlacement: "top", -// dropdownVerticalFixedPlacement: null -// }; - -// const pageSizeSelect: HSSelect = new HSSelect( -// $("#selectPageSize-js").get(0) as HTMLElement, -// pageSelectOptions -// ); - -// // #endregion - -// // #region Edit Modal - -// (window as any).$hsOverlayCollection = []; - -// const editModalOptions: IOverlayOptions = {}; - -// const editModal: HSOverlay = new HSOverlay( -// $("#editModal").get(0) as HTMLElement, -// editModalOptions -// ); - -// $(document).on("click", ".open-edit-modal-js", async event => { -// await openEditModal($(event.target).data("id")); -// }); - -// const clearEditModalData = () => { -// $(editModal.el).removeData("id"); - -// $("#formName").val(""); -// $("#formValue").val(""); -// $("#formInsensitive").prop("checked", false); -// $("#formWhitelist").prop("checked", false); - -// algorithmSelect.setValue(""); -// }; - -// const loadEditModalData = async (id: number) => { -// const filter: prisma.Filter = await $.ajax({ -// url: `/guild/${guildId}/filters/api?id=${id}`, -// method: "get" -// }); - -// $(editModal.el).data("id", filter.id); - -// $("#formName").val(filter.name); -// $("#formValue").val(filter.value); -// $("#formInsensitive").prop("checked", filter.is_insensitive); -// $("#formWhitelist").prop("checked", filter.is_whitelist); - -// // BUG: -// // Breaks the appearance & functionality of the select -// algorithmSelect.setValue(filter.matching_algorithm); -// } - -// const openEditModal = async (id: number | undefined) => { -// $("#editForm").removeClass("submitted"); -// editModal.open(); - -// id === undefined -// ? clearEditModalData() -// : loadEditModalData(id); -// }; - -// const closeEditModal = () => { -// editModal.close(); -// }; - -// const algorithmSelectOptions: ISelectOptions = { -// toggleTag: '', -// optionTemplate: ` -//
-// -// -//
`, -// toggleClasses: "cj-select-toggle select-input", -// optionClasses: "cj-select-option", -// dropdownClasses: "cj-select-dropdown", -// wrapperClasses: "peer", -// dropdownSpace: 10, -// dropdownScope: "parent", -// dropdownPlacement: "top", -// dropdownVerticalFixedPlacement: null -// }; - -// const algorithmSelect = new HSSelect( -// $("#formAlgorithm").get(0), -// algorithmSelectOptions -// ); - -// // Add options to algorithm select -// Object.entries(matchingAlgorithms).forEach(([key, description]) => { -// algorithmSelect.addOption({ -// title: description, -// val: key -// } as ISingleOption) -// }) - -// $("#editForm").on("submit", async event => { -// event.preventDefault(); - -// const form = $(event.target).get(0) as HTMLFormElement; -// $(form).addClass("submitted"); - -// if (!form.checkValidity()) return; - -// let method = "post"; -// const data = $(event.target).serializeArray(); -// const id: number | undefined = $(editModal.el).data("id"); - -// if (id !== undefined) { -// data.push({ -// name: "id", -// value: `${id}` -// }) -// method = "patch"; -// } - -// await $.ajax({ -// url: `/guild/${guildId}/filters/api`, -// dataType: "json", -// method: method, -// data: data, -// success: () => { -// (table as any).dataTable.draw(); -// closeEditModal(); -// }, -// error: error => { -// alert(JSON.stringify(error, null, 4)); -// } -// }); -// }); - -// // #endregion \ No newline at end of file +// #endregion \ No newline at end of file