clean code
This commit is contained in:
parent
a8b9c4c240
commit
2e84efa65c
2 changed files with 14 additions and 14 deletions
|
|
@ -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)
|
||||||
)
|
)
|
||||||
"
|
"
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue