Merge pull request #635 from bettercodepaul/feature/touch-optimization

refactor(schusszettel): unify numeric input flow and adjust auto-focu…

Author: Max-Schi

bogenliga/src/app/modules/schusszettel/components/maske2eingabe/passe-eingabe.component.html

@@ -42,8 +42,10 @@ <h2>Passe {{ currentPasse }}</h2>
             <input
               #inputField
               id="schuss1-{{ i }}"
-              type="number"
+              type="text"
               inputmode="numeric"
+              pattern="[0-9]*"
+              maxlength="2"
               formControlName="schuss1"
               min="0"
               max="10"

bogenliga/src/app/modules/schusszettel/components/maske2eingabe/passe-eingabe.component.scss

@@ -192,3 +192,8 @@ form { width: 100%; max-width: 800px;}
 .cdk-drop-list-dragging .draggable-row:not(.cdk-drag-placeholder) {
   transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
 }
+
+input::-webkit-outer-spin-button {
+  appearance: none;
+}
+

bogenliga/src/app/modules/schusszettel/components/maske2eingabe/passe-eingabe.component.ts

@@ -28,6 +28,7 @@ export class PasseEingabeComponent implements OnInit, OnDestroy {
   form!: FormGroup;
   activeRow = -1;
   private destroy$ = new Subject<void>();
+  private readonly autoFocusDelayMs = 2000;
   timeoutId: any = null;
 
   orderedShooters: SchuetzeStammdatenDTO[] = [];
@@ -117,8 +118,8 @@ export class PasseEingabeComponent implements OnInit, OnDestroy {
     const groups = this.orderedShooters.map((schuetze, index) => {
       console.log(`Creating form group ${index} for shooter ${schuetze.schuetzenId}`);
       return this.fb.group({
-        schuss1: [null, [Validators.required, Validators.min(0), Validators.max(10)]],
-        schuss2: [null, [Validators.required, Validators.min(0), Validators.max(10)]],
+        schuss1: [null, [Validators.required, Validators.pattern(/^(10|[0-9])$/)]],
+        schuss2: [null, [Validators.required, Validators.pattern(/^(10|[0-9])$/)]],
       });
     });
 
@@ -193,8 +194,8 @@ export class PasseEingabeComponent implements OnInit, OnDestroy {
       const grp = this.schuesse.at(i) as FormGroup;
       return {
         schuetzenId: s.schuetzenId,
-        schuss1: grp.value.schuss1,
-        schuss2: grp.value.schuss2,
+        schuss1: parseInt(grp.value.schuss1, 10),
+        schuss2: parseInt(grp.value.schuss2, 10),
         // No schuss3 - only 2 arrows per shooter to match backend ARROWS_PER_SHOOTER = 2
       };
     });
@@ -224,7 +225,7 @@ export class PasseEingabeComponent implements OnInit, OnDestroy {
       } else {
         console.warn('Ungültiger Wert – kein automatischer Wechsel:', value);
       }
-    }, 700);
+    }, this.autoFocusDelayMs);
   }
 
   focusNextField(i: number, field: 'schuss1' | 'schuss2') {