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; overflow: auto !important;
grid-template-columns: 1fr 1fr; 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() { private loadData() {
console.log('POULE COMP: ' + this.poule + ' ' + this.idChampionship + ' ' + this.tier);
// fetch the poule data // fetch the poule data
this.championshipService.getTeamsInPoule(this.idChampionship, this.tier, this.poule).subscribe(val => { this.championshipService.getTeamsInPoule(this.idChampionship, this.tier, this.poule).subscribe(val => {
this.teams = 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 // calculate the maximum of the racecounts... this influences the amount of columns in the table
let maxRaces = 0; let maxRaces = 0;
@ -136,8 +133,6 @@ export class PouleComponent implements OnInit, OnChanges {
} }
ngOnChanges(changes: SimpleChanges): void { ngOnChanges(changes: SimpleChanges): void {
console.log('onchanges called...');
console.log(changes);
this.loadData(); this.loadData();
} }

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

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

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

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

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

@ -12,6 +12,10 @@ export class ReclamespinnerComponent implements OnInit {
constructor() { constructor() {
this.images.push('Victoria.jpg'); this.images.push('Victoria.jpg');
this.images.push('basta.png'); 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() { ngOnInit() {

2
src/index.html
View File

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