* semantic ui added
* very basic kanban module implementation to show api operation
This commit is contained in:
@@ -0,0 +1,16 @@
|
||||
<div class="ui divided items">
|
||||
<div class="item" *ngFor="let kanbanEntry of kanbanEntries">
|
||||
<div class="ui tiny image">
|
||||
<img src="{{avatarUrl(kanbanEntry.assignee?.avatar)}}">
|
||||
</div>
|
||||
<div class="content">
|
||||
<a class="header">{{kanbanEntry.key}}</a>
|
||||
<div class="description">
|
||||
<p>{{kanbanEntry.summary}}</p>
|
||||
</div>
|
||||
<div class="extra">
|
||||
Additional Details
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { KanbanEntryItemComponent } from './kanban-entry-item.component';
|
||||
|
||||
describe('KanbanEntryItemComponent', () => {
|
||||
let component: KanbanEntryItemComponent;
|
||||
let fixture: ComponentFixture<KanbanEntryItemComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ KanbanEntryItemComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(KanbanEntryItemComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should be created', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,25 @@
|
||||
import {Component, Input, OnInit} from '@angular/core';
|
||||
|
||||
import {environment} from "../../../environments/environment";
|
||||
import {KanbanEntry} from "../shared/kanban-entry.model";
|
||||
|
||||
@Component({
|
||||
selector: 'app-kanban-entry-item',
|
||||
templateUrl: './kanban-entry-item.component.html',
|
||||
styleUrls: ['./kanban-entry-item.component.css']
|
||||
})
|
||||
export class KanbanEntryItemComponent implements OnInit {
|
||||
@Input() kanbanEntries: Array<KanbanEntry>;
|
||||
|
||||
constructor() {}
|
||||
|
||||
ngOnInit() {}
|
||||
|
||||
public avatarUrl(avatarPath: string): string {
|
||||
try {
|
||||
return environment.apiUri + avatarPath;
|
||||
} catch (e) {
|
||||
return "";
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user