Ready for deployment?

.gitignore

@@ -1,5 +1,7 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
+src/reclame
+
 # compiled output
 /dist
 /tmp

angular.json

@@ -21,7 +21,8 @@
             "assets": [
               "src/favicon.ico",
               "src/assets",
-              "src/assets/sounds"
+              "src/assets/sounds",
+              "src/reclame"
             ],
             "styles": [
               "src/styles.scss",

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

@@ -12,15 +12,15 @@ import {TopmenuService} from '../../topmenu.service';
 })
 export class PouleComponent implements OnInit {
 
-  protected teams: any[] = [];
+  public teams: any[] = [];
-  protected times: any[] = [];
+  public times: any[] = [];
-  protected teamtotaltimes: {};
+  public teamtotaltimes: {};
 
-  protected maxRaces = 0;
+  public maxRaces = 0;
   private timesIndexed: {};
   // these are the best two times for each team, indexed by their id
-  protected bestTwo: {};
+  public bestTwo: {};
-  protected maxLaps = 0;
+  public maxLaps = 0;
 
   constructor(private championshipService: ChampionshipService, private route: ActivatedRoute, private topmenuService: TopmenuService) {
   }
@@ -48,6 +48,13 @@ export class PouleComponent implements OnInit {
 
   }
 
+  get poule() {
+    return this.topmenuService.poule$.value;
+  }
+  get tier() {
+    return this.topmenuService.tier$.value;
+  }
+
   private loadData() {
     this.teams = [];
     this.times = [];

src/app/content/tier/tier.component.ts

@@ -12,10 +12,10 @@ import {TopmenuService} from '../../topmenu.service';
 })
 export class TierComponent implements OnInit {
 
-  protected tier: number;
+  public tier: number;
-  protected poules: number[] = [];
+  public poules: number[] = [];
-  protected idChampionship: number;
+  public idChampionship: number;
-  protected tierTimes: any[];
+  public tierTimes: any[];
 
   constructor(private route: ActivatedRoute, private championshipService: ChampionshipService, private topmenuService: TopmenuService) {
   }

src/app/reclamespinner/reclamespinner.component.html

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

src/app/reclamespinner/reclamespinner.component.ts

@@ -8,15 +8,12 @@ import {timer} from 'rxjs';
 })
 export class ReclamespinnerComponent implements OnInit {
 
-  protected images: string[] = [];
+  public images: string[] = [];
 
   constructor() {
-    this.images.push('Victoria.jpg');
+    for (let i = 1; i <= 14; i++) {
-    this.images.push('basta.png');
+      this.images.push(i + '.jpg');
-    this.images.push('Pasta Basta.png');
+    }
-    this.images.push('stoked.png');
-    this.images.push('VDV.jpg');
-    this.images.push('Slagerij Pieters.jpg');
   }
 
   ngOnInit() {

src/app/topmenu/topmenu.component.ts

@@ -14,7 +14,7 @@ import {TopmenuService} from '../topmenu.service';
 export class TopmenuComponent implements OnInit {
 
   private idChampionship: number;
-  protected tiers: number[] = [];
+  public tiers: number[] = [];
 
   constructor(private championshipService: ChampionshipService,
               private route: ActivatedRoute,