got commercials working

src/app/app.component.scss

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

src/app/content/poule/poule.component.ts

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

src/app/reclamespinner/reclamespinner.component.html

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

src/app/reclamespinner/reclamespinner.component.scss

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

src/app/reclamespinner/reclamespinner.component.ts

@@ -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() {