mirror of
https://github.com/netbox-community/netbox.git
synced 2025-07-23 17:08:41 -06:00
Remove obsolete "quick find" TS
This commit is contained in:
parent
8ed79d5973
commit
298fb00a3e
BIN
netbox/project-static/dist/netbox.js
vendored
BIN
netbox/project-static/dist/netbox.js
vendored
Binary file not shown.
BIN
netbox/project-static/dist/netbox.js.map
vendored
BIN
netbox/project-static/dist/netbox.js.map
vendored
Binary file not shown.
@ -1,5 +1,4 @@
|
|||||||
import debounce from 'just-debounce-it';
|
import { getElements, findFirstAdjacent, isTruthy } from './util';
|
||||||
import { getElements, getRowValues, findFirstAdjacent, isTruthy } from './util';
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Change the display value and hidden input values of the search filter based on dropdown
|
* Change the display value and hidden input values of the search filter based on dropdown
|
||||||
@ -41,109 +40,8 @@ function initSearchBar(): void {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Initialize Interface Table Filter Elements.
|
|
||||||
*/
|
|
||||||
function initInterfaceFilter(): void {
|
|
||||||
for (const input of getElements<HTMLInputElement>('input.interface-filter')) {
|
|
||||||
const table = findFirstAdjacent<HTMLTableElement>(input, 'table');
|
|
||||||
const rows = Array.from(
|
|
||||||
table?.querySelectorAll<HTMLTableRowElement>('tbody > tr') ?? [],
|
|
||||||
).filter(r => r !== null);
|
|
||||||
/**
|
|
||||||
* Filter on-page table by input text.
|
|
||||||
*/
|
|
||||||
function handleInput(event: Event): void {
|
|
||||||
const target = event.target as HTMLInputElement;
|
|
||||||
// Create a regex pattern from the input search text to match against.
|
|
||||||
const filter = new RegExp(target.value.toLowerCase().trim());
|
|
||||||
|
|
||||||
// Each row represents an interface and its attributes.
|
|
||||||
for (const row of rows) {
|
|
||||||
// Find the row's checkbox and deselect it, so that it is not accidentally included in form
|
|
||||||
// submissions.
|
|
||||||
const checkBox = row.querySelector<HTMLInputElement>('input[type="checkbox"][name="pk"]');
|
|
||||||
if (checkBox !== null) {
|
|
||||||
checkBox.checked = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// The data-name attribute's value contains the interface name.
|
|
||||||
const name = row.getAttribute('data-name');
|
|
||||||
|
|
||||||
if (typeof name === 'string') {
|
|
||||||
if (filter.test(name.toLowerCase().trim())) {
|
|
||||||
// If this row matches the search pattern, but is already hidden, unhide it.
|
|
||||||
if (row.classList.contains('d-none')) {
|
|
||||||
row.classList.remove('d-none');
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// If this row doesn't match the search pattern, hide it.
|
|
||||||
row.classList.add('d-none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input.addEventListener('keyup', debounce(handleInput, 300));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function initTableFilter(): void {
|
|
||||||
for (const input of getElements<HTMLInputElement>('input.object-filter')) {
|
|
||||||
// Find the first adjacent table element.
|
|
||||||
const table = findFirstAdjacent<HTMLTableElement>(input, 'table');
|
|
||||||
|
|
||||||
// Build a valid array of <tr/> elements that are children of the adjacent table.
|
|
||||||
const rows = Array.from(
|
|
||||||
table?.querySelectorAll<HTMLTableRowElement>('tbody > tr') ?? [],
|
|
||||||
).filter(r => r !== null);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Filter table rows by matched input text.
|
|
||||||
* @param event
|
|
||||||
*/
|
|
||||||
function handleInput(event: Event): void {
|
|
||||||
const target = event.target as HTMLInputElement;
|
|
||||||
|
|
||||||
// Create a regex pattern from the input search text to match against.
|
|
||||||
const filter = new RegExp(target.value.toLowerCase().trim());
|
|
||||||
|
|
||||||
// List of which rows which match the query
|
|
||||||
const matchedRows: Array<HTMLTableRowElement> = [];
|
|
||||||
|
|
||||||
for (const row of rows) {
|
|
||||||
// Find the row's checkbox and deselect it, so that it is not accidentally included in form
|
|
||||||
// submissions.
|
|
||||||
const checkBox = row.querySelector<HTMLInputElement>('input[type="checkbox"][name="pk"]');
|
|
||||||
if (checkBox !== null) {
|
|
||||||
checkBox.checked = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Iterate through each row's cell values
|
|
||||||
for (const value of getRowValues(row)) {
|
|
||||||
if (filter.test(value.toLowerCase())) {
|
|
||||||
// If this row matches the search pattern, add it to the list.
|
|
||||||
matchedRows.push(row);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Iterate the rows again to set visibility.
|
|
||||||
// This results in a single reflow instead of one for each row.
|
|
||||||
for (const row of rows) {
|
|
||||||
if (matchedRows.indexOf(row) >= 0) {
|
|
||||||
row.classList.remove('d-none');
|
|
||||||
} else {
|
|
||||||
row.classList.add('d-none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input.addEventListener('keyup', debounce(handleInput, 300));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function initSearch(): void {
|
export function initSearch(): void {
|
||||||
for (const func of [initSearchBar, initTableFilter, initInterfaceFilter]) {
|
for (const func of [initSearchBar]) {
|
||||||
func();
|
func();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user