Live filter input for Dillon task board

dillon_task_filter_input.js

// tamper script to add a live filter input next to search
const $table = $('table.task-list')
const $tableBody = $table.find('tbody')
const $filterInput = $('<input type="search" placeholder="filter"/>')
const filterInput = inputText => {
	if (!inputText || inputText.length < 3) {
		$tableBody.find('tr.hidden').map((i, el) => {
			$(el).removeClass('hidden')
		})
		return
	}

	// look for table rows that contain the text
	const matches = $tableBody.find(`td:contains(${inputText})`)
	if (!matches.length) return

	// add hidden class to all rows
	$tableBody.find('tr').each((i, el) => {
		el.classList.add('hidden')
	})

	matches.map((i, el) => {
		$(el).closest('tr').removeClass('hidden')
	})
}
// add filter input
$('#searchTextBox').after($filterInput)
$filterInput.on('keyup', e => filterInput(e.currentTarget.value))
$filterInput.on('click', e => filterInput($(e.currentTarget).value))