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

4
src/scss/_board.scss
View File

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