44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import {
|
|
syncSelectInputUntilChanged,
|
|
getEl,
|
|
disableElementsWhenTrue,
|
|
disableElementsWhenFalse,
|
|
} from "./utils.js";
|
|
|
|
let syncData = [
|
|
{
|
|
source: "#id_edition",
|
|
source_value: "dataset.platform",
|
|
target: "#id_platform",
|
|
target_value: "value",
|
|
},
|
|
];
|
|
|
|
syncSelectInputUntilChanged(syncData, "form");
|
|
|
|
function setupElementHandlers() {
|
|
disableElementsWhenTrue("#id_type", "game", [
|
|
"#id_name",
|
|
"#id_related_purchase",
|
|
]);
|
|
disableElementsWhenFalse("#id_type", "game", ["#id_date_finished"]);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", setupElementHandlers);
|
|
document.addEventListener("htmx:afterSwap", setupElementHandlers);
|
|
getEl("#id_type").onchange = () => {
|
|
setupElementHandlers();
|
|
};
|
|
|
|
document.body.addEventListener('htmx:beforeRequest', function(event) {
|
|
// Assuming 'Purchase1' is the element that triggers the HTMX request
|
|
if (event.target.id === 'id_edition') {
|
|
var idEditionValue = document.getElementById('id_edition').value;
|
|
|
|
// Condition to check - replace this with your actual logic
|
|
if (idEditionValue != '') {
|
|
event.preventDefault(); // This cancels the HTMX request
|
|
}
|
|
}
|
|
});
|