#!/usr/bin/env python3 from dataclasses import dataclass, field from typing import Callable, List from nicegui import ui @dataclass class TodoItem: name: str done: bool = False @dataclass class ToDoList: title: str on_change: Callable items: List[TodoItem] = field(default_factory=list) def add(self, name: str, done: bool = False) -> None: self.items.append(TodoItem(name, done)) self.on_change() def remove(self, item: TodoItem) -> None: self.items.remove(item) self.on_change() @ui.refreshable def todo_ui(): if not todos.items: ui.label('List is empty.').classes('mx-auto') return ui.linear_progress(sum(item.done for item in todos.items) / len(todos.items), show_value=False) with ui.row().classes('justify-center w-full'): ui.label(f'Completed: {sum(item.done for item in todos.items)}') ui.label(f'Remaining: {sum(not item.done for item in todos.items)}') for item in todos.items: with ui.row().classes('items-center'): ui.checkbox(value=item.done, on_change=todo_ui.refresh).bind_value(item, 'done') \ .mark(f'checkbox-{item.name.lower().replace(" ", "-")}') ui.input(value=item.name).classes('flex-grow').bind_value(item, 'name') ui.button(on_click=lambda item=item: todos.remove(item), icon='delete').props('flat fab-mini color=grey') todos = ToDoList('My Weekend', on_change=todo_ui.refresh) todos.add('Order pizza', done=True) todos.add('New NiceGUI Release') todos.add('Clean the house') todos.add('Call mom') with ui.card().classes('w-80 items-stretch'): ui.label().bind_text_from(todos, 'title').classes('text-semibold text-2xl') todo_ui() add_input = ui.input('New item').classes('mx-12').mark('new-item') add_input.on('keydown.enter', lambda: todos.add(add_input.value)) add_input.on('keydown.enter', lambda: add_input.set_value('')) if __name__ in {'__main__', '__mp_main__'}: ui.run()