65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
import {Component, HostListener, Inject, OnDestroy, OnInit} from '@angular/core';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
|
|
import {DOCUMENT} from '@angular/common';
|
|
import {Fraction} from '../../utils/fraction.enum';
|
|
import {CSSHelpers} from '../../utils/global.helpers';
|
|
import {RouteConfig} from '../../app.config';
|
|
import {Decoration} from '../../models/model-interfaces';
|
|
import {DecorationService} from '../../services/army-management/decoration.service';
|
|
|
|
|
|
@Component({
|
|
selector: 'cc-decoration-overview',
|
|
templateUrl: './decoration-overview.component.html',
|
|
styleUrls: ['./decoration-overview.component.css']
|
|
})
|
|
export class DecorationOverviewComponent implements OnInit, OnDestroy {
|
|
|
|
rows: Decoration[];
|
|
|
|
columnMap = [
|
|
{prop: 'image', head: 'Abbildung'},
|
|
{prop: 'name', head: 'Bezeichnung'},
|
|
{prop: 'fraction', head: 'Fraktion'},
|
|
{prop: 'description', head: 'Beschreibung'}
|
|
];
|
|
|
|
displayedColumns = this.columnMap.map(col => col.prop);
|
|
|
|
tableHeaderFixedVal = 100;
|
|
|
|
hasFixedTableHeader = false;
|
|
|
|
readonly fraction = Fraction;
|
|
|
|
constructor(private router: Router,
|
|
private route: ActivatedRoute,
|
|
private decorationService: DecorationService,
|
|
@Inject(DOCUMENT) private document) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
// set background image css
|
|
this.document.getElementById('right').setAttribute('style', CSSHelpers.getBackgroundCSS('../assets/bg.jpg'));
|
|
|
|
// init decoration data
|
|
this.decorationService.findDecorations()
|
|
.subscribe(decorations => {
|
|
this.rows = decorations;
|
|
});
|
|
};
|
|
|
|
@HostListener('window:scroll', [])
|
|
onWindowScroll() {
|
|
this.hasFixedTableHeader = document.body.scrollTop > this.tableHeaderFixedVal
|
|
|| document.documentElement.scrollTop > this.tableHeaderFixedVal;
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
if (!this.router.url.includes(RouteConfig.overviewPath)) {
|
|
this.document.getElementById('right').setAttribute('style', '');
|
|
}
|
|
}
|
|
}
|