clean code

This commit is contained in:
Chneemann 2024-04-18 10:55:15 +02:00
parent a8b9c4c240
commit 2e84efa65c
2 changed files with 14 additions and 14 deletions

View file

@ -3,32 +3,32 @@
<div <div
class="category" class="category"
[style.background-color]=" [style.background-color]="
categoryColors.get(getTask(overlayData)[0].category) categoryColors.get(getTaskData(overlayData)[0].category)
" "
> >
{{ getTask(overlayData)[0].category }} {{ getTaskData(overlayData)[0].category }}
</div> </div>
<app-btn-close (click)="sendMessage()"></app-btn-close> <app-btn-close (click)="closeDialog()"></app-btn-close>
</div> </div>
<div class="content"> <div class="content">
<div class="headline">{{ getTask(overlayData)[0].title }}</div> <div class="headline">{{ getTaskData(overlayData)[0].title }}</div>
<div class="description"> <div class="description">
{{ getTask(overlayData)[0].description }} {{ getTaskData(overlayData)[0].description }}
</div> </div>
<div class="date"> <div class="date">
<p>Due date:</p> <p>Due date:</p>
{{ timeConverter(getTask(overlayData)[0].date) }} {{ timeConverter(getTaskData(overlayData)[0].date) }}
</div> </div>
<div class="priority"> <div class="priority">
<p>Priority:</p> <p>Priority:</p>
{{ capitalizeFirstLetter(getTask(overlayData)[0].priority) }} {{ capitalizeFirstLetter(getTaskData(overlayData)[0].priority) }}
<div <div
class="priority-bg prio-{{ getTask(overlayData)[0].priority }}" class="priority-bg prio-{{ getTaskData(overlayData)[0].priority }}"
></div> ></div>
</div> </div>
<div class="assigned"> <div class="assigned">
<p>Assigned to:</p> <p>Assigned to:</p>
@for (user of getTask(overlayData)[0].assigned; track user) { @for (user of getTaskData(overlayData)[0].assigned; track user) {
<div class="users"> <div class="users">
<div <div
class="circle" class="circle"
@ -56,15 +56,15 @@
</div> </div>
<div class="subtasks"> <div class="subtasks">
<p>Subtasks:</p> <p>Subtasks:</p>
@for (subtask of getTask(overlayData)[0].subtasksTitle; track subtask; let @for (subtask of getTaskData(overlayData)[0].subtasksTitle; track subtask;
i = $index) { let i = $index) {
<div <div
class="single-subtask" class="single-subtask"
(click)=" (click)="
toggleSubtaskStatus( toggleSubtaskStatus(
overlayData, overlayData,
i, i,
getTask(overlayData)[0].subtasksDone, getTaskData(overlayData)[0].subtasksDone,
getSubTaskStatus(overlayData, i) getSubTaskStatus(overlayData, i)
) )
" "

View file

@ -21,11 +21,11 @@ export class TaskOverlayComponent {
['Technical Task', '#20d7c2'], ['Technical Task', '#20d7c2'],
]); ]);
sendMessage() { closeDialog() {
this.closeDialogEmitter.emit(''); this.closeDialogEmitter.emit('');
} }
getTask(taskId: string) { getTaskData(taskId: string) {
return this.firebaseService return this.firebaseService
.getAllTasks() .getAllTasks()
.filter((task) => task.id === taskId); .filter((task) => task.id === taskId);