reivilibre/TaskBoard
Archived
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases 2 Wiki Activity

Show task count in column headers

Browse Source
This commit is contained in:
Matthew Ross 2020-05-14 15:15:51 -04:00
parent 6bf0090979
commit b241a08536
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/board/column/column.component.html
View File

@ -1,7 +1,7 @@
<h3 [class.near-limit]="columnData && columnData.hasTaskLimit() &&
columnData.task_limit - columnData.tasks.length === 0"
columnData.task_limit - columnData.tasks.length === 1"
[class.limit-reached]="columnData && columnData.hasTaskLimit() &&
columnData.task_limit - columnData.tasks.length < 0">
columnData.task_limit - columnData.tasks.length <= 0">
<span class="icon icon-minus-squared-alt"
[title]="strings['boards_collapseAllTasks']"
@ -13,8 +13,11 @@
{{ columnData ? columnData.name : '' }}
<span class="count" *ngIf="columnData && columnData.hasTaskLimit()">
{{ columnData.tasks.length + ' / ' + columnData.task_limit }}
<span class="count">
{{ columnData.tasks.length }}
<div *ngIf="columnData && columnData.hasTaskLimit()">
{{ ' / ' + columnData.task_limit }}
</div>
</span>
<span class="badge" [title]="strings['boards_tasksInColumn']">
@ -74,9 +77,9 @@
</button>
</div>
<div class="tasks" *ngIf="columnData" cdkDropList
<div class="tasks" [id]="'col' + columnData.id" *ngIf="columnData" cdkDropList
[cdkDropListData]="columnData.tasks"
(cdkDropListDropped)="drop($event, +columnData.id - 1)">
(cdkDropListDropped)="drop($event)">
<tb-task class="task-container" [id]="task.id" cdkDrag
*ngFor="let task of columnData.tasks"

4
src/scss/_board.scss
View File

@ -86,6 +86,10 @@
.count {
cursor: default;
div {
display: inline;
}
}
.count-editor {