src/app/kanban/kanban-entry-item/kanban-entry-item.component.html

@@ -9,7 +9,7 @@
                 <div class="ui jira-avatar floated image">
                     <img src="{{avatarUrl(kanbanEntry.assignee?.avatar)}}">
                 </div>
-                <span [innerHTML]="kanbanEntry.summary|shortenText|priorityColor:kanbanEntry.issuePriorityIcon" [title]="kanbanEntry.summary"></span>
+                <span [innerHTML]="kanbanEntry.summary|shortenText|priorityColor:kanbanEntry.issuePriorityIcon:kanbanEntry.worklog" [title]="kanbanEntry.summary"></span>
             </div>
         </div>
     </div>

src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts

@@ -10,6 +10,7 @@ const labelColors = {
   MTAS: 'orange',
   Internal: 'yellow',
   Team: 'yellow',
+  BLOCKED: 'red',
 };
 
 @Component({

src/app/kanban/shared/kanban-entry.model.ts

@@ -23,5 +23,5 @@ export class KanbanEntry {
     public team: string;
     public answerCode: string;
     public isLastOfPriority: boolean;
-    public worklog: string;
+    public worklog: number;
 }

src/app/kanban/shared/priority-color.pipe.ts

@@ -5,10 +5,10 @@ import {Pipe, PipeTransform} from '@angular/core';
 })
 export class PriorityColorPipe implements PipeTransform {
 
-    transform(value: any, prioIcon: string = ""): any {
-        let mhrMatch = /(\[.*mhr\])/ig;
-        value = value.replace(mhrMatch, (fullMatch: string, mhrMatched: string) => {
-            return `<span class="match-mhr">${mhrMatched}</span> `;
+    transform(value: any, prioIcon: string = "", worklog: number = 0): any {
+        let mhrMatch = /(\[(.*)mhr\])/ig;
+        value = value.replace(mhrMatch, (fullMatch: string, mhrMatched: string, hoursMatch: number) => {
+            return `<span class="match-mhr">[${worklog}/${hoursMatch} mhr] </span> `;
         });
         let sMatch = /(\[s\])/ig;
         value = value.replace(sMatch, (fullMatch: string, mhrMatched: string) => {