reusable functions

/*Treats/handles all my forms*/

function frmHndl(e, mtd,url,func){
    var sBtn = e.find(":submit").html();
    e.find(":submit").html("<span class=''><i class='fa fa-spinner fa-spin'></i></span> Please Wait...");
    var formData = e.serialize();
    $.ajax({
        type: mtd,
        url: url,
        data: formData
    }).done(function(response){
        var res = response.split("`");
        if ((res[0].startsWith("Error"))){
            e.find(".frm-chk").html(res[1]);
            e.find(".frm-chk").slideDown(1000);
        }else{
            func(response);
        }
    //  e.html("<div style='text-align:center;'><span><i class='fa fa-check fa-3x'></i></span><br>Operation Successful" + response+"</div>");
    }).fail(function(data){
        alert("Error " + data);
    }).always(function(){
        //alert(typeof(func));
        e.find(":submit").html(sBtn);
    });
}


/*Used to fetch data*/
function getFile(mtd,url,func){
    $.ajax({
        type: mtd,
        url: url
    }).done(function(data){
        func(data);
    }).fail(function(){
        alert ("Unable to get content");
    });
}





/*sample use of the getFile() for fetching data and the openModAsst() for modal*/
getFile('GET','scripts/deviceinfo.php?devasstnum='+devasstnum,function funca(data){
    openModAsst(devname+" ("+devasstnum+") - Device Info",data,"<button type='button' class='btn btn-toolbar devinfmore' id='mordevinf' style='color:black;'>More Info</button>");
        var mordevinf = document.getElementById("mordevinf");
        mordevinf.onclick = function(){
            getFile('GET','scripts/fulldeviceinfo.php?devasstnum='+devasstnum,function funca(data){
            $('#modal-back').fadeOut(500);
            setTimeout(() => {
                asstdetmain.html(data);
            }, 3000);
            });
            }
        });


retdev.onclick = function (){
getFile('POST','scripts/devicehandler.php?devasstnum='+devasstnum+'&devuseremail='+devuseremail+'&datereturned='+retdevvaldat,function funca(data){
        var newdat = data.split('`');
                $('#updt').css('color','black')
                    .slideDown(1000)
                    .html("<span class='fa fa-spinner fa-spin'></span> Please Wait...");
                setTimeout(function(){
                    if(newdat[0].includes('Error')){
                        $('#updt').html(newdat[1]);
                    }else{
                        $('#retdat').html(newdat[1]);
                        $('#assigned-date').attr('min',newdat[2]);
                        $('#updt').html(newdat[0]);
                    }
                    $('#devusertit').html('Last User');
                    $('#crtbtn-con').html('<button type="submit" id="crtBtn" class="btn btn-success btns btn-block" style="background:navy;float:right; font-size:3 em;"><i class="fas fa-folder-plus"></i> ReAssign Device</button>');
                },2000);
                setTimeout(function(){
                    $('#updt').slideUp(1500);
                },4000);
            });
        }








/*sample use of the frmHndl() to treat a form*/
    $('#adasst-form').submit(function(e){
        e.preventDefault();
        frmHndl($(this), 'POST', 'scripts/adddevice.php', function funca(data){
            $('#adasst-form').find('.frm-chk').html(data + '<br>Device and User added Successfully');
            $('#adasst-form').find('.frm-chk').slideDown(1000);
            setTimeout(function(){
//              $('#adasst-form').find('.frm-chk').html(data);
                document.getElementById('adasst-form').reset();
            }, 4000);
        });
    });



$('#reasgnasst-form').submit(function(e){
            e.preventDefault();
            var assetnum = $('#assetnum').val();
            var asgdat = $('#assigned-date').val();
            var asgdatmax = $('#assigned-date').attr('max');

            frmHndl($(this),'POST','scripts/devicehandler.php?devuseremail='+devuseremail+'&assetnum='+assetnum, function funca(data){
                var newdat = data.split('`');
                $('#reasgnasst-form').find('.frm-chk').html('<span style="color:green;"><i class="fa fa-check fa-3x"></i></span><br>'+newdat[0]);
                $('#reasgnasst-form').find('.frm-chk').slideDown(1000);
                setTimeout(function(){
                    $('#devusertit').html('Current User');
                    $('#devusername').html(newdat[1]);
                    $('#devuseremail').html(newdat[2]);
                    $('#devuserdesignation').html(newdat[3]);
                    $('#devuserlocation').html(newdat[4]);
                    $('#devdateassigned').html(newdat[5]);
                    $('#retdat').html("<div class='input-group input-group-sm' id=''>\
                            <span class='input-group-addon'><i class='fa fa-calendar'></i></span>\
                            <input type='date' class='form-control' placeholder='' id='retdevval' min='"+asgdat+"'max='"+asgdatmax+"' value='"+asgdatmax+"'>\
                            <div class='input-group-btn'><button type='button' id='retdev' class='btn btn-success btn-xs' disabled><i class='fa fa-check'></i></button></div>\
                            </div>");
                    $('#crtbtn-con').html('<div type="submit" id="crtBtn" class="btn btn-success btns btn-block" style="background:navy;float:right; font-size:3 em;"><i class="fas fa-folder-plus"></i> ReAssign Device</div>');
                    document.getElementById('reasgnasst-form').reset();
                }, 4000);
            });
        });