New handler for adding todo

Co-authored-by: Audrey Roy Greenfeld <[email protected]>

Author: pydanny

examples/adv_app2.py

@@ -15,7 +15,6 @@ class Todo:
 db.users = db.create(User, transform=True, pk='name')
 db.todos = db.create(Todo, transform=True)
 
-
 def user_auth_before(req, sess):
     auth = req.scope['auth'] = sess.get('auth', None)
     if not auth: return login_redir
@@ -25,26 +24,11 @@ def user_auth_before(req, sess):
     user_auth_before,
     skip=[r'/favicon\.ico', r'/static/.*', r'.*\.css', r'.*\.js', '/login']
 )
-
-
 app, rt = fast_app(hdrs=Theme.blue.headers(),before=beforeware)
 
+# Authentication
 login_redir = Redirect('/login')
 
-
-@rt
-def index(auth):
-    top = Grid(Div(A('logout', href=logout), style='text-align: right'))
-    new_inp = Input(id="new-title", name="title", placeholder="New Todo")
-    add = Form(Group(new_inp, Button("Add")),
-               hx_post="/", target_id='todo-list', hx_swap="afterbegin")
-    frm = Form(*db.todos(order_by='priority'),
-               id='todo-list', cls='sortable', hx_post="/reorder", hx_trigger="end")
-
-    card = Card(Ul(frm), header=add, footer=Div(id='current-todo'))
-    return Titled(f"{auth}'s Todo list", Container(top, card))
-
-
 @rt('/login')
 def get():
     frm = Form(
@@ -71,4 +55,25 @@ def logout(sess):
     del sess['auth']
     return login_redir    
 
+# Dashboard and control handlers
+@rt
+def index(auth):
+    top = Grid(Div(A('logout', href=logout), style='text-align: right'))
+    new_inp = Input(id="new-title", name="title", placeholder="New Todo")
+    add = Form(Group(new_inp, Button("Add")),
+               hx_post=add_todo, target_id='todo-list', hx_swap="afterbegin")
+    frm = Form(*db.todos(order_by='priority'),
+               id='todo-list', cls='sortable', hx_post="/reorder", hx_trigger="end")
+
+    card = Card(Ul(frm), header=add, footer=Div(id='current-todo'))
+    return Titled(f"{auth}'s Todo list", Container(top, card))
+
+@rt
+def add_todo(todo:Todo, auth):
+    new_inp =  LabelInput('Title', id="new-title", name="title", placeholder="New Todo", hx_swap_oob='true')
+    # `insert` returns the inserted todo, which is appended to the start of the list, because we used
+    # `hx_swap='afterbegin'` when creating the todo list form.
+    return db.todos.insert(todo), new_inp    
+
+
 serve()