bugfix

src/app/components/test-suite/assessments/text-legibility-assessment/text-legibility-assessment.component.html

@@ -3,22 +3,28 @@
     src="https://modelviewer.dev/shared-assets/models/Astronaut.glb" ar ar-modes="webxr" ar-placement="ceiling"
     reveal="manual" camera-orbit="0deg 75deg 2m">
 
+
     <button slot="ar-button" id="ar-button-legibility" (click)="logInteraction($event)"
       class="text-xl absolute top-4 left-1/2 -translate-x-1/2 bg-blue-500 text-white py-2 px-4 rounded-lg z-10">
       WebXR Umgebung laden
     </button>
 
+
     <button slot="hotspot-text" class="hotspot ar-hotspot" data-position="-0.1 0.93 0.1" data-normal="0 1 0">
       <div class="annotation" [ngStyle]="{'font-size.px': currentSize}"
         style="background:rgba(255,255,255,0.9);padding:8px;border-radius:4px;color:black;">
-        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+        labore et
+        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+        Stet
         clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
     </button>
 
+
     <div
       class="ar-controls absolute bottom-24 left-1/2 -translate-x-1/2 bg-black bg-opacity-70 p-4 rounded-xl space-y-4 text-white z-10">
 
+
       <!-- Phase: Min -->
       <ng-container *ngIf="phase==='min'">
         <div>Minimum setzen</div>
@@ -33,6 +39,7 @@
           class="bg-green-600 py-2 px-6 rounded-lg">Minimum bestätigen</button>
       </ng-container>
 
+
       <!-- Phase: Confirmed Min -->
       <ng-container *ngIf="phase==='confirmedMin'">
         <div>Minimum bestätigt: {{ minSizeResult }}px</div>
@@ -42,6 +49,7 @@
           class="bg-blue-600 py-2 px-6 rounded-lg">Weiter zu Maximum</button>
       </ng-container>
 
+
       <!-- Phase: Max -->
       <ng-container *ngIf="phase==='max'">
         <div>Maximum setzen</div>
@@ -56,6 +64,7 @@
           class="bg-green-600 py-2 px-6 rounded-lg">Maximum bestätigen</button>
       </ng-container>
 
+
       <!-- Phase: Confirmed Max -->
       <ng-container *ngIf="phase==='confirmedMax'">
         <div>Maximum bestätigt: {{ maxSizeResult }}px</div>
@@ -63,6 +72,7 @@
           class="bg-blue-600 py-2 px-6 rounded-lg">Weiter zu optiomal</button>
       </ng-container>
 
+
       <!-- Phase: Comfortable -->
       <ng-container *ngIf="phase==='comfortable'">
         <div>Optimale Größe setzen</div>
@@ -77,6 +87,7 @@
           class="bg-green-600 py-2 px-6 rounded-lg">Optimale Größe setzen</button>
       </ng-container>
 
+
       <!-- Phase: Confirmed Comfortable -->
       <ng-container *ngIf="phase==='confirmedComfort'">
         <div>Optimale Größe bestätigt: {{ comfortableSizeResult }}px</div>
@@ -84,11 +95,6 @@
           class="bg-blue-600 py-2 px-6 rounded-lg">Test beenden</button>
       </ng-container>
 
-      <!-- Phase: Finished -->
-      <ng-container *ngIf="phase==='finished'">
-        <div class="font-semibold text-lg">Vielen Dank!</div>
-        <p>Ergebnisse werden für die finale Übermittlung gespeichert...</p>
-      </ng-container>
 
     </div>
   </model-viewer>

src/app/components/test-suite/assessments/text-legibility-assessment/text-legibility-assessment.component.ts

@@ -15,6 +15,7 @@ import { FormsModule } from '@angular/forms';
 import { MetricsTrackerService } from '../../../../services/metrics-tracker.service';
 import '../../../../../assets/scripts/model-viewer';
 
+
 @Component({
   selector: 'app-text-legibility-assessment',
   standalone: true,
@@ -28,24 +29,31 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
   @Output() testComplete = new EventEmitter<void>();
   @Output() redoTest = new EventEmitter<number>();
 
+
   private metricsService = inject(MetricsTrackerService);
 
+
   minSize = 2;
   maxSize = 64;
   currentSize = 16;
 
+
   minSizeResult: number | null = null;
   maxSizeResult: number | null = null;
   comfortableSizeResult: number | null = null;
 
-  phase: 'min' | 'confirmedMin' | 'max' | 'confirmedMax' | 'comfortable' | 'confirmedComfort' | 'finished' = 'min';
+
+  phase: 'min' | 'confirmedMin' | 'max' | 'confirmedMax' | 'comfortable' | 'confirmedComfort' = 'min';
+
 
   private offsetApplied = false;
 
+
   constructor(private cdr: ChangeDetectorRef) {
     this.logInteraction = this.logInteraction.bind(this);
   }
 
+
   ngAfterViewInit() {
     const mv = this.modelViewerRef.nativeElement;
     mv.addEventListener('ar-status', (event: any) => {
@@ -55,18 +63,22 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
     });
   }
 
+
   public logInteraction(event: Event) {
     this.metricsService.logInteraction(event);
   }
 
+
   decrease() {
     if (this.currentSize > this.minSize) this.currentSize--;
   }
 
+
   increase() {
     if (this.currentSize < this.maxSize) this.currentSize++;
   }
 
+
   nextPhase() {
     switch (this.phase) {
       case 'min':
@@ -102,19 +114,20 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
     this.comfortableSizeResult = null;
   }
 
+
   retry() {
     this.redoTest.emit(1);
   }
 
-  finishAssessment() {
-    this.phase = 'finished';
 
+  finishAssessment() {
     const finalResults = {
       minReadableSize: this.minSizeResult,
       maxReadableSize: this.maxSizeResult,
       comfortableReadableSize: this.comfortableSizeResult
     };
 
+
     this.metricsService.logInteraction(new CustomEvent('test-results', {
       detail: {
         testName: 'TextLegibility',
@@ -122,15 +135,20 @@ export class TextLegibilityAssessmentComponent implements AfterViewInit, OnDestr
       }
     }));
 
+
     console.log(finalResults);
 
+
     this.testComplete.emit();
   }
 
+
   ngOnDestroy() {
 
+
     this.metricsService.stopTracking();
   }
 
 
+
 }