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

design subtask & optimise code

Browse source
This commit is contained in:
Chneemann 2024-04-09 08:11:29 +02:00
parent 7fd0e65058
commit 9956a31424
3 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/add-task/add-task.component.html
View file

@ -230,7 +230,7 @@
<img class="add" src="./../../../assets/img/add.svg" alt="" /> <img class="add" src="./../../../assets/img/add.svg" alt="" />
} @if (taskData.subtasks) { } @if (taskData.subtasks) {
<div class="subtasks"> <div class="subtasks">
@for (task of taskData.subtasks; track task) { @for (task of taskData.subtasks.reverse(); track task) {
<div class="single-subtask"> <div class="single-subtask">
<p>- {{ task }}</p> <p>- {{ task }}</p>
<img <img

8
src/app/components/add-task/add-task.component.scss
View file

@ -120,14 +120,18 @@ p {
} }
.subtasks { .subtasks {
padding: 12px 6px; padding: 12px 0;
margin-right: 14px;
.single-subtask { .single-subtask {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 3px 6px; padding: 6px 9px;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
p {
padding: 0;
}
&:hover { &:hover {
border-radius: 12px; border-radius: 12px;
background-color: var(--light-gray); background-color: var(--light-gray);

3
src/app/components/add-task/add-task.component.ts
View file

@ -25,7 +25,6 @@ export class AddTaskComponent {
searchValue: string = ''; searchValue: string = '';
searchInput: boolean = false; searchInput: boolean = false;
filteredUsers: User[] = []; filteredUsers: User[] = [];
constructor(public firebaseService: FirebaseService) {} constructor(public firebaseService: FirebaseService) {}
taskData: TaskData = { taskData: TaskData = {
@ -43,7 +42,7 @@ export class AddTaskComponent {
} }
addSubtask(subtaskName: string) { addSubtask(subtaskName: string) {
this.taskData.subtasks.push(subtaskName); this.taskData.subtasks.unshift(subtaskName);
this.saveTaskData(); this.saveTaskData();
} }