* semantic ui added

* very basic kanban module implementation to show api operation
This commit is contained in:
Dávid Danyi
2017-08-02 18:50:50 +02:00
parent 862b53d0e9
commit f7bb463bd4
31 changed files with 3386 additions and 393 deletions

View File

@@ -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>

View File

@@ -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();
});
});

View File

@@ -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 "";
}
}
}