| 6 | |
| 7 | @ft.control |
| 8 | class Task(ft.Column): |
| 9 | task_name: str = "" |
| 10 | on_status_change: Callable[[], None] = field(default=lambda: None) |
| 11 | on_delete: Callable[["Task"], None] = field(default=lambda task: None) |
| 12 | |
| 13 | def init(self): |
| 14 | self.completed = False |
| 15 | self.display_task = ft.Checkbox( |
| 16 | value=False, label=self.task_name, on_change=self.status_changed |
| 17 | ) |
| 18 | self.edit_name = ft.TextField(expand=1) |
| 19 | |
| 20 | self.display_view = ft.Row( |
| 21 | alignment=ft.MainAxisAlignment.SPACE_BETWEEN, |
| 22 | vertical_alignment=ft.CrossAxisAlignment.CENTER, |
| 23 | controls=[ |
| 24 | self.display_task, |
| 25 | ft.Row( |
| 26 | spacing=0, |
| 27 | controls=[ |
| 28 | ft.IconButton( |
| 29 | icon=ft.Icons.CREATE_OUTLINED, |
| 30 | tooltip="Edit To-Do", |
| 31 | on_click=self.edit_clicked, |
| 32 | ), |
| 33 | ft.IconButton( |
| 34 | ft.Icons.DELETE_OUTLINE, |
| 35 | tooltip="Delete To-Do", |
| 36 | on_click=self.delete_clicked, |
| 37 | ), |
| 38 | ], |
| 39 | ), |
| 40 | ], |
| 41 | ) |
| 42 | |
| 43 | self.edit_view = ft.Row( |
| 44 | visible=False, |
| 45 | alignment=ft.MainAxisAlignment.SPACE_BETWEEN, |
| 46 | vertical_alignment=ft.CrossAxisAlignment.CENTER, |
| 47 | controls=[ |
| 48 | self.edit_name, |
| 49 | ft.IconButton( |
| 50 | icon=ft.Icons.DONE_OUTLINE_OUTLINED, |
| 51 | icon_color=ft.Colors.GREEN, |
| 52 | tooltip="Update To-Do", |
| 53 | on_click=self.save_clicked, |
| 54 | ), |
| 55 | ], |
| 56 | ) |
| 57 | self.controls = [self.display_view, self.edit_view] |
| 58 | |
| 59 | def edit_clicked(self, e): |
| 60 | self.edit_name.value = self.display_task.label |
| 61 | self.display_view.visible = False |
| 62 | self.edit_view.visible = True |
| 63 | self.update() |
| 64 | |
| 65 | def save_clicked(self, e): |