37 lines
779 B
HTML
37 lines
779 B
HTML
{% extends "layout.html" %}
|
|
|
|
{% block title %}
|
|
Active Search
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<h2><a href="https://htmx.org/examples/active-search/">Active Search</a></h2>
|
|
|
|
<h3>
|
|
Search Contacts
|
|
<span class="htmx-indicator">
|
|
<img src="/static/bars.svg"/> Searching...
|
|
</span>
|
|
</h3>
|
|
<input class="form-control" type="search"
|
|
name="search" placeholder="Begin Typing To Search Users..."
|
|
hx-post="/search"
|
|
hx-trigger="keyup changed delay:500ms, search"
|
|
hx-target="#search-results"
|
|
hx-indicator=".htmx-indicator">
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>First Name</th>
|
|
<th>Last Name</th>
|
|
<th>Email</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="search-results">
|
|
</tbody>
|
|
</table>
|
|
|
|
{% endblock %}
|