Add simple search box for routes and redirects

This commit is contained in:
Melon 2023-12-17 11:18:51 +00:00
parent 70c0fbd772
commit 11848b2d97
Signed by: melon
GPG Key ID: 6C9D970C50D26A25

View File

@ -17,11 +17,14 @@
export let tableData: Writable<{[key: string]: CSPair<T>}>; export let tableData: Writable<{[key: string]: CSPair<T>}>;
export let equality: (a: T | null, b: T | null) => boolean; export let equality: (a: T | null, b: T | null) => boolean;
let tableSearch: string = "";
let tableKeys: string[] = []; let tableKeys: string[] = [];
$: tableKeys = Object.entries($tableData) $: tableKeys = Object.entries($tableData)
.filter(x => x[1].client != null || x[1].server != null) .filter(x => x[1].client != null || x[1].server != null)
.map(x => x[0]) .map(x => x[0])
.filter(x => domainFilter(x, $domainOption)) .filter(x => domainFilter(x, $domainOption))
.filter(x => x.includes(tableSearch))
.sort((a, b) => a.localeCompare(b)); .sort((a, b) => a.localeCompare(b));
let rowStats: CountStats = {created: 0, modified: 0, removed: 0}; let rowStats: CountStats = {created: 0, modified: 0, removed: 0};
@ -109,6 +112,11 @@
<div>Loading...</div> <div>Loading...</div>
</div> </div>
{:then} {:then}
<div id="search-wrapper">
<label>
Search: <input type="search" name="table-search" bind:value={tableSearch} />
</label>
</div>
<table class="main-table"> <table class="main-table">
<thead> <thead>
<tr> <tr>
@ -149,3 +157,9 @@
{/if} {/if}
</div> </div>
</div> </div>
<style>
#search-wrapper {
padding: 16px;
}
</style>