From 11848b2d97e37ce777f273fa1a5cb905c11fb3b9 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Sun, 17 Dec 2023 11:18:51 +0000
Subject: [PATCH] Add simple search box for routes and redirects

---
 src/views/TargetManagementView.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

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