Now this is a TODO APP !!!
This commit is contained in:
Simple_Not
parent
10d557df12
commit
da15b454cd
BIN
__pycache__/todo.cpython-39.pyc
Normal file
BIN
__pycache__/todo.cpython-39.pyc
Normal file
Binary file not shown.
16
app.py
16
app.py
@ -1,6 +1,7 @@
|
||||
from flask import Flask, render_template, request
|
||||
from flask_assets import Bundle, Environment
|
||||
|
||||
from todo import todos
|
||||
|
||||
app = Flask(__name__)
|
||||
|
||||
@ -22,6 +23,21 @@ def homepage():
|
||||
return render_template("page1.html")
|
||||
|
||||
|
||||
@app.route("/search", methods=["POST"])
|
||||
def search_todo():
|
||||
search_term = request.form.get("search")
|
||||
|
||||
if not len(search_term):
|
||||
return render_template("todo.html", todos=[])
|
||||
|
||||
res_todos = []
|
||||
for todo in todos:
|
||||
if search_term in todo["title"]:
|
||||
res_todos.append(todo)
|
||||
|
||||
return render_template("todo.html", todos=res_todos)
|
||||
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
app.run(debug=True)
|
||||
@ -1,20 +1,20 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
{% block content %}
|
||||
<div class="w-small w-2/3 mx-auto py-10 text-gray-600">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
suppss
|
||||
suppss
|
||||
|
||||
|
||||
<table class="border-collapse w-small w-2/3 mx-auto">
|
||||
@ -26,7 +26,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="todo-results">
|
||||
|
||||
{% include 'todo.html' %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% endblock content %}
|
||||
15
templates/todo.html
Normal file
15
templates/todo.html
Normal file
@ -0,0 +1,15 @@
|
||||
{% if todos|length>0 %}
|
||||
{% for todo in todos %}
|
||||
<tr class="bg-white lg:hover:bg-gray-100 flex lg:table-row flex-row lg:flex-row flex-wrap lg:flex-no-wrap mb-10 lg:mb-0">
|
||||
<td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.id}}</td>
|
||||
<td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.title}}</td>
|
||||
<td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">
|
||||
{% if todo.completed %}
|
||||
<span class="rounded bg-green-400 py-1 px-3 text-xs font-bold">Yes</span>
|
||||
{% else %}
|
||||
<span class="rounded bg-red-400 py-1 px-3 text-xs font-bold">No</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
457
todo.py
Normal file
457
todo.py
Normal file
@ -0,0 +1,457 @@
|
||||
todos = [
|
||||
{"userId": 1, "id": 1, "title": "delectus aut autem", "completed": False},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 2,
|
||||
"title": "quis ut nam facilis et officia qui",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 1, "id": 3, "title": "fugiat veniam minus", "completed": False},
|
||||
{"userId": 1, "id": 4, "title": "et porro tempora", "completed": True},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 5,
|
||||
"title": "laboriosam mollitia et enim quasi adipisci quia provident illum",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 6,
|
||||
"title": "qui ullam ratione quibusdam voluptatem quia omnis",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 7,
|
||||
"title": "illo expedita consequatur quia in",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 1, "id": 8, "title": "quo adipisci enim quam ut ab", "completed": True},
|
||||
{"userId": 1, "id": 9, "title": "molestiae perspiciatis ipsa", "completed": False},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 10,
|
||||
"title": "illo est ratione doloremque quia maiores aut",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 1, "id": 11, "title": "vero rerum temporibus dolor", "completed": True},
|
||||
{"userId": 1, "id": 12, "title": "ipsa repellendus fugit nisi", "completed": True},
|
||||
{"userId": 1, "id": 13, "title": "et doloremque nulla", "completed": False},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 14,
|
||||
"title": "repellendus sunt dolores architecto voluptatum",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 1, "id": 15, "title": "ab voluptatum amet voluptas", "completed": True},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 16,
|
||||
"title": "accusamus eos facilis sint et aut voluptatem",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 17,
|
||||
"title": "quo laboriosam deleniti aut qui",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 18,
|
||||
"title": "dolorum est consequatur ea mollitia in culpa",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 19,
|
||||
"title": "molestiae ipsa aut voluptatibus pariatur dolor nihil",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 1,
|
||||
"id": 20,
|
||||
"title": "ullam nobis libero sapiente ad optio sint",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 21,
|
||||
"title": "suscipit repellat esse quibusdam voluptatem incidunt",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 22,
|
||||
"title": "distinctio vitae autem nihil ut molestias quo",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 23,
|
||||
"title": "et itaque necessitatibus maxime molestiae qui quas velit",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 24,
|
||||
"title": "adipisci non ad dicta qui amet quaerat doloribus ea",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 25,
|
||||
"title": "voluptas quo tenetur perspiciatis explicabo natus",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 2, "id": 26, "title": "aliquam aut quasi", "completed": True},
|
||||
{"userId": 2, "id": 27, "title": "veritatis pariatur delectus", "completed": True},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 28,
|
||||
"title": "nesciunt totam sit blanditiis sit",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 2, "id": 29, "title": "laborum aut in quam", "completed": False},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 30,
|
||||
"title": "nemo perspiciatis repellat ut dolor libero commodi blanditiis omnis",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 31,
|
||||
"title": "repudiandae totam in est sint facere fuga",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 32,
|
||||
"title": "earum doloribus ea doloremque quis",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 2, "id": 33, "title": "sint sit aut vero", "completed": False},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 34,
|
||||
"title": "porro aut necessitatibus eaque distinctio",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 35,
|
||||
"title": "repellendus veritatis molestias dicta incidunt",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 36,
|
||||
"title": "excepturi deleniti adipisci voluptatem et neque optio illum ad",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 2, "id": 37, "title": "sunt cum tempora", "completed": False},
|
||||
{"userId": 2, "id": 38, "title": "totam quia non", "completed": False},
|
||||
{
|
||||
"userId": 2,
|
||||
"id": 39,
|
||||
"title": "doloremque quibusdam asperiores libero corrupti illum qui omnis",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 2, "id": 40, "title": "totam atque quo nesciunt", "completed": True},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 41,
|
||||
"title": "aliquid amet impedit consequatur aspernatur placeat eaque fugiat suscipit",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 42,
|
||||
"title": "rerum perferendis error quia ut eveniet",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 43,
|
||||
"title": "tempore ut sint quis recusandae",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 44,
|
||||
"title": "cum debitis quis accusamus doloremque ipsa natus sapiente omnis",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 45,
|
||||
"title": "velit soluta adipisci molestias reiciendis harum",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 46,
|
||||
"title": "vel voluptatem repellat nihil placeat corporis",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 47,
|
||||
"title": "nam qui rerum fugiat accusamus",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 48,
|
||||
"title": "sit reprehenderit omnis quia",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 49,
|
||||
"title": "ut necessitatibus aut maiores debitis officia blanditiis velit et",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 50,
|
||||
"title": "cupiditate necessitatibus ullam aut quis dolor voluptate",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 51,
|
||||
"title": "distinctio exercitationem ab doloribus",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 52,
|
||||
"title": "nesciunt dolorum quis recusandae ad pariatur ratione",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 53,
|
||||
"title": "qui labore est occaecati recusandae aliquid quam",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 54,
|
||||
"title": "quis et est ut voluptate quam dolor",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 55,
|
||||
"title": "voluptatum omnis minima qui occaecati provident nulla voluptatem ratione",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 3, "id": 56, "title": "deleniti ea temporibus enim", "completed": True},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 57,
|
||||
"title": "pariatur et magnam ea doloribus similique voluptatem rerum quia",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 58,
|
||||
"title": "est dicta totam qui explicabo doloribus qui dignissimos",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 59,
|
||||
"title": "perspiciatis velit id laborum placeat iusto et aliquam odio",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 3,
|
||||
"id": 60,
|
||||
"title": "et sequi qui architecto ut adipisci",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 4, "id": 61, "title": "odit optio omnis qui sunt", "completed": True},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 62,
|
||||
"title": "et placeat et tempore aspernatur sint numquam",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 63,
|
||||
"title": "doloremque aut dolores quidem fuga qui nulla",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 64,
|
||||
"title": "voluptas consequatur qui ut quia magnam nemo esse",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 65,
|
||||
"title": "fugiat pariatur ratione ut asperiores necessitatibus magni",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 66,
|
||||
"title": "rerum eum molestias autem voluptatum sit optio",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 67,
|
||||
"title": "quia voluptatibus voluptatem quos similique maiores repellat",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 68,
|
||||
"title": "aut id perspiciatis voluptatem iusto",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 69,
|
||||
"title": "doloribus sint dolorum ab adipisci itaque dignissimos aliquam suscipit",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 70,
|
||||
"title": "ut sequi accusantium et mollitia delectus sunt",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 4, "id": 71, "title": "aut velit saepe ullam", "completed": False},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 72,
|
||||
"title": "praesentium facilis facere quis harum voluptatibus voluptatem eum",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 73,
|
||||
"title": "sint amet quia totam corporis qui exercitationem commodi",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 74,
|
||||
"title": "expedita tempore nobis eveniet laborum maiores",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 75,
|
||||
"title": "occaecati adipisci est possimus totam",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 4, "id": 76, "title": "sequi dolorem sed", "completed": True},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 77,
|
||||
"title": "maiores aut nesciunt delectus exercitationem vel assumenda eligendi at",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 78,
|
||||
"title": "reiciendis est magnam amet nemo iste recusandae impedit quaerat",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 4, "id": 79, "title": "eum ipsa maxime ut", "completed": True},
|
||||
{
|
||||
"userId": 4,
|
||||
"id": 80,
|
||||
"title": "tempore molestias dolores rerum sequi voluptates ipsum consequatur",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 5, "id": 81, "title": "suscipit qui totam", "completed": True},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 82,
|
||||
"title": "voluptates eum voluptas et dicta",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 83,
|
||||
"title": "quidem at rerum quis ex aut sit quam",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 5, "id": 84, "title": "sunt veritatis ut voluptate", "completed": False},
|
||||
{"userId": 5, "id": 85, "title": "et quia ad iste a", "completed": True},
|
||||
{"userId": 5, "id": 86, "title": "incidunt ut saepe autem", "completed": True},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 87,
|
||||
"title": "laudantium quae eligendi consequatur quia et vero autem",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 88,
|
||||
"title": "vitae aut excepturi laboriosam sint aliquam et et accusantium",
|
||||
"completed": False,
|
||||
},
|
||||
{"userId": 5, "id": 89, "title": "sequi ut omnis et", "completed": True},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 90,
|
||||
"title": "molestiae nisi accusantium tenetur dolorem et",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 91,
|
||||
"title": "nulla quis consequatur saepe qui id expedita",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 5, "id": 92, "title": "in omnis laboriosam", "completed": True},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 93,
|
||||
"title": "odio iure consequatur molestiae quibusdam necessitatibus quia sint",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 5, "id": 94, "title": "facilis modi saepe mollitia", "completed": False},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 95,
|
||||
"title": "vel nihil et molestiae iusto assumenda nemo quo ut",
|
||||
"completed": True,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 96,
|
||||
"title": "nobis suscipit ducimus enim asperiores voluptas",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 97,
|
||||
"title": "dolorum laboriosam eos qui iure aliquam",
|
||||
"completed": False,
|
||||
},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 98,
|
||||
"title": "debitis accusantium ut quo facilis nihil quis sapiente necessitatibus",
|
||||
"completed": True,
|
||||
},
|
||||
{"userId": 5, "id": 99, "title": "neque voluptates ratione", "completed": False},
|
||||
{
|
||||
"userId": 5,
|
||||
"id": 100,
|
||||
"title": "excepturi a et neque qui expedita vel voluptate",
|
||||
"completed": False,
|
||||
},
|
||||
]
|
||||
Loading…
Reference in New Issue
Block a user