fix(pruefi-input): fix prüfi input on ahb landing page (#477)

fix prüfi input on ahb landing page

Author: hf-krechan

src/app/features/ahbs/components/pruefi-input/pruefi-input.component.ts

@@ -122,25 +122,39 @@ export class PruefiInputComponent implements ControlValueAccessor {
       // Update the form control with just the pruefidentifikator
       if (pruefidentifikator) {
         this.control.setValue(pruefidentifikator, { emitEvent: false });
+        // Emit changes immediately for dropdown selection
+        if (this.onChange) {
+          this.onChange(pruefidentifikator);
+        }
       }
     } else if (digitOnlyPattern.test(inputValue)) {
       // Handle numeric input
       if (inputValue.length === 5) {
-        // Exactly 5 digits
+        // Exactly 5 digits - trigger immediate load
         pruefidentifikator = inputValue;
+        // Update the form control with the 5 digits
+        this.control.setValue(pruefidentifikator, { emitEvent: false });
+        // Emit changes immediately for 5-digit input
+        if (this.onChange) {
+          this.onChange(pruefidentifikator);
+        }
       } else if (inputValue.length > 5) {
         // More than 5 digits - take first 5
         pruefidentifikator = inputValue.slice(0, 5);
         // Update the form control with just the first 5 digits
         this.control.setValue(pruefidentifikator, { emitEvent: false });
+        // Emit changes immediately
+        if (this.onChange) {
+          this.onChange(pruefidentifikator);
+        }
       }
       // Less than 5 digits - treat as invalid (pruefidentifikator remains null)
     }
     // Any other format is considered invalid (pruefidentifikator remains null)
 
-    // Emit changes
-    if (this.onChange) {
-      this.onChange(pruefidentifikator);
+    // Emit null for invalid input
+    if (!pruefidentifikator && this.onChange) {
+      this.onChange(null);
     }
   }
 }

src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.html

@@ -5,7 +5,8 @@
       class="flex-1 hidden md:inline"
       [formatVersion]="form.controls.formatVersion.value"
       [pruefi]="form.controls.pruefi.value"
-      (formatVersionChange)="form.controls.formatVersion.setValue($event); onClickSubmit()" />
+      (formatVersionChange)="form.controls.formatVersion.setValue($event)"
+      (pruefiChange)="form.controls.pruefi.setValue($event); onClickSubmit()" />
     <app-input-search-enhanced
       class="inline-block w-full md:w-96 pointer-events-none opacity-50"
       [searchQuery]="''"

src/app/features/ahbs/views/ahb-landing-page/ahb-landing-page.component.ts

@@ -36,7 +36,15 @@ export class AhbLandingPageComponent {
     pruefi: new FormControl<string>('', { nonNullable: true, validators: [Validators.required] }),
   });
 
-  constructor(private readonly router: Router) {}
+  constructor(private readonly router: Router) {
+    // Subscribe to pruefi value changes
+    this.form.controls.pruefi.valueChanges.subscribe(value => {
+      // If we have a 5-digit number and a format version, navigate immediately
+      if (value?.match(/^\d{5}$/) && this.form.controls.formatVersion.value) {
+        this.onClickSubmit();
+      }
+    });
+  }
 
   onClickSubmit() {
     if (!this.form.valid) {