joachim/koersepublicfrontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

got commercials working

Browse Source
This commit is contained in:
Joachim 2018-09-01 18:32:23 +02:00
parent f4f87abb41
commit 2d9a4dbe35
6 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/app.component.scss
View File

@ -23,7 +23,6 @@ app-topmenu {
overflow: auto !important;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}

5
src/app/content/poule/poule.component.ts
View File

@ -30,12 +30,9 @@ export class PouleComponent implements OnInit, OnChanges {
}
private loadData() {
console.log('POULE COMP: ' + this.poule + ' ' + this.idChampionship + ' ' + this.tier);
// fetch the poule data
this.championshipService.getTeamsInPoule(this.idChampionship, this.tier, this.poule).subscribe(val => {
this.teams = val;
console.log('teams in poule');
console.log(val);
// calculate the maximum of the racecounts... this influences the amount of columns in the table
let maxRaces = 0;
@ -136,8 +133,6 @@ export class PouleComponent implements OnInit, OnChanges {
}
ngOnChanges(changes: SimpleChanges): void {
console.log('onchanges called...');
console.log(changes);
this.loadData();
}

9
src/app/reclamespinner/reclamespinner.component.html
View File

@ -1,7 +1,8 @@
<div id="reclamespinner">
<button id="goleftbutton" (click)="goLeft()">LEFT</button>
<div class="reclameitem" *ngFor="let image of images">
<img src="/assets/reclam/{{image}}"/>
<button id="goleftbutton" (click)="goRight()">LEFT</button>
<div id="reclamecontainer">
<img class="reclameitem" src="/assets/{{image}}" *ngFor="let image of images"/>
</div>
<button id="gorightbutton" (click)="goRight()">RIGHT</button>
<button id="gorightbutton" (click)="goLeft()">RIGHT</button>
</div>

15
src/app/reclamespinner/reclamespinner.component.scss
View File

@ -1,15 +1,16 @@
div {
background-color: greenyellow;
width: 100%;
height: 100%;
}
#reclamespinner {
display: grid;
grid-template-rows: 1fr;
grid-auto-flow: column;
overflow: hidden;
height: 100%;
}
#reclamecontainer {
height: 200px;
white-space: nowrap;
overflow: hidden;
}
.reclameitem {
height: 100%;
}

4
src/app/reclamespinner/reclamespinner.component.ts
View File

@ -12,6 +12,10 @@ export class ReclamespinnerComponent implements OnInit {
constructor() {
this.images.push('Victoria.jpg');
this.images.push('basta.png');
this.images.push('Pasta Basta.png');
this.images.push('stoked.png');
this.images.push('VDV.jpg');
this.images.push('Slagerij Pieters.jpg');
}
ngOnInit() {

2
src/index.html
View File

@ -9,6 +9,6 @@
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<app-root></app-root>
</body>
</html>