From d1faab755c67cd2312d4d8f89161e8c674850d44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20N=C3=A4gele?=
 <michael.naegele@student.reutlingen-university.de>
Date: Sun, 25 Jan 2026 20:21:08 +0100
Subject: [PATCH] Fix: Team-spezifische Tab-Reihenfolge im Schusszettel

---
 .../wkdurchfuehrung/components/index.ts       |  2 +-
 .../schusszettel/schusszettel.component.html  |  2 +
 .../schusszettel/tabindex.directive.ts        | 42 +++++++++++++++++--
 .../wkdurchfuehrung/wkdurchfuehrung.module.ts |  2 +
 4 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/bogenliga/src/app/modules/wkdurchfuehrung/components/index.ts b/bogenliga/src/app/modules/wkdurchfuehrung/components/index.ts
index 2fbab5435..64665c4de 100644
--- a/bogenliga/src/app/modules/wkdurchfuehrung/components/index.ts
+++ b/bogenliga/src/app/modules/wkdurchfuehrung/components/index.ts
@@ -1,7 +1,7 @@
 export * from './wkdurchfuehrung/wkdurchfuehrung.component';
 export * from './schusszettel/schusszettel.component';
 export * from './schusszettel/number.directive';
-export {RingzahlTabIndexDirective} from './schusszettel/tabindex.directive';
+export {RingzahlTabIndexDirective, SchuetzeTabIndexDirective} from './schusszettel/tabindex.directive';
 export * from './tablet-admin/tablet-admin.component';
 export * from './tableteingabe/tableteingabe.component';
 export * from './fullscreen/fullscreen.component';
diff --git a/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/schusszettel.component.html b/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/schusszettel.component.html
index e4c0f67d0..f280c565b 100644
--- a/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/schusszettel.component.html
+++ b/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/schusszettel.component.html
@@ -121,6 +121,7 @@ <h3>
               <ng-template ngFor let-j="index" let-passe [ngForOf]="schuetze">
                 <td *ngIf="j === 0">
                   <select
+                    [blaSchuetzeTabIndex]="1"
                     [(ngModel)]="passe.rueckennummer"
                     (ngModelChange)="onSchuetzeChangeDropdown($event, 1, i, j)"
                     [disabled]="readOnlyMode"
@@ -323,6 +324,7 @@ <h3>
               <ng-template ngFor let-j="index" let-passe [ngForOf]="schuetze">
                 <td *ngIf="j === 0">
                   <select
+                    [blaSchuetzeTabIndex]="2"
                     [(ngModel)]="passe.rueckennummer"
                     (ngModelChange)="onSchuetzeChangeDropdown($event, 2, i, j)"
                     [disabled]="readOnlyMode"
diff --git a/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/tabindex.directive.ts b/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/tabindex.directive.ts
index f050facf7..09368fcd3 100644
--- a/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/tabindex.directive.ts
+++ b/bogenliga/src/app/modules/wkdurchfuehrung/components/schusszettel/tabindex.directive.ts
@@ -1,4 +1,4 @@
-import {Directive, ElementRef} from '@angular/core';
+import {Directive, ElementRef, Input} from '@angular/core';
 
 /**
  * Index generator for tabindex number generation,
@@ -34,11 +34,21 @@ class RingzahlIndexGenerator extends IndexGenerator {
       [39, 64], // mid left second table, mid right second table
       [41, 66], // bottom left second table, bottom right second table
     ];
+
+    // Tabindex-Start für Team 1
+    const TEAM1_OFFSET = 20;
+    // Tabindex-Start für Team 2
+    const TEAM2_OFFSET = 120;
+
     this.indices = [];
     for (const row of rows) {
       for (let i = row[0]; i <= row[1]; i += 6) {
-        this.indices.push(i);
-        this.indices.push(i + 1);
+        const offset = i < 37 ? TEAM1_OFFSET : TEAM2_OFFSET;
+
+        // Pfeil 1 bekommt den nächsten Tabindex
+        this.indices.push(i + offset);
+        // Pfeil 2 bekommt den nächsten Tabindex
+        this.indices.push(i + 1 + offset);
       }
     }
     this.currIdx = 0;
@@ -68,3 +78,29 @@ export class RingzahlTabIndexDirective extends TabIndexDirective {
     this.el.nativeElement.setAttribute('tabindex', ringzahlIdxGen.getNext());
   }
 }
+
+// Directive, die einem Schützen im Formular einen Tabindex gibt
+@Directive({
+  selector: '[blaSchuetzeTabIndex]'
+})
+export class SchuetzeTabIndexDirective {
+  // Startindex für Team 1
+  private static team1Idx = 1;
+  // Startindex für Team 2
+  private static team2Idx = 101;
+
+  @Input('blaSchuetzeTabIndex') team!: number;
+
+  constructor(private el: ElementRef) {
+  }
+
+  ngOnInit() {
+    const idx =
+      this.team === 1
+        ? SchuetzeTabIndexDirective.team1Idx++
+        : SchuetzeTabIndexDirective.team2Idx++;
+
+    // Tabindex als HTML-Attribut setzen
+    this.el.nativeElement.setAttribute('tabindex', idx);
+  }
+}
diff --git a/bogenliga/src/app/modules/wkdurchfuehrung/wkdurchfuehrung.module.ts b/bogenliga/src/app/modules/wkdurchfuehrung/wkdurchfuehrung.module.ts
index 596e8f5f1..c5a08988b 100644
--- a/bogenliga/src/app/modules/wkdurchfuehrung/wkdurchfuehrung.module.ts
+++ b/bogenliga/src/app/modules/wkdurchfuehrung/wkdurchfuehrung.module.ts
@@ -13,6 +13,7 @@ import {
   TabletAdminComponent,
   PfeilNumberOnlyDirective,
   FehlerpunkteNumberOnlyDirective,
+  SchuetzeTabIndexDirective,
 } from '../wkdurchfuehrung/components';
 
 import {
@@ -47,6 +48,7 @@ import {QRCodeModule} from 'angularx-qrcode';
     TeilnemendeManschaftenTabelleComponent,
     FullscreenComponent,
     TabletAdminPopUpComponent,
+    SchuetzeTabIndexDirective
   ],
   providers: [
     WkdurchfuehrungGuard,