File size: 1,667 Bytes
46cb2c1 34c230e 46cb2c1 34c230e 46cb2c1 34c230e 46cb2c1 eb922b4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
from fasthtml.common import *
app,rt,todos,Todo = fast_app(
'data/todos.db',
hdrs=[Style(':root { --pico-font-size: 100%; }')],
id=int, title=str, done=bool, pk='id')
id_curr = 'current-todo'
def tid(id): return f'todo-{id}'
@patch
def __ft__(self:Todo):
show = AX(self.title, f'/todos/{self.id}', id_curr)
edit = AX('edit', f'/edit/{self.id}' , id_curr)
dt = ' ✅' if self.done else ''
return Li(show, dt, ' | ', edit, id=tid(self.id))
def mk_input(**kw): return Input(id="new-title", name="title", placeholder="New Todo", required=True, **kw)
@rt("/")
async def get():
add = Form(Group(mk_input(), Button("Add")),
hx_post="/", target_id='todo-list', hx_swap="beforeend")
card = Card(Ul(*todos(), id='todo-list'),
header=add, footer=Div(id=id_curr)),
title = 'Todo list'
return Title(title), Main(H1(title), card, cls='container')
@rt("/todos/{id}")
async def delete(id:int):
todos.delete(id)
return clear(id_curr)
@rt("/")
async def post(todo:Todo): return todos.insert(todo), mk_input(hx_swap_oob='true')
@rt("/edit/{id}")
async def get(id:int):
res = Form(Group(Input(id="title"), Button("Save")),
Hidden(id="id"), CheckboxX(id="done", label='Done'),
hx_put="/", target_id=tid(id), id="edit")
return fill_form(res, todos.get(id))
@rt("/")
async def put(todo: Todo): return todos.upsert(todo), clear(id_curr)
@rt("/todos/{id}")
async def get(id:int):
todo = todos.get(id)
btn = Button('delete', hx_delete=f'/todos/{todo.id}',
target_id=tid(todo.id), hx_swap="outerHTML")
return Div(Div(todo.title), btn)
serve()
|