feat: implement langsamfahrstellen (#87)

das_client/integration_test/test/train_journey_table_test.dart

@@ -34,6 +34,37 @@ void main() {
       }
     });
 
+    testWidgets('test route is displayed correctly', (tester) async {
+      await prepareAndStartApp(tester);
+
+      // load train journey by filling out train selection page
+      await _loadTrainJourney(tester, trainNumber: '9999');
+
+      final scrollableFinder = find.byType(ListView);
+      expect(scrollableFinder, findsOneWidget);
+
+      final stopRouteRow = findDASTableRowByText('Bahnhof A');
+      final nonStoppingPassRouteRow = findDASTableRowByText('Haltestelle B');
+      expect(stopRouteRow, findsOneWidget);
+      expect(nonStoppingPassRouteRow, findsOneWidget);
+
+      // check stop circles
+      final stopRoute = find.descendant(of: stopRouteRow, matching: find.byKey(RouteCellBody.stopKey));
+      final nonStoppingPassRoute = find.descendant(of: nonStoppingPassRouteRow, matching: find.byKey(RouteCellBody.stopKey));
+      expect(stopRoute, findsOneWidget);
+      expect(nonStoppingPassRoute, findsNothing);
+
+      // check route start
+      final routeStart = find.byKey(RouteCellBody.routeStartKey);
+      expect(routeStart, findsOneWidget);
+
+      await tester.dragUntilVisible(find.byKey(RouteCellBody.routeEndKey), scrollableFinder, const Offset(0, -50));
+
+      // check route end
+      final routeEnd = find.byKey(RouteCellBody.routeEndKey);
+      expect(routeEnd, findsOneWidget);
+    });
+
     testWidgets('test protection secions are displayed correctly', (tester) async {
       await prepareAndStartApp(tester);
 
@@ -157,6 +188,11 @@ void main() {
       // load train journey by filling out train selection page
       await _loadTrainJourney(tester, trainNumber: '9999');
 
+      final scrollableFinder = find.byType(ListView);
+      expect(scrollableFinder, findsOneWidget);
+
+      await tester.dragUntilVisible(find.text('Klammerbahnhof D1'), scrollableFinder, const Offset(0, -20));
+
       final bracketStationD = findDASTableRowByText('Klammerbahnhof D');
       final bracketStationD1 = findDASTableRowByText('Klammerbahnhof D1');
       expect(bracketStationD, findsOneWidget);
@@ -195,33 +231,7 @@ void main() {
       expect(stopRoute, findsNothing);
     });
 
-    testWidgets('test route is displayed correctly', (tester) async {
-      await prepareAndStartApp(tester);
-
-      // load train journey by filling out train selection page
-      await _loadTrainJourney(tester, trainNumber: '9999');
 
-      final stopRouteRow = findDASTableRowByText('Bahnhof A');
-      final nonStoppingPassRouteRow = findDASTableRowByText('Haltestelle B');
-      expect(stopRouteRow, findsOneWidget);
-      expect(nonStoppingPassRouteRow, findsOneWidget);
-
-      // check stop circles
-      final stopRoute = find.descendant(of: stopRouteRow, matching: find.byKey(RouteCellBody.stopKey));
-      final nonStoppingPassRoute = find.descendant(of: nonStoppingPassRouteRow, matching: find.byKey(RouteCellBody.stopKey));
-      expect(stopRoute, findsOneWidget);
-      expect(nonStoppingPassRoute, findsNothing);
-
-      // check route start
-      final startStationRow = findDASTableRowByText('Bahnhof A');
-      final routeStart = find.descendant(of: startStationRow, matching: find.byKey(RouteCellBody.routeStartKey));
-      expect(routeStart, findsOneWidget);
-
-      // check route end
-      final endStationRow = findDASTableRowByText('Klammerbahnhof D1');
-      final routeEnd = find.descendant(of: endStationRow, matching: find.byKey(RouteCellBody.routeEndKey));
-      expect(routeEnd, findsOneWidget);
-    });
 
     testWidgets('test halt is displayed italic', (tester) async {
       await prepareAndStartApp(tester);

das_client/lib/app/pages/journey/train_journey/widgets/table/additional_speed_restriction_row.dart

@@ -0,0 +1,63 @@
+import 'package:das_client/app/i18n/i18n.dart';
+import 'package:das_client/app/pages/journey/train_journey/widgets/table/base_row_builder.dart';
+import 'package:das_client/app/widgets/assets.dart';
+import 'package:das_client/app/widgets/table/das_table_cell.dart';
+import 'package:das_client/model/journey/additional_speed_restriction_data.dart';
+import 'package:design_system_flutter/design_system_flutter.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class AdditionalSpeedRestrictionRow extends BaseRowBuilder<AdditionalSpeedRestrictionData> {
+  static const Key additionalSpeedRestrictionIconKey = Key('addition_speed_restrction_icon_key');
+  static const Color additionalSpeedRestrictionColor = SBBColors.orange;
+
+  AdditionalSpeedRestrictionRow({
+    super.height = 44.0,
+    required super.metadata,
+    required super.data,
+  });
+
+  @override
+  DASTableCell informationCell(BuildContext context) {
+    return DASTableCell(
+      color: SBBColors.orange,
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.end,
+        children: [
+          Text(
+              '${context.l10n.p_train_journey_table_kilometre_label} ${data.restriction.kmFrom.toStringAsFixed(1)}-${data.restriction.kmTo.toStringAsFixed(1)}'),
+        ],
+      ),
+    );
+  }
+
+  @override
+  DASTableCell iconsCell3(BuildContext context) {
+    return DASTableCell(child: const SizedBox.shrink(), color: additionalSpeedRestrictionColor);
+  }
+
+  @override
+  DASTableCell iconsCell1(BuildContext context) {
+    return DASTableCell(child: const SizedBox.shrink(), color: additionalSpeedRestrictionColor);
+  }
+
+  @override
+  DASTableCell iconsCell2(BuildContext context) {
+    return DASTableCell(
+        color: additionalSpeedRestrictionColor,
+        child: SvgPicture.asset(
+          AppAssets.iconAdditionalSpeedRestriction,
+          key: additionalSpeedRestrictionIconKey,
+        ),
+        alignment: Alignment.center);
+  }
+
+  @override
+  DASTableCell graduatedSpeedCell(BuildContext context) {
+    return DASTableCell(
+      color: additionalSpeedRestrictionColor,
+      child: Text(data.restriction.speed.toString()),
+      alignment: Alignment.center,
+    );
+  }
+}

das_client/lib/app/pages/journey/train_journey/widgets/table/base_row_builder.dart

@@ -1,21 +1,25 @@
+import 'package:das_client/app/pages/journey/train_journey/widgets/table/additional_speed_restriction_row.dart';
 import 'package:das_client/app/pages/journey/train_journey/widgets/table/cells/route_cell_body.dart';
 import 'package:das_client/app/widgets/table/das_table_cell.dart';
 import 'package:das_client/app/widgets/table/das_table_row.dart';
+import 'package:das_client/model/journey/additional_speed_restriction.dart';
+import 'package:das_client/model/journey/base_data.dart';
+import 'package:das_client/model/journey/metadata.dart';
 import 'package:flutter/material.dart';
 
-abstract class BaseRowBuilder extends DASTableRowBuilder {
+class BaseRowBuilder<T extends BaseData> extends DASTableRowBuilder {
   const BaseRowBuilder({
-    super.height,
-    this.kilometre,
+    super.height = 44.0,
     this.defaultAlignment = Alignment.bottomCenter,
     this.rowColor,
-    this.isCurrentPosition = false,
+    required this.metadata,
+    required this.data,
   });
 
-  final List<double>? kilometre;
   final Alignment defaultAlignment;
   final Color? rowColor;
-  final bool isCurrentPosition;
+  final Metadata metadata;
+  final T data;
 
   @override
   DASTableRow build(BuildContext context) {
@@ -39,7 +43,7 @@ abstract class BaseRowBuilder extends DASTableRowBuilder {
   }
 
   DASTableCell kilometreCell(BuildContext context) {
-    if (kilometre == null || kilometre!.isEmpty) {
+    if (data.kilometre.isEmpty) {
       return DASTableCell.empty();
     }
 
@@ -48,8 +52,8 @@ abstract class BaseRowBuilder extends DASTableRowBuilder {
           mainAxisAlignment: MainAxisAlignment.end,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Text(kilometre![0].toStringAsFixed(1)),
-            if (kilometre!.length > 1) Text(kilometre![1].toStringAsFixed(1))
+            Text(data.kilometre[0].toStringAsFixed(1)),
+            if (data.kilometre.length > 1) Text(data.kilometre[1].toStringAsFixed(1))
           ],
         ),
         alignment: Alignment.centerLeft);
@@ -63,7 +67,11 @@ abstract class BaseRowBuilder extends DASTableRowBuilder {
     return DASTableCell(
       padding: EdgeInsets.all(0.0),
       alignment: null,
-      child: RouteCellBody(isCurrentPosition: isCurrentPosition),
+      child: RouteCellBody(
+          isCurrentPosition: metadata.currentPosition == data,
+          isRouteStart: metadata.routeStart == data,
+          isRouteEnd: metadata.routeEnd == data,
+          backgroundColor: getRouteCellColor()),
     );
   }
 
@@ -72,15 +80,15 @@ abstract class BaseRowBuilder extends DASTableRowBuilder {
   }
 
   DASTableCell graduatedSpeedCell(BuildContext context) {
-    return DASTableCell(child: Text('85'), alignment: defaultAlignment);
+    return DASTableCell.empty();
   }
 
   DASTableCell advisedSpeedCell(BuildContext context) {
-    return DASTableCell(child: Text('100'), alignment: defaultAlignment);
+    return DASTableCell.empty();
   }
 
   DASTableCell brakedWeightSpeedCell(BuildContext context) {
-    return DASTableCell(child: Text('95'), alignment: defaultAlignment);
+    return DASTableCell.empty();
   }
 
   // TODO: clarify use of different icon cells and set appropriate name
@@ -101,4 +109,16 @@ abstract class BaseRowBuilder extends DASTableRowBuilder {
   DASTableCell actionsCell(BuildContext context) {
     return DASTableCell.empty();
   }
+
+  Color? getRouteCellColor() {
+    return getAdditionalSpeedRestriction() != null
+        ? AdditionalSpeedRestrictionRow.additionalSpeedRestrictionColor
+        : null;
+  }
+
+  AdditionalSpeedRestriction? getAdditionalSpeedRestriction() {
+    return metadata.additionalSpeedRestrictions
+        .where((it) => it.orderFrom <= data.order && it.orderTo >= data.order)
+        .firstOrNull;
+  }
 }

das_client/lib/app/pages/journey/train_journey/widgets/table/cells/route_cell_body.dart

@@ -19,6 +19,7 @@ class RouteCellBody extends StatelessWidget {
     this.isCurrentPosition = false,
     this.isRouteStart = false,
     this.isRouteEnd = false,
+    this.backgroundColor,
   });
 
   final double chevronHeight;
@@ -32,6 +33,8 @@ class RouteCellBody extends StatelessWidget {
   final bool isRouteStart;
   final bool isRouteEnd;
 
+  final Color? backgroundColor;
+
   @override
   Widget build(BuildContext context) {
     return LayoutBuilder(
@@ -41,6 +44,7 @@ class RouteCellBody extends StatelessWidget {
           clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
+            if (backgroundColor != null) _background(),
             _routeLine(context, height),
             if (isCurrentPosition) _chevron(context),
             if (isStop) _circle(context),
@@ -50,8 +54,20 @@ class RouteCellBody extends StatelessWidget {
     );
   }
 
+  Widget _background() {
+    return Positioned(
+      top: -sbbDefaultSpacing,
+      bottom: -sbbDefaultSpacing,
+      right: 0,
+      left: 0,
+      child: Container(color: backgroundColor,),
+    );
+  }
+
   Positioned _routeLine(BuildContext context, double height) {
-    final isDarkTheme = SBBBaseStyle.of(context).brightness == Brightness.dark;
+    final isDarkTheme = SBBBaseStyle
+        .of(context)
+        .brightness == Brightness.dark;
     final lineColor = isDarkTheme ? SBBColors.white : SBBColors.black;
     return Positioned(
       key: isRouteStart ? routeStartKey : isRouteEnd ? routeEndKey : null,
@@ -64,7 +80,9 @@ class RouteCellBody extends StatelessWidget {
   }
 
   Positioned _circle(BuildContext context) {
-    final isDarkTheme = SBBBaseStyle.of(context).brightness == Brightness.dark;
+    final isDarkTheme = SBBBaseStyle
+        .of(context)
+        .brightness == Brightness.dark;
     final circleColor = isDarkTheme ? SBBColors.sky : SBBColors.black;
     return Positioned(
       bottom: sbbDefaultSpacing,
@@ -73,7 +91,9 @@ class RouteCellBody extends StatelessWidget {
   }
 
   Positioned _chevron(BuildContext context) {
-    final isDarkTheme = SBBBaseStyle.of(context).brightness == Brightness.dark;
+    final isDarkTheme = SBBBaseStyle
+        .of(context)
+        .brightness == Brightness.dark;
     final chevronColor = isDarkTheme ? SBBColors.sky : SBBColors.black;
     return Positioned(
       bottom: isStop ? sbbDefaultSpacing + circleSize : sbbDefaultSpacing,
@@ -98,7 +118,9 @@ class _RouteCircle extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final tableThemeData = DASTableTheme.of(context)?.data;
+    final tableThemeData = DASTableTheme
+        .of(context)
+        ?.data;
     final tableBackgroundColor = tableThemeData?.backgroundColor ?? SBBColors.white;
     return Container(
       key: isStopOnRequest ? RouteCellBody.stopOnRequestKey : RouteCellBody.stopKey,
@@ -110,13 +132,14 @@ class _RouteCircle extends StatelessWidget {
 
   BoxDecoration _stopDecoration() => BoxDecoration(color: color, shape: BoxShape.circle);
 
-  BoxDecoration _stopOnRequestDecoration({required Color backgroundColor}) => BoxDecoration(
-      color: backgroundColor,
-      shape: BoxShape.circle,
-      border: Border.all(
-        color: color, // Set the border color
-        width: 2.0, // Set the border width
-      ));
+  BoxDecoration _stopOnRequestDecoration({required Color backgroundColor}) =>
+      BoxDecoration(
+          color: backgroundColor,
+          shape: BoxShape.circle,
+          border: Border.all(
+            color: color, // Set the border color
+            width: 2.0, // Set the border width
+          ));
 }
 
 class _ChevronPainter extends CustomPainter {
@@ -133,8 +156,7 @@ class _ChevronPainter extends CustomPainter {
 
     final path = Path()
       ..moveTo(0, 0)
-      ..lineTo(size.width / 2, size.height)
-      ..lineTo(size.width, 0);
+      ..lineTo(size.width / 2, size.height)..lineTo(size.width, 0);
 
     canvas.drawPath(path, paint);
   }