Your IP : 216.73.216.91
//#region Importing form properties from autoloader.js
var form_props = getFormProps('don');
//#endregion
if(window.location.href.indexOf(form_props.grid.replace('#', '')) == -1){
//#region Creating POST request for inserting family
$(form_props.form_id).submit(function( event ) {
if($(form_props.form_id).valid()){
var url = "";
var update = false;
var msg = "";
if($(form_props.input_id).val() == "-1"){
url = getConfig("baseUrl")+`resource=${form_props.resource}&action=${form_props.createOne}`;
}else if(parseInt($(form_props.input_id).val()) > 0){
url = getConfig("baseUrl")+`resource=${form_props.resource}&action=${form_props.updateOne}`;
update = true;
}
var formData = $( this ).serialize();
// console.log(formData);
$.post( url, formData, (res)=>{
$(form_props.submit_btn).attr("disabled", true);
var json = JSON.parse(res);
// console.log(json);
if(json.status == "success"){
resetForm(form_props.form_id);
if(update){
msg = `${form_props.resource} has been updated successfully`;
}else{
msg = `${form_props.resource} has been created successfully`;
}
$.toast({heading: 'Success', text: msg, showHideTransition: 'slide', icon: 'success', hideAfter: getConfig("toastHideAfter")});
}else if(json.status == "failure"){
$.toast({heading: 'Information', text: json.msg, showHideTransition: 'slide', icon: 'info', hideAfter: getConfig("toastHideAfter")});
}else{
$.toast({heading: 'Error', text: 'Some thing went wrong', showHideTransition: 'fade', icon: 'error', hideAfter: getConfig("toastHideAfter")});
}
});
setTimeout(()=>{
$(form_props.submit_btn).attr("disabled", false);
}, getConfig("toastHideAfter"));
}
event.preventDefault();
});
//#endregion
//#region Search for Donor Id when user move out from donor_name field
var donor_id = $(form_props.input_id);
var validator = $(form_props.form_id).validate();
donor_id.focusout(function(){
if(validator.element(donor_id)){
url = getConfig("baseUrl")+`resource=${form_props.resource}&action=${form_props.getOneById}`;
if(donor_id.val().trim() != ""){
var formData = $( this ).serialize();
$.post( url, formData, (res)=>{
var json = JSON.parse(res);
if(json.status == "success" && json.rowsAffected > 0){
setFormInputValues(json.result[0], form_props);
$.toast({heading: 'Success', text: json.msg, showHideTransition: 'slide', icon: 'success', hideAfter: getConfig("toastHideAfter")});
}else if(json.status == "failure" || json.rowsAffected == 0){
$.toast({heading: 'Information', text: json.msg, showHideTransition: 'slide', icon: 'info', hideAfter: getConfig("toastHideAfter")});
}else{
$.toast({heading: 'Error', text: 'Some thing went wrong', showHideTransition: 'fade', icon: 'error', hideAfter: getConfig("toastHideAfter")});
}
});
}
}
});
if(window.location.href.indexOf(form_props.input_id.replace("#","")) > -1){
$(form_props.input_id).trigger("focusout");
}
//#endregion
}
//#region jQuery Datatable
if(window.location.href.indexOf(form_props.grid.replace('#', '')) > -1){
$(document).ready(function() {
// DataTable
var table = $(form_props.grid).DataTable( {
scrollY: "56vh",
scrollX: true,
scrollCollapse: true,
// responsive: true,
paging: true,
pageLength: 50,
fixedColumns: {
left: 1
},
fixedColumns: true,
processing: true,
serverMethod: "post",
serverSide: true,
ajax: getConfig("baseUrl")+`resource=${form_props.resource}&action=${form_props.getAll}`,
columns: [
{ "data": "id" },
{
"data": "id",
"render": function(data,type,row,meta) {
var a = `<a title='Click to update ${form_props.resource.toLowerCase()}' href='${form_props.resource.toLowerCase()}.php?`;
a += `${form_props.input_id.replace("#","")}=${row[form_props.input_id.replace("#","")]}'>Update</a>`;
return a;
}
},
{ "data": "donor_name" },
{ "data": "donor_whatsapp" },
{ "data": "donor_whatsapp_sec" },
{ "data": "donor_ref_name" }
],
columnDefs: [
{
targets: [1],
orderable: false,
},
],
dom: 'Bfrtip',
lengthMenu: [
[ 10, 25, 50, -1 ],
[ '10 rows', '25 rows', '50 rows', 'Show all' ]
],
buttons: [
{
extend: 'colvis',
postfixButtons: [ 'colvisRestore' ],
columnText: function ( dt, idx, title ) {
return (idx+1)+': '+title;
}
},
'pageLength',
{
extend: "pdfHtml5",
orientation: "landscape",
pageSize: "LEGAL",
title: `Export: Donors | Date: ${setDatePicker()} | Type: PDF`,
exportOptions: {
columns: ':visible',
// columns: function (idx, data, node) {
// if (["Action"].indexOf(node.innerHTML) > -1)
// return false;
// return true;
// }
},
customize: function(doc) {
doc.content[1].table.headerRows = 0
}
},
{
extend: 'csvHtml5',
title: `Export: Donors | Date: ${setDatePicker()} | Type: CSV`,
exportOptions: {
columns: ':visible',
}
},
{
extend: 'excelHtml5',
title: `Export: Donors | Date: ${setDatePicker()} | Type: EXCEL`,
exportOptions: {
columns: ':visible',
}
},
{
extend: "copy",
attr: { id: "allan" },
exportOptions: {
columns: ':visible',
}
},
// {
// extend: 'print',
// text: 'Print all',
// exportOptions: {
// modifier: {
// selected: null
// }
// }
// },
// {
// extend: 'print',
// text: 'Print'
// }
],
select: true,
initComplete: function () {
this.api()
.columns([0, 2, 3, 4, 5])
.every(function () {
var that = this;
var input = $('<input type="text" placeholder="Search" />')
.appendTo($(this.footer()).empty())
.on("keyup change", function () {
if (that.search() !== this.value) {
that.search(this.value).draw();
}
});
});
},
} )
.columns.adjust()
.responsive.recalc()
// .on('preXhr.dt', function ( e, settings, data ) {
// updateProcessing();
// $(".dt-buttons").append('<img title="Please wait. Report is updating..." class="spinner_progress" src="assets/images/wip.gif">');
// }).on( 'draw.dt', function () {
// updateProcessing();
// $(".dt-buttons").append('<img title="Data is up to date now!" class="checkmark" src="assets/images/checkmark.png">');
// });
$.fn.dataTable.ext.errMode = 'throw';
} );
}
//#endregion