Class App

examples/angular/todos/src/app/app.ts:139–183

  `,
})
export class App {
  projects = [
    { id: 1, name: 'Work' },
    { id: 2, name: 'Home' },
  ]

  selectedProjectId = signal(2)

  todoQuery = injectLiveQuery({
    params: () => ({ projectID: this.selectedProjectId() }),
    query: ({ params, q }) =>
      q.from({ todo: todosCollection }).where(({ todo }) => eq(todo.projectID, params.projectID)),
  })

  newTodoText = ''

  addTodo() {
    if (!this.newTodoText.trim()) return

    const newTodo = {
      id: Date.now(),
      text: this.newTodoText.trim(),
      projectID: this.selectedProjectId(),
      completed: false,
      created_at: new Date(),
    }

    todosCollection.insert(newTodo)
    this.newTodoText = ''
  }

  toggleTodo(id: number) {
    todosCollection.update(id, (draft: any) => {
      draft.completed = !draft.completed
    })
  }

  deleteTodo(id: number) {
    todosCollection.delete(id)
  }

  getCompletedCount(): number {
    return this.todoQuery.data().filter((todo) => todo.completed).length
  }
}