MTAS/mtas-tv-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* kanban board added to the slideshow

Browse Source 
* kanban component is now animated
* kanban-fixed added, that is not timer based
* styling fixed on kanban board
This commit is contained in:
Dávid Danyi 2018-04-23 11:12:13 +02:00
parent ad20a35da4
commit 8595919cb6
3 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/display/display-routing.module.ts
View File

@ -58,6 +58,16 @@ const routes: Routes = [
resolve: { resolve: {
kanbanBoard: KanbanService, kanbanBoard: KanbanService,
}, },
data: {
autoSwitchable: true
}
}, {
path: 'kanban-fixed',
component: KanbanBoardComponent,
// canActivate: [AuthGuardService, RoleGuardService],
resolve: {
kanbanBoard: KanbanService,
},
data: { data: {
autoSwitchable: false autoSwitchable: false
} }

22
src/app/display/kanban-board/kanban-board.component.ts
View File

@ -1,23 +1,23 @@
import { Component, HostBinding, HostListener, OnInit } from '@angular/core'; import { Component, HostBinding, OnInit } from '@angular/core';
import { Title } from '@angular/platform-browser'; import { Title } from '@angular/platform-browser';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import { KanbanBoard, KanbanEntry, KanbanService, } from '../shared'; import { KanbanBoard, KanbanEntry, KanbanService, } from '../shared';
import { slideInOutAnimation } from '../../shared/slide-in-out-animation';
const WIP_LIMIT_INPROGRESS = 12; const WIP_LIMIT_INPROGRESS = 12;
const WIP_LIMIT_VERIFICATION = 8; const WIP_LIMIT_VERIFICATION = 8;
const STYLE_HIDDEN = 'hidden';
const STYLE_VISIBLE = 'scroll';
@Component({ @Component({
selector: 'app-kanban-board', selector: 'app-kanban-board',
templateUrl: './kanban-board.component.html', templateUrl: './kanban-board.component.html',
styleUrls: ['./kanban-board.component.css'] styleUrls: ['./kanban-board.component.css'],
animations: [slideInOutAnimation]
}) })
export class KanbanBoardComponent implements OnInit { export class KanbanBoardComponent implements OnInit {
@HostBinding('style.overflow') hostOverflow = STYLE_HIDDEN; @HostBinding('@slideInOutAnimation')
slideIn = true;
constructor(private titleService: Title, constructor(private titleService: Title,
private route: ActivatedRoute, private route: ActivatedRoute,
@ -91,14 +91,4 @@ export class KanbanBoardComponent implements OnInit {
'over-wip': this.verificationWipCount > WIP_LIMIT_VERIFICATION, 'over-wip': this.verificationWipCount > WIP_LIMIT_VERIFICATION,
}; };
} }
// @HostListener('mouseover')
// private onMouseOver() {
// this.hostOverflow = STYLE_VISIBLE;
// }
//
// @HostListener('mouseout')
// private onMouseOut() {
// this.hostOverflow = STYLE_HIDDEN;
// }
} }

3
src/app/display/slide-show.service.ts
View File

@ -19,6 +19,9 @@ export class SlideShowService {
public nextSlide() { public nextSlide() {
if (this.currentSlideIndex === this.slides.length - 1) { if (this.currentSlideIndex === this.slides.length - 1) {
this.currentSlideIndex++;
this.router.navigate(['/kanban']);
} else if (this.currentSlideIndex === this.slides.length) {
this.currentSlideIndex = -1; this.currentSlideIndex = -1;
this.reloadSlides(); this.reloadSlides();
this.router.navigate(['/commit-tracker']); this.router.navigate(['/commit-tracker']);