feat(traffic-side): add traffic side configuration in editor properties

  Implement complete interface for railway traffic conventions:
    - Add TrafficSide methods to DataService and UiInteractionService
    - Add editor properties panel with left/right selection
    - Add translations for all labels and tooltips

  Allows users to configure left-hand vs right-hand traffic conventions according to regional railway standards.

Signed-off-by: Uriel-Sautron <uriel.sautron@gmail.com>

Author: Uriel-Sautron

src/app/services/data/data.service.ts

@@ -5,6 +5,7 @@ import {
   Direction,
   TrainrunFrequency,
   TrainrunTimeCategory,
+  TrafficSide,
 } from "../../data-structures/business.data.structures";
 import {NetzgrafikDefault} from "../../sample-netzgrafik/netzgrafik.default";
 import {NodeService} from "./node.service";
@@ -185,6 +186,7 @@ export class DataService implements OnDestroy {
     const metadata = this.netzgrafikDtoStore.netzgrafikDto.metadata;
     metadata.netzgrafikColors = this.netzgrafikColoringService.getDtos();
     metadata.orderingAlgorithm = this.nodeService.getCurrentOrderingAlgorithm();
+    metadata.trafficSide = this.netzgrafikDtoStore.netzgrafikDto.metadata.trafficSide || "leftHand";
 
     return {
       nodes: this.nodeService.getDtos(),
@@ -249,6 +251,14 @@ export class DataService implements OnDestroy {
     return this.netzgrafikDtoStore.netzgrafikDto.metadata.trainrunTimeCategories;
   }
 
+  getTrafficSide(): TrafficSide {
+    return this.netzgrafikDtoStore.netzgrafikDto.metadata.trafficSide || "leftHand";
+  }
+
+  setTrafficSideType(trafficSideType: TrafficSide) {
+    this.netzgrafikDtoStore.netzgrafikDto.metadata.trafficSide = trafficSideType;
+  }
+
   getDirections(): Direction[] {
     return Object.values(Direction);
   }

src/app/services/ui/ui.interaction.service.ts

@@ -30,6 +30,8 @@ import {Trainrun} from "../../models/trainrun.model";
 import {LoadPerlenketteService} from "../../perlenkette/service/load-perlenkette.service";
 import {TravelTimeCreationEstimatorType} from "../../view/themes/editor-trainrun-traveltime-creator-type";
 import {OrderingAlgorithm} from "../../data-structures/technical.data.structures";
+import {TrafficSide} from "src/app/data-structures/business.data.structures";
+import {DataService} from "../data/data.service";
 
 export interface ViewboxProperties {
   currentViewBox: string;
@@ -105,6 +107,7 @@ export class UiInteractionService implements OnDestroy {
   private activeTheme: ThemeBase = null;
   private activeStreckengrafikRenderingType: StreckengrafikRenderingType = null;
   private activeTravelTimeCreationEstimatorType: TravelTimeCreationEstimatorType = null;
+  private activeTrafficSideType: TrafficSide;
   private editorMode: EditorMode = EditorMode.NetzgrafikEditing;
   private isMultiSelectedNodesCorridor = false;
 
@@ -122,6 +125,7 @@ export class UiInteractionService implements OnDestroy {
     private trainrunService: TrainrunService,
     private netzgrafikColoringService: NetzgrafikColoringService,
     private loadPerlenketteService: LoadPerlenketteService,
+    private dataService: DataService,
   ) {
     this.activeTheme = null;
     this.loadActiveTheme();
@@ -295,6 +299,14 @@ export class UiInteractionService implements OnDestroy {
     this.saveUserSettingToLocalStorage();
   }
 
+  getActiveTrafficSideType(): TrafficSide {
+    return this.activeTrafficSideType || this.dataService.getTrafficSide();
+  }
+
+  setActiveTrafficSideType(activeTrafficSideType: TrafficSide) {
+    this.activeTrafficSideType = activeTrafficSideType;
+  }
+
   getActiveOrderingAlgorithm(): OrderingAlgorithm {
     return this.nodeService.getCurrentOrderingAlgorithm();
   }

src/app/view/editor-properties-view-component/editor-properties-view.component.html

@@ -135,6 +135,29 @@ <h2 class="SummaryTitle">{{ "app.view.editor-properties-view-component.settings"
     </sbb-radio-group>
   </sbb-expansion-panel>
 
+  <sbb-expansion-panel [expanded]="true">
+    <sbb-expansion-panel-header>{{
+      "app.view.editor-properties-view-component.trafficSide" | translate  
+    }}</sbb-expansion-panel-header>
+    <sbb-label>{{
+      "app.view.editor-properties-view-component.trafficSide" | translate
+    }}</sbb-label>
+    <br />
+     <sbb-radio-group
+      [(ngModel)]="activeTrafficSideType"
+      class="sbb-radio-group-vertical"
+    >
+      <sbb-radio-button
+        *ngFor="let option of trafficSideTypeOptions"
+        [value]="option.trafficSide"
+        [title]="option.title"
+        (change)="onUpdateTrafficSideType($event)"
+      >
+        {{ option.name }}
+      </sbb-radio-button>
+    </sbb-radio-group>
+  </sbb-expansion-panel>
+
   <sbb-expansion-panel [expanded]="true">
     <sbb-expansion-panel-header>{{
       "app.view.editor-properties-view-component.graphicTimetable" | translate

src/app/view/editor-properties-view-component/editor-properties-view.component.ts

@@ -6,6 +6,7 @@ import {ThemeBase} from "../themes/theme-base";
 import {ThemeRegistration} from "../themes/theme-registration";
 import {StreckengrafikRenderingType} from "../themes/streckengrafik-rendering-type";
 import {TravelTimeCreationEstimatorType} from "../themes/editor-trainrun-traveltime-creator-type";
+import {TrafficSide} from "src/app/data-structures/business.data.structures";
 
 @Component({
   selector: "sbb-editor-properties-view-component",
@@ -84,6 +85,20 @@ export class EditorPropertiesViewComponent {
   ];
   activeTravelTimeCreationEstimatorType: TravelTimeCreationEstimatorType = null;
 
+  trafficSideTypeOptions = [
+    {
+      name: $localize`:@@app.left:Left`,
+      title: $localize`:@@app.view.editor-properties-view-component.leftTrafficSideTooltip:Trains are operated according to left-hand running conventions.`,
+      trafficSide: "leftHand" as TrafficSide,
+    },
+    {
+      name: $localize`:@@app.right:Right`,
+      title: $localize`:@@app.view.editor-properties-view-component.rightTrafficSideTooltip:Trains are operated according to right-hand running conventions.`,
+      trafficSide: "rightHand" as TrafficSide,
+    },
+  ];
+  activeTrafficSideType: TrafficSide = null;
+
   activeDarkBackgroundColor = EditorPropertiesViewComponent.DEFAULT_DARK_BACKGROUNDCOLOR;
   activeBackgroundColor = EditorPropertiesViewComponent.DEFAULT_BACKGROUNDCOLOR;
 
@@ -97,6 +112,7 @@ export class EditorPropertiesViewComponent {
       this.uiInteractionService.getActiveStreckengrafikRenderingType();
     this.activeTravelTimeCreationEstimatorType =
       this.uiInteractionService.getActiveTravelTimeCreationEstimatorType();
+    this.activeTrafficSideType = this.uiInteractionService.getActiveTrafficSideType();
     if (activeTheme.isDark) {
       this.activeDarkBackgroundColor = this.getHexColor(activeTheme.backgroundColor);
     } else {
@@ -124,6 +140,11 @@ export class EditorPropertiesViewComponent {
     this.uiInteractionService.setActiveTravelTimeCreationEstimatorType(event.value);
   }
 
+  onUpdateTrafficSideType(event: SbbRadioChange) {
+    this.uiInteractionService.setActiveTrafficSideType(event.value);
+    this.activeTrafficSideType = this.uiInteractionService.getActiveTrafficSideType();
+  }
+
   colorPicked(value) {
     this.onUpdateColorTheme(
       new SbbRadioChange(null, this.uiInteractionService.getActiveTheme().themeRegistration),

src/assets/i18n/de.json

@@ -19,6 +19,8 @@
     "logger": {
       "title": "Titel"
     },
+    "left": "Links",
+    "right": "Rechts",
     "models": {
       "node": {
         "shortNameDefault": "NEW",
@@ -446,7 +448,10 @@
         "fixed": "Konstant 1min.",
         "fixedTooltip": "Übernimmt die Fahrzeit mit konstant 1min (Default).",
         "retrieveFromEdge": "Abschnittsfahrzeit",
-        "retrieveFromEdgeTooltip": "Übernimmt die max. Fahrzeit auf dem selben Abschnitt aller Züge gleicher Kategorie, sonst max. Fahrzeit aller Züge, sonst 1 Min."
+        "retrieveFromEdgeTooltip": "Übernimmt die max. Fahrzeit auf dem selben Abschnitt aller Züge gleicher Kategorie, sonst max. Fahrzeit aller Züge, sonst 1 Min.",
+        "trafficSide": "Verkehrsseite",
+        "leftTrafficSideTooltip": "Die Züge verkehren nach den Regeln für Linksverkehr.",
+        "rightTrafficSideTooltip": "Die Züge verkehren nach den Regeln für Rechtsverkehr."
       },
       "editor-side-view": {
         "editor-node-detail-view": {

src/assets/i18n/en.json

@@ -19,6 +19,8 @@
     "logger": {
       "title": "Title"
     },
+    "left": "Left",
+    "right": "Right",
     "models": {
       "node": {
         "shortNameDefault": "NEW",
@@ -451,7 +453,10 @@
         "fixed": "Constant 1min",
         "fixedTooltip": "Adopts the travel time with a constant 1min (default).",
         "retrieveFromEdge": "Section travel time",
-        "retrieveFromEdgeTooltip": "Takes over the max. travel time on the same section of all trains of the same category, otherwise max. travel time of all trains, otherwise 1 min."
+        "retrieveFromEdgeTooltip": "Takes over the max. travel time on the same section of all trains of the same category, otherwise max. travel time of all trains, otherwise 1 min.",
+        "trafficSide": "Traffic side",
+        "leftTrafficSideTooltip": "Trains are operated according to left-hand running conventions.",
+        "rightTrafficSideTooltip": "Trains are operated according to right-hand running conventions."
       },
       "editor-side-view": {
         "editor-node-detail-view": {

src/assets/i18n/fr.json

@@ -19,6 +19,8 @@
     "logger": {
       "title": "Titre"
     },
+    "left": "Gauche",
+    "right": "Droite",
     "models": {
       "node": {
         "shortNameDefault": "NEW",
@@ -451,7 +453,10 @@
         "fixed": "Constante 1min",
         "fixedTooltip": "Adopte le temps de parcours avec une constante de 1min (par défaut).",
         "retrieveFromEdge": "Temps de parcours de la section",
-        "retrieveFromEdgeTooltip": "Reprend le temps de parcours maximal sur le même tronçon de tous les trains de la même catégorie, sinon le temps de parcours maximal de tous les trains, sinon 1 min."
+        "retrieveFromEdgeTooltip": "Reprend le temps de parcours maximal sur le même tronçon de tous les trains de la même catégorie, sinon le temps de parcours maximal de tous les trains, sinon 1 min.",
+        "trafficSide": "Sens de circulation",
+        "leftTrafficSideTooltip": "Les trains sont exploités selon les conventions de circulation à gauche.",
+        "rightTrafficSideTooltip": "Les trains sont exploités selon les conventions de circulation à droite."
       },
       "editor-side-view": {
         "editor-node-detail-view": {