home/torsearch
1
0
Fork 0
Code Issues 22 Pull Requests 1 Actions 3 Packages Projects 4 Releases Wiki Activity

wip: renders live search results

Browse Source
This commit is contained in:
brock
2025-07-06 09:07:51 -05:00
parent 25f803d1dd
commit eafcf3fcb1
13 changed files with 226 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/components/SearchBar.html.twig
View File

@@ -1,15 +1,18 @@
<div {{ attributes }} class="w-full max-w-sm min-w-[200px]">
<div class="relative">
<form action="{{ path('app_search') }}">
<input
<form id="search" action="{{ path('app_search') }}">
<select
{{ stimulus_controller('symfony/ux-autocomplete/autocomplete', {url: path('app_test'), create: false, highlight: false}) }}
{{ stimulus_controller('search_bar') }}
name="term"
class="w-full bg-orange-500 rounded-md bg-clip-padding backdrop-filter
backdrop-blur-md bg-opacity-40 placeholder:text-slate-200 text-gray-50
text-sm border border-orange-500 rounded-md pl-3 pr-28 py-2 transition
text-sm border border-orange-500 rounded-md pl-3 pr-28 py-0 transition
duration-300 ease focus:outline-none focus:border-orange-400 hover:border-orange-300
shadow-sm focus:shadow"
shadow-sm focus:shadow ts-search z-40"
placeholder="TV Show, Movie..."
/>
>
</select>
<button
class="absolute top-1 right-1 flex items-center rounded
bg-green-600 py-1 px-2.5 border border-transparent text-center
@@ -18,7 +21,7 @@
text-white bg-green-600 text-sm
border border-green-500
backdrop-filter backdrop-blur-md bg-opacity-80
backdrop-filter backdrop-blur-md bg-opacity-80 z-40
"
type="submit"
>