added new task (status)

This commit is contained in:
Chneemann 2024-04-26 12:21:44 +02:00
parent dff2db9db0
commit 3fe70e52ad
3 changed files with 29 additions and 8 deletions

View file

@ -83,6 +83,11 @@ export class AddTaskComponent {
this.taskData.subtasksDone = taskData.subtasksDone; this.taskData.subtasksDone = taskData.subtasksDone;
this.taskData.assigned = taskData.assigned; this.taskData.assigned = taskData.assigned;
this.taskData.date = taskData.date; this.taskData.date = taskData.date;
} else if (
this.overlayData !== 'none' &&
this.overlayType === 'newTaskOverlay'
) {
this.taskData.status = this.overlayData;
} }
} }

View file

@ -28,7 +28,7 @@
> >
<span class="line"></span> <span class="line"></span>
</div> </div>
<button class="btn" type="submit" (click)="addNewTaskOverlay()"> <button class="btn" type="submit" (click)="addNewTaskOverlay('none')">
<div class="btn-inside"> <div class="btn-inside">
<span>Add Task</span> <span>Add Task</span>
<img src="./../../../assets/img/board/add_white.svg" alt="check" /> <img src="./../../../assets/img/board/add_white.svg" alt="check" />
@ -45,7 +45,11 @@
> >
<div class="headline"> <div class="headline">
<span>To do</span <span>To do</span
><img src="./../../../assets/img/board/plus.svg" alt="add" /> ><img
src="./../../../assets/img/board/plus.svg"
alt="add"
(click)="addNewTaskOverlay('todo')"
/>
</div> </div>
<div id="todo" class="details"> <div id="todo" class="details">
@for(task of getTaskStatus("todo"); track task) { @for(task of getTaskStatus("todo"); track task) {
@ -62,7 +66,11 @@
> >
<div class="headline"> <div class="headline">
<span>In progress</span <span>In progress</span
><img src="./../../../assets/img/board/plus.svg" alt="add" /> ><img
src="./../../../assets/img/board/plus.svg"
alt="add"
(click)="addNewTaskOverlay('inprogress')"
/>
</div> </div>
<div id="inprogress" class="details"> <div id="inprogress" class="details">
@for(task of getTaskStatus("inprogress"); track task) { @for(task of getTaskStatus("inprogress"); track task) {
@ -79,7 +87,11 @@
> >
<div class="headline"> <div class="headline">
<span>Await feedback</span <span>Await feedback</span
><img src="./../../../assets/img/board/plus.svg" alt="add" /> ><img
src="./../../../assets/img/board/plus.svg"
alt="add"
(click)="addNewTaskOverlay('awaitfeedback')"
/>
</div> </div>
<div id="awaitfeedback" class="details"> <div id="awaitfeedback" class="details">
@for(task of getTaskStatus("awaitfeedback"); track task) { @for(task of getTaskStatus("awaitfeedback"); track task) {
@ -96,7 +108,11 @@
> >
<div class="headline"> <div class="headline">
<span>Done</span <span>Done</span
><img src="./../../../assets/img/board/plus.svg" alt="add" /> ><img
src="./../../../assets/img/board/plus.svg"
alt="add"
(click)="addNewTaskOverlay('done')"
/>
</div> </div>
<div id="done" class="details"> <div id="done" class="details">
@for(task of getTaskStatus("done"); track task) { @for(task of getTaskStatus("done"); track task) {

View file

@ -31,11 +31,11 @@ export class BoardComponent {
}); });
} }
addNewTaskOverlay() { addNewTaskOverlay(status: string) {
if (window.innerWidth >= 650) { if (window.innerWidth >= 650) {
this.overlayService.setOverlayData('newTaskOverlay', 'none'); this.overlayService.setOverlayData('newTaskOverlay', status);
} else { } else {
this.router.navigate(['/add-task']); this.router.navigate(['/add-task', status]);
} }
} }