Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update task query from firebase

Browse source
This commit is contained in:
Chneemann 2024-03-26 23:11:38 +01:00
parent 136f280705
commit ea00e9b959
2 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/components/board/board.component.html
View file

@ -32,7 +32,7 @@
><img src="./../../../assets/img/board/add.svg" alt="add" /> ><img src="./../../../assets/img/board/add.svg" alt="add" />
</div> </div>
<div id="todo" class="details"> <div id="todo" class="details">
@for(task of getTask('todo'); track task) { @for(task of todoTasks; ; track task) {
<app-task [task]="task"></app-task> <app-task [task]="task"></app-task>
} @empty { } @empty {
<app-task-empty>No tasks</app-task-empty> <app-task-empty>No tasks</app-task-empty>
@ -49,7 +49,7 @@
><img src="./../../../assets/img/board/add.svg" alt="add" /> ><img src="./../../../assets/img/board/add.svg" alt="add" />
</div> </div>
<div id="inprogress" class="details"> <div id="inprogress" class="details">
@for(task of getTask('inprogress'); track task) { @for(task of inprogressTasks; track task) {
<app-task [task]="task"></app-task> <app-task [task]="task"></app-task>
} @empty { } @empty {
<app-task-empty>No tasks</app-task-empty> <app-task-empty>No tasks</app-task-empty>
@ -66,7 +66,7 @@
><img src="./../../../assets/img/board/add.svg" alt="add" /> ><img src="./../../../assets/img/board/add.svg" alt="add" />
</div> </div>
<div id="awaitfeedback" class="details"> <div id="awaitfeedback" class="details">
@for(task of getTask('awaitfeedback'); track task) { @for(task of awaitfeedbackTasks; track task) {
<app-task [task]="task"></app-task> <app-task [task]="task"></app-task>
} @empty { } @empty {
<app-task-empty>No tasks</app-task-empty> <app-task-empty>No tasks</app-task-empty>
@ -83,7 +83,7 @@
><img src="./../../../assets/img/board/add.svg" alt="add" /> ><img src="./../../../assets/img/board/add.svg" alt="add" />
</div> </div>
<div id="done" class="details"> <div id="done" class="details">
@for(task of getTask('done'); track task) { @for(task of doneTasks; track task) {
<app-task [task]="task"></app-task> <app-task [task]="task"></app-task>
} @empty { } @empty {
<app-task-empty>No tasks</app-task-empty> <app-task-empty>No tasks</app-task-empty>

16
src/app/components/board/board.component.ts
View file

@ -16,6 +16,10 @@ import { TaskEmptyComponent } from './task/task-empty/task-empty.component';
}) })
export class BoardComponent { export class BoardComponent {
@ViewChild('searchField') searchField!: ElementRef; @ViewChild('searchField') searchField!: ElementRef;
todoTasks: Task[] = [];
inprogressTasks: Task[] = [];
awaitfeedbackTasks: Task[] = [];
doneTasks: Task[] = [];
constructor( constructor(
public dragDropService: DragDropService, public dragDropService: DragDropService,
@ -26,9 +30,12 @@ export class BoardComponent {
this.dragDropService.itemDropped.subscribe(({ id, status }) => { this.dragDropService.itemDropped.subscribe(({ id, status }) => {
this.handleItemDropped(id, status); this.handleItemDropped(id, status);
}); });
this.taskService.subTaskList().subscribe(() => {
this.loadAllTasks();
});
} }
getTask(status: string) { getTask(status: string): Task[] {
if (this.taskService.filteredTasks.length > 0) { if (this.taskService.filteredTasks.length > 0) {
return this.taskService.filteredTasks.filter( return this.taskService.filteredTasks.filter(
(task) => task.status === status (task) => task.status === status
@ -38,6 +45,13 @@ export class BoardComponent {
} }
} }
loadAllTasks() {
this.todoTasks = this.getTask('todo');
this.inprogressTasks = this.getTask('inprogress');
this.awaitfeedbackTasks = this.getTask('awaitfeedback');
this.doneTasks = this.getTask('done');
}
handleItemDropped(id: string, status: string): void { handleItemDropped(id: string, status: string): void {
const index = this.taskService.allTasks.findIndex((task) => task.id === id); const index = this.taskService.allTasks.findIndex((task) => task.id === id);
const filteredIndex = this.taskService.filteredTasks.findIndex( const filteredIndex = this.taskService.filteredTasks.findIndex(