flask-htmx-board1/templates/page1.html

32 lines
1.0 KiB
HTML
Raw Normal View History

2023-07-01 20:29:27 +10:00
{% extends "base.html" %}
2023-07-01 22:41:34 +10:00
{% block content %}
2023-07-01 20:29:27 +10:00
<div class="w-small w-2/3 mx-auto py-10 text-gray-600">
2023-07-01 22:41:34 +10:00
<input
type="text"
name="search"
hx-post="/search"
hx-trigger="keyup changed delay:250ms"
hx-indicator=".htmx-indicator"
hx-target="#todo-results"
placeholder="Search"
class="bg-white h-10 px-5 pr-10 rounded-full text-2xl focus:outline-none"
>
<span class="htmx-indicator">Searching...</span>
2023-07-01 20:29:27 +10:00
</div>
2023-07-02 01:10:44 +10:00
+dev 2
2023-07-01 20:29:27 +10:00
<table class="border-collapse w-small w-2/3 mx-auto">
<thead>
<tr>
<th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th>
<th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Title</th>
<th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Completed</th>
</tr>
</thead>
<tbody id="todo-results">
2023-07-01 22:41:34 +10:00
{% include 'todo.html' %}
2023-07-01 20:29:27 +10:00
</tbody>
</table>
{% endblock content %}