corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

styles functionality & rely more on abstract methods

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-09-30 13:12:34 +01:00
parent 23d2d44c04
commit 876e7ba204
2 changed files with 44 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
apps/home/static/home/js/tabs/styles.js
View File

@ -106,60 +106,61 @@ async function loadMessageStyleData() {
// region New/Edit Modal
$(styleTableId).closest(".js-tableBody").siblings(".js-tableFilters").on("click", ".table-new-btn", async function() {
await openStyleModal(-1);
await openDataModal(styleModalId, -1);
});
$(styleTableId).on("click", ".edit-modal", async function() {
let id = $(styleTableId).DataTable().row($(this).closest("tr")).data().id;
await openStyleModal(id);
await openDataModal(styleModalId, id, `/api/message-styles/${id}/`);
});
async function openStyleModal(id) {
$modal = $(styleModalId);
$(styleModalId).on("submit", async function(event) {
event.preventDefault();
if (parseInt(id) === -1) {
$modal.find(".form-create").show();
$modal.find(".form-edit").hide();
if (!selectedServer) {
throw new Error("Cannot submit form while no server is selected");
}
$modal.find("[data-field]").each(function() {
const type = $(this).attr("type");
const defaultVal = $(this).attr("data-default") || "";
let data = { server: selectedServer.id };
if (type === "checkbox") {
$(this).prop("checked", defaultVal === "true");
}
else if (type === "datetime-local") {
$(this).val(getCurrentDateTime());
}
else {
$(this).val(defaultVal).change();
}
});
$(this).find("[data-field]").each(function() {
const type = $(this).attr("type");
const key = $(this).attr("data-field");
if (!key) {
return;
}
let value;
if (type === "checkbox") {
value = $(this).prop("checked");
}
else {
value = $(this).val();
}
data[key] = value;
});
const formData = objectToFormData(data);
const id = $(this).data("primary-key");
if (parseInt(id) !== -1) {
ajaxRequest(`/api/message-styles/${id}/`, "PATCH", formData)
.then(response => {
$(this).modal("hide");
$(styleTableId).trigger("doDataLoad");
})
.catch(error => logError(error))
}
else {
$modal.find(".form-create").hide();
$modal.find(".form-edit").show();
const data = await ajaxRequest(`/api/message-styles/${id}/`, "GET");
$modal.find("[data-field]").each(function() {
const key = $(this).attr("data-field");
const value = data[key];
if (typeof value === "boolean") {
$(this).prop("checked", value);
}
else if (isISODateTimeString(value)) {
$(this).val(value.split('+')[0].substring(0, 16));
}
else {
$(this).val(value).change();
}
});
ajaxRequest("/api/message-styles/", "POST", formData)
.then(response => {
$(this).modal("hide");
$(styleTableId).trigger("doDataLoad");
})
.catch(error => logError(error));
}
$modal.modal("show");
}
});
// region Load Mutator Options

51
apps/home/static/home/js/tabs/subs.js
View File

@ -116,55 +116,6 @@ $(subTableId).on("click", ".edit-modal", async function() {
await openDataModal(subModalId, id, `/api/subscriptions/${id}/`);
})
async function openSubModal(id) {
$modal = $(subModalId);
$modal.find('input[data-role="is-id"]').val(id);
if (parseInt(id) === -1) {
$modal.find(".form-create").show();
$modal.find(".form-edit").hide();
$modal.find("[data-field]").each(function() {
const type = $(this).attr("type");
const defaultVal = $(this).attr("data-default") || "";
if (type === "checkbox") {
$(this).prop("checked", defaultVal === "true");
}
else if (type === "datetime-local") {
$(this).val(getCurrentDateTime());
}
else {
$(this).val(defaultVal).change();
}
});
}
else {
$modal.find(".form-create").hide();
$modal.find(".form-edit").show();
const data = await ajaxRequest(`/api/subscriptions/${id}/`, "GET");
$modal.find("[data-field]").each(function() {
const key = $(this).attr("data-field");
const value = data[key];
if (typeof value === "boolean") {
$(this).prop("checked", value);
}
else if (isISODateTimeString(value)) {
console.log(value.split('+')[0].substring(0, 16));
$(this).val(value.split('+')[0].substring(0, 16));
}
else {
$(this).val(value).change();
}
});
}
$modal.modal("show");
}
$(subModalId).on("submit", async function(event) {
event.preventDefault();
@ -193,7 +144,7 @@ $(subModalId).on("submit", async function(event) {
});
const formData = objectToFormData(data);
const id = $(this).find('input[data-role="is-id"]').val();
const id = $(this).data("primary-key");
if (parseInt(id) !== -1) {
ajaxRequest(`/api/subscriptions/${id}/`, "PATCH", formData)