hotspotbilling/phpnuxbill
1
1
Fork 0
mirror of https://github.com/hotspotbilling/phpnuxbill.git synced 2025-02-20 21:43:00 +08:00
Code Issues Projects Releases Packages Wiki Activity

Update customers.tpl

Browse source 
Functionality to filter table rows based on admin input
This commit is contained in:
Focuslinkstech 2024-03-17 15:56:42 +01:00
parent d31edde9d6
commit dbc3a2623c
1 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
ui/ui/customers.tpl
View file

@ -18,7 +18,7 @@
<div class="col-md-8">
<form id="site-search" method="post" action="{$_url}customers/list/">
<div class="input-group">
<input type="text" name="search" value="{$search}" class="form-control"
<input type="text" id="search-input" name="search" value="{$search}" class="form-control"
placeholder="{Lang::T('Search')}...">
<div class="input-group-btn">
<button class="btn btn-success" type="submit"><span
@ -79,4 +79,25 @@
</div>
</div>
<script>
// Functionality to filter table rows based on admin input
document.addEventListener('DOMContentLoaded', function () {
var searchInput = document.getElementById('search-input');
var tableRows = document.querySelectorAll('tbody tr');
searchInput.addEventListener('input', function () {
var searchText = this.value.toLowerCase();
tableRows.forEach(function (row) {
var rowData = row.textContent.toLowerCase();
if (rowData.includes(searchText)) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
});
});
</script>
{include file="sections/footer.tpl"}