Search on Typing NEW Bootstrap 4.5 theme

Simple Search on Typing

<?php

	$xcrud = Xcrud::get_instance();	
	$xcrud->table("payments");
	echo $xcrud->render();	
    
?>

<script>
$( document ).ready(function() {
    console.log( "ready!" );
    $(".xcrud-search-toggle").click();
    
$(document).on("ready xcrudafterrequest", function(event, container)
{

  var typingTimer;                //timer identifier
    var doneTypingInterval = 1000;  //time in ms, 5 seconds for example
    var $input = $('.xcrud-searchdata');

    //on keyup, start the countdown
    $input.on('keyup', function () {
        clearTimeout(typingTimer);
        typingTimer = setTimeout(doneTyping, doneTypingInterval);
    });

    //on keydown, clear the countdown 
    $input.on('keydown', function () {
        clearTimeout(typingTimer);
    });

    //user is "finished typing," do something
    function doneTyping () {
        $( "a[data-search='1']" ).click();
        
    }

    $input.focus();
        var tmpStr = $input.val();
        $input.val('');
        $input.val(tmpStr);

    if (container) {
        try{
            $('.tab-pane').find("select").select2();
        }catch(e){

        }
       
    } else {
        try{
            $('.tab-pane').find("select").select2();
        }catch(e){

        }
       
    }

    $("#field_client_id").change(function(){
    
          console.log("selected");
          $("#save-button").click();
    
    });
});
    
</script>