Py.Cafe

maartenbreddels/

solara-todo-store

Todo List Manager

DocsPricing
  • app.py
  • requirements.txt
app.py
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
import solara
from typing import TypedDict


class TodoItem(TypedDict):
    text: str
    done: bool


class TodoStore:
    def __init__(self, items):
        self._items = solara.reactive(items)

    @property
    def items(self):
        return self._items.value

    def add_item(self, item):
        self._items.value = [*self._items.value, item]

    def add(self, text):
        self.add_item({"text": text, "done": False})


default_store = TodoStore([
        TodoItem(text="Write a blog post", done=False),
        TodoItem(text="Take out the trash", done=True),
        TodoItem(text="Do the laundry", done=False),
])


@solara.component
def TodoApp(store: TodoStore=default_store):
    new_text = solara.use_reactive("")
    for item in store.items:
        with solara.Card():
            solara.InputText("", value=item["text"])
            solara.Switch(label="Done", value=item["done"])

    with solara.Card("New item"):
        solara.InputText(label="Text", value=new_text)
        solara.Button("Add new", on_click=lambda: store.add(new_text.value))


@solara.component
def Page():
    TodoApp()