| 2 | |
| 3 | |
| 4 | class Task(ft.UserControl): |
| 5 | def __init__(self, task_name, task_status_change, task_delete): |
| 6 | super().__init__() |
| 7 | self.completed = False |
| 8 | self.task_name = task_name |
| 9 | self.task_status_change = task_status_change |
| 10 | self.task_delete = task_delete |
| 11 | |
| 12 | def build(self): |
| 13 | self.display_task = ft.Checkbox( |
| 14 | value=False, label=self.task_name, on_change=self.status_changed |
| 15 | ) |
| 16 | self.edit_name = ft.TextField(expand=1) |
| 17 | |
| 18 | self.display_view = ft.Row( |
| 19 | alignment="spaceBetween", |
| 20 | vertical_alignment="center", |
| 21 | controls=[ |
| 22 | self.display_task, |
| 23 | ft.Row( |
| 24 | spacing=0, |
| 25 | controls=[ |
| 26 | ft.IconButton( |
| 27 | icon=ft.Icons.CREATE_OUTLINED, |
| 28 | tooltip="Edit To-Do", |
| 29 | on_click=self.edit_clicked, |
| 30 | ), |
| 31 | ft.IconButton( |
| 32 | ft.Icons.DELETE_OUTLINE, |
| 33 | tooltip="Delete To-Do", |
| 34 | on_click=self.delete_clicked, |
| 35 | ), |
| 36 | ], |
| 37 | ), |
| 38 | ], |
| 39 | ) |
| 40 | |
| 41 | self.edit_view = ft.Row( |
| 42 | visible=False, |
| 43 | alignment="spaceBetween", |
| 44 | vertical_alignment="center", |
| 45 | controls=[ |
| 46 | self.edit_name, |
| 47 | ft.IconButton( |
| 48 | icon=ft.Icons.DONE_OUTLINE_OUTLINED, |
| 49 | icon_color=ft.Colors.GREEN, |
| 50 | tooltip="Update To-Do", |
| 51 | on_click=self.save_clicked, |
| 52 | ), |
| 53 | ], |
| 54 | ) |
| 55 | return ft.Column(controls=[self.display_view, self.edit_view]) |
| 56 | |
| 57 | async def edit_clicked(self, e): |
| 58 | self.edit_name.value = self.display_task.label |
| 59 | self.display_view.visible = False |
| 60 | self.edit_view.visible = True |
| 61 | await self.update() |