General: Make sure the filter button renders when reloading the course statistics page

src/main/webapp/app/overview/course-overview.component.ts

@@ -623,12 +623,12 @@ export class CourseOverviewComponent implements OnInit, OnDestroy, AfterViewInit
         if (componentRef.controlConfiguration) {
             const provider = componentRef as BarControlConfigurationProvider;
             this.controlConfiguration = provider.controlConfiguration as BarControlConfiguration;
-
-            // Listen for changes to the control configuration; works for initial config as well
             this.controlsSubscription =
-                this.controlConfiguration.subject?.subscribe((controls: TemplateRef<any>) => {
+                this.controlConfiguration.subject?.subscribe(async (controls: TemplateRef<any>) => {
                     this.controls = controls;
                     this.tryRenderControls();
+                    await firstValueFrom(provider.controlsRendered);
+                    this.tryRenderControls();
                 }) || undefined;
         }
         if (

src/main/webapp/app/overview/course-statistics/course-statistics.component.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 import { faClipboard, faFilter, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 import { TranslateService } from '@ngx-translate/core';
@@ -116,6 +116,7 @@ enum ChartBarTitle {
     ],
 })
 export class CourseStatisticsComponent implements OnInit, OnDestroy, AfterViewInit, BarControlConfigurationProvider {
+    controlsRendered = new EventEmitter<void>();
     private courseStorageService = inject(CourseStorageService);
     private scoresStorageService = inject(ScoresStorageService);
     private translateService = inject(TranslateService);
@@ -281,6 +282,7 @@ export class CourseStatisticsComponent implements OnInit, OnDestroy, AfterViewIn
         // Send our controls template to parent so it will be rendered in the top bar
         if (this.controls) {
             this.controlConfiguration.subject!.next(this.controls);
+            this.controlsRendered.emit();
         }
     }
 

src/main/webapp/app/shared/tab-bar/tab-bar.ts

@@ -1,10 +1,12 @@
 import { Subject } from 'rxjs';
 import { TemplateRef } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 
 export interface BarControlConfiguration {
     subject?: Subject<TemplateRef<any>>;
 }
 
 export interface BarControlConfigurationProvider {
     controlConfiguration: BarControlConfiguration;
+    controlsRendered: EventEmitter<void>;
 }

src/test/javascript/spec/component/course/course-overview.component.spec.ts

@@ -26,7 +26,7 @@ import { ArtemisTranslatePipe } from 'app/shared/pipes/artemis-translate.pipe';
 import { SortDirective } from 'app/shared/sort/sort.directive';
 import { SortByDirective } from 'app/shared/sort/sort-by.directive';
 import { AlertService } from 'app/core/util/alert.service';
-import { AfterViewInit, ChangeDetectorRef, Component, TemplateRef, ViewChild } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, Component, EventEmitter, TemplateRef, ViewChild } from '@angular/core';
 import { By } from '@angular/platform-browser';
 import { TeamAssignmentPayload } from 'app/entities/team.model';
 import { Exam } from 'app/entities/exam/exam.model';
@@ -117,6 +117,8 @@ const courses: Course[] = [course2];
     template: '<ng-template #controls><button id="test-button">TestButton</button></ng-template>',
 })
 class ControlsTestingComponent implements BarControlConfigurationProvider, AfterViewInit {
+    controlsRendered = new EventEmitter<void>();
+
     @ViewChild('controls', { static: false }) private controls: TemplateRef<any>;
     public readonly controlConfiguration: BarControlConfiguration = {
         subject: new Subject<TemplateRef<any>>(),