Todo Component

todo.component.ts

  toggleComplete(todo: ITodo) {
    const todoUpdate: Update<ITodo> = {
      id: todo.id,
      changes: { complete: !todo.complete }
    };
    this.store.dispatch(new ToggleComplete(todoUpdate));
  }

  edit(todo: ITodo) {
    this.dialogService.openEditDialog(todo).subscribe(
      submission => {
        if (typeof submission !== 'undefined' && submission.edit) {
          const editSubmission: Update<ITodo> = {
            id: submission.submission.id,
            changes: { description: submission.submission.description}
          };
          this.store.dispatch(new UpdateDescription(editSubmission));
        }
      }
    );
  }

  markAllAsComplete() {
    this.todos$.pipe(take(1)).subscribe(todos => {
      const todoUpdates: Update<ITodo>[] = todos.map(todo => {
        return {
          id: todo.id,
          changes: {
            complete: true
          }
         };
      });
      console.log(todoUpdates);
      this.store.dispatch(new MarkAllAsComplete(todoUpdates));
    });
  }