-
- {{kanbanEntry.summary}}
-
- Additional Details
+
+
+ }})
+
+
- {
@@ -22,4 +24,17 @@ export class KanbanService {
public resolve(route: ActivatedRouteSnapshot): Promise {
return this.getList().toPromise().then(result => result ? result : false);
}
+
+ public reload() {
+ this.getList().subscribe(result => this.cachedKanbanBoard = result);
+ }
+
+ get kanbanBoard(): KanbanBoard {
+ return this.cachedKanbanBoard;
+ }
+
+ set kanbanBoard(kanbanBoard: KanbanBoard) {
+ this.cachedKanbanBoard = kanbanBoard;
+ }
+
}
diff --git a/src/app/kanban/shared/priority-color.pipe.spec.ts b/src/app/kanban/shared/priority-color.pipe.spec.ts
new file mode 100644
index 0000000..35713b4
--- /dev/null
+++ b/src/app/kanban/shared/priority-color.pipe.spec.ts
@@ -0,0 +1,8 @@
+import { PriorityColorPipe } from './priority-color.pipe';
+
+describe('PriorityColorPipe', () => {
+ it('create an instance', () => {
+ const pipe = new PriorityColorPipe();
+ expect(pipe).toBeTruthy();
+ });
+});
diff --git a/src/app/kanban/shared/priority-color.pipe.ts b/src/app/kanban/shared/priority-color.pipe.ts
new file mode 100644
index 0000000..290504b
--- /dev/null
+++ b/src/app/kanban/shared/priority-color.pipe.ts
@@ -0,0 +1,32 @@
+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({
+ name: 'priorityColor'
+})
+export class PriorityColorPipe implements PipeTransform {
+
+ transform(value: any, args?: any): any {
+ let mhrMatch = /(\[.*mhr\])/ig;
+ value = value.replace(mhrMatch, (fullMatch: string, mhrMatched: string) => {
+ return `${mhrMatched} `;
+ });
+ let sMatch = /(\[s\])/ig;
+ value = value.replace(sMatch, (fullMatch: string, mhrMatched: string) => {
+ return `${mhrMatched} `;
+ });
+ let mMatch = /(\[m\])/ig;
+ value = value.replace(mMatch, (fullMatch: string, mhrMatched: string) => {
+ return `${mhrMatched} `;
+ });
+ let lMatch = /(\[l\])/ig;
+ value = value.replace(lMatch, (fullMatch: string, mhrMatched: string) => {
+ return `${mhrMatched} `;
+ });
+ let xlMatch = /(\[xl\])/ig;
+ value = value.replace(xlMatch, (fullMatch: string, mhrMatched: string) => {
+ return `${mhrMatched} `;
+ });
+ return value;
+ }
+
+}
diff --git a/src/styles.css b/src/styles.css
index 8c3b279..dcfc8f1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,9 +1,42 @@
/* You can add global styles to this file, and also import other style files */
body {
- background-color: #FFFFFF;
+ background-color: #303030 !important;
+ color: #cccccc !important;
+ margin-top: 1em !important;
+ margin-bottom: 1em !important;
+ overflow: hidden;
}
.ui.fullwide-container {
margin-left: 1em;
margin-right: 1em;
}
+
+.match-mhr {
+ text-justify: none;
+ color: red;
+}
+
+.match-s {
+ text-justify: none;
+ color: #00b5ad;
+}
+
+.match-m {
+ text-justify: none;
+ color: #0ea432;
+}
+
+.match-l {
+ text-justify: none;
+ color: yellow;
+}
+
+.match-xl {
+ text-justify: none;
+ color: coral;
+}
+
+.over-wip {
+ background-color: rgba(194,59,34, 0.3);
+}
-
-
diff --git a/src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts b/src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts
index 9f115c6..f7e2d92 100644
--- a/src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts
+++ b/src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts
@@ -3,8 +3,10 @@ import {Component, Input, OnInit} from '@angular/core';
import {environment} from "../../../environments/environment";
import {KanbanEntry} from "../shared/kanban-entry.model";
+const DEFAULT_AVATAR = '/assets/riddler.png';
+
@Component({
- selector: 'app-kanban-entry-item',
+ selector: 'app-kanban-entry-item,[app-kanban-entry-item]',
templateUrl: './kanban-entry-item.component.html',
styleUrls: ['./kanban-entry-item.component.css']
})
@@ -16,10 +18,6 @@ export class KanbanEntryItemComponent implements OnInit {
ngOnInit() {}
public avatarUrl(avatarPath: string): string {
- try {
- return environment.apiUri + avatarPath;
- } catch (e) {
- return "";
- }
+ return environment.apiUri + ( avatarPath ? avatarPath : DEFAULT_AVATAR );
}
}
diff --git a/src/app/kanban/kanban.module.ts b/src/app/kanban/kanban.module.ts
index 638020c..ef793cb 100644
--- a/src/app/kanban/kanban.module.ts
+++ b/src/app/kanban/kanban.module.ts
@@ -7,6 +7,7 @@ import { KanbanBoardComponent } from './kanban-board/kanban-board.component';
import { KanbanService } from './shared/kanban.service';
import { KanbanEntryItemComponent } from './kanban-entry-item/kanban-entry-item.component';
import { KanbanEntryCardComponent } from './kanban-entry-card/kanban-entry-card.component';
+import { PriorityColorPipe } from './shared/priority-color.pipe';
@NgModule({
imports: [
@@ -17,6 +18,7 @@ import { KanbanEntryCardComponent } from './kanban-entry-card/kanban-entry-card.
KanbanBoardComponent,
KanbanEntryItemComponent,
KanbanEntryCardComponent,
+ PriorityColorPipe,
],
providers: [
KanbanService,
diff --git a/src/app/kanban/shared/kanban.service.ts b/src/app/kanban/shared/kanban.service.ts
index fa6667b..0ecaaa9 100644
--- a/src/app/kanban/shared/kanban.service.ts
+++ b/src/app/kanban/shared/kanban.service.ts
@@ -13,6 +13,8 @@ import {
export class KanbanService {
private url = environment.apiUri + '/api/kanban';
+ private cachedKanbanBoard: KanbanBoard = new KanbanBoard();
+
constructor(private httpService: Http) {}
public getList(): Observable