search

front/js/svelte/content/tools/Tools.svelte

@@ -27,7 +27,7 @@
 </script>
 
 <div class="mb-3 d-flex align-items-center justify-content-between">
-    <div class=" d-flex">
+    <div class=" d-flex align-items-center">
 
         <SortFields
                 {schema}
@@ -49,20 +49,12 @@
                 on:refresh
         />
 
-        {#if Object.entries(filter).length > 0}
-            {#each Object.entries(filter) as [k, v]}
-                <AppliedFilter
-                    {schema}
-                    {operators}
-                    key={k}
-                    value={v}
-                    {inModal}
-                    {modalUrl}
-                    {systemFields}
-                    on:refresh
-                />
-            {/each}
-        {/if}
+        <form method="GET">
+            <input type="search" name="filter[data.{schema.fields[0].name}_regex]" placeholder="Search"
+                   class="form-control" required>
+        </form>
+
+
     </div>
 
     <div class="d-flex align-items-center ">
@@ -113,3 +105,20 @@
 </div>
 
 
+{#if Object.entries(filter).length > 0}
+    <div class=" d-flex mb-3">
+        {#each Object.entries(filter) as [k, v]}
+            <AppliedFilter
+                    {schema}
+                    {operators}
+                    key={k}
+                    value={v}
+                    {inModal}
+                    {modalUrl}
+                    {systemFields}
+                    on:refresh
+            />
+        {/each}
+    </div>
+{/if}
+