import wixData from 'wix-data';

 

let debounceTimer;

 

export function search_keyPress(event) { //enable onKeypress for input form

 

    //ENTER KEY KEYBOARD EVENT

    if (event.key === "Enter") {

 

        $w("#clearSearch").show()

 

        $w("#search").value

 

        if (debounceTimer) {

            clearTimeout(debounceTimer);

            debounceTimer = undefined;

        }

        debounceTimer = setTimeout(() => {

            filter($w("#search").value); //ID of input form

        }, 200);

    }

 

}

 

let searchWord;

 

function filter(search) {

    if (searchWord !== search) {

        $w("#dataset1").setFilter(wixData.filter().contains('title', search)); // ID of the dataset

        searchWord = search;

    }

 

}

 

// CLEAR SEARCH CODE

$w.onReady(() => {

 

    $w('#clearSearch').onClick(() => {

 

        $w("#search").value = undefined

        $w("#dataset1").setFilter(wixData.filter())

 

        $w("#clearSearch").hide();

 

    });

});