a-mayb3/KanbanCloneAngular
1
1
Fork 0
mirror of https://github.com/a-mayb3/KanbanCloneAngular.git synced 2026-03-21 18:05:38 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

minor changes /j

Browse source
This commit is contained in:
Marta Borgia Leiva 2026-02-10 13:51:55 +01:00
parent f7f12356de
commit 377c8b6146
11 changed files with 587 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/app/pages/project-details/project-details.component.html
View file

@ -17,6 +17,29 @@
</p>
</section>
<section class="tasks-card">
<div class="tasks-header">
<h4>Tasks</h4>
<span class="tasks-count">
{{ project()?.tasks?.length ?? 0 }} total • {{ taskCompletionPercentage }}% completed
</span>
</div>
@if ((project()?.tasks?.length ?? 0) > 0) {
<div class="tasks-list">
@for (task of project()?.tasks ?? []; track task.id) {
<app-task-item [task]="task" (statusChange)="onTaskStatusChange($event)" />
}
</div>
} @else {
<div class="empty-state">
<p>No tasks yet.</p>
</div>
}
<button class="btn-add-task" type="button" (click)="onAddTask()">Add task</button>
</section>
<section class="collaborators-card">
<div class="collaborators-header">
<h4>Collaborators</h4>
@ -24,7 +47,10 @@
</div>
@if ((project()?.users?.length ?? 0) > 0) {
<div class="collaborators-grid">
<div
class="collaborators-grid"
[class.collaborators-grid--single]="(project()?.users?.length ?? 0) === 1"
>
@for (user of project()?.users ?? []; track user.id) {
<app-collaborator-item [user]="user" (remove)="onRemoveCollaborator($event)" />
}
@ -35,28 +61,9 @@
</div>
}
<button class="btn-add-collaborator" type="button">Add collaborator</button>
</section>
<section class="tasks-card">
<div class="tasks-header">
<h4>Tasks</h4>
<span class="tasks-count">{{ project()?.tasks?.length ?? 0 }} total</span>
</div>
@if ((project()?.tasks?.length ?? 0) > 0) {
<div class="tasks-grid">
@for (task of project()?.tasks ?? []; track task.id) {
<app-task-item [task]="task" />
}
</div>
} @else {
<div class="empty-state">
<p>No tasks yet.</p>
</div>
}
<button class="btn-add-task" type="button" (click)="onAddTask()">Add task</button>
<button class="btn-add-collaborator" type="button" (click)="onAddCollaborator()">
Add collaborator
</button>
</section>
<section class="danger-zone">
@ -70,14 +77,18 @@
<h4>Edit project details</h4>
<p>Update the project name or description.</p>
</div>
<button class="btn-danger-outline" type="button">Edit project</button>
<button class="btn-danger-outline" type="button" (click)="onEditProject()">
Edit project
</button>
</div>
<div class="danger-item">
<div>
<h4>Delete project</h4>
<p>This will remove the project and all associated data.</p>
</div>
<button class="btn-danger" type="button">Delete project</button>
<button class="btn-danger" type="button" (click)="onDeleteProject()">
Delete project
</button>
</div>
</div>
</section>