flash on mouse event too

jyannick · Jun 4, 2022 · 98feb83 · 98feb83
1 parent cd5070f
commit 98feb83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/app/todo-item/todo-item.component.ts b/src/app/todo-item/todo-item.component.ts
@@ -24,6 +24,7 @@ export class TodoItemComponent {
 
   @Input() todo?: Todo;
   @Output() todoChange = new EventEmitter<Todo>();
+  @Output() flash = new EventEmitter<void>();
 
   private _isEditing: boolean = false;
 
@@ -43,6 +44,9 @@ export class TodoItemComponent {
 
   markDone() {
     this.modifyTodo((todo) => {
+      if (!todo.done) {
+        this.flash.emit();
+      }
       todo.done = true;
       return todo;
     });

diff --git a/src/app/todo-list/todo-list.component.html b/src/app/todo-list/todo-list.component.html
@@ -3,6 +3,7 @@
     <yaka-todo-item
       [(todo)]="todos[index]"
       (todoChange)="save()"
+      (flash)="this.flash.emit();"
       [selected]="index === selectedTodo"
       [(isEditing)]="isEditing"
       (click)="selectTodo(index)"