85 lines
1.8 KiB
PHTML
85 lines
1.8 KiB
PHTML
<%inherit file="../layout.phtml"/>
|
|
<%block name="content">
|
|
<form method="post" id="edit_item" hx-post="${url_edit}" hx-target="#edit_item" onClick="">
|
|
${edit_form|n}
|
|
<p><input type="submit" value="${tlang('Save')}" />
|
|
</form>
|
|
<div id="sended">
|
|
</div>
|
|
</%block>
|
|
<%block name="jscript_block">
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
<script>
|
|
|
|
document.getElementById('edit_item').addEventListener('htmx:beforeRequest', function(event) {
|
|
// Put the JS code that you want to execute here
|
|
$('#layer_loading').show();
|
|
|
|
return;
|
|
});
|
|
|
|
document.getElementById('edit_item').addEventListener('htmx:afterRequest', function(event) {
|
|
// Put the JS code that you want to execute here
|
|
$('#layer_loading').hide();
|
|
|
|
return;
|
|
});
|
|
|
|
document.getElementById("edit_item").addEventListener("htmx:beforeSwap", (event)=>{
|
|
// After server validation
|
|
|
|
data=JSON.parse(event.detail.xhr.responseText);
|
|
|
|
//console.log(data);
|
|
|
|
if(data.error) {
|
|
|
|
event.preventDefault();
|
|
|
|
}
|
|
else {
|
|
|
|
console.log('Error');
|
|
|
|
if(data.hasOwnProperty('error_form'))
|
|
{
|
|
for(i in data.error_form) {
|
|
|
|
$(i).html(data.error_form[i]);
|
|
$(i).show();
|
|
|
|
}
|
|
}
|
|
else
|
|
if(data.hasOwnProperty('form'))
|
|
{
|
|
|
|
for(i in data.form) {
|
|
|
|
$('#'+i+'_error').html(data.form[i]);
|
|
$('#'+i+'_error').show();
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*if(event.detail.xhr.) {
|
|
|
|
event.preventDefault();
|
|
|
|
//Populate errors.
|
|
|
|
|
|
|
|
}
|
|
else {
|
|
|
|
|
|
|
|
}*/
|
|
|
|
})
|
|
|
|
</script>
|
|
</%block>
|