Line data    Source code

       1              : // Copyright 2023 The terCAD team. All rights reserved.
       2              : // Use of this source code is governed by a CC BY-NC-ND 4.0 license that can be found in the LICENSE file.
       3              : 
       4              : import 'package:app_finance/_classes/herald/app_design.dart';
       5              : import 'package:app_finance/_classes/herald/app_locale.dart';
       6              : import 'package:app_finance/_classes/structure/navigation/app_route.dart';
       7              : import 'package:app_finance/_classes/structure/goal_app_data.dart';
       8              : import 'package:app_finance/_configs/custom_text_theme.dart';
       9              : import 'package:app_finance/_ext/build_context_ext.dart';
      10              : import 'package:app_finance/design/wrapper/tap_widget.dart';
      11              : import 'package:app_finance/_configs/theme_helper.dart';
      12              : import 'package:app_finance/design/wrapper/text_wrapper.dart';
      13              : import 'package:material_ui/material_ui.dart';
      14              : import 'package:flutter_grid_layout/flutter_grid_layout.dart';
      15              : 
      16              : class GoalLineWidget extends StatelessWidget {
      17              :   final GoalAppData goal;
      18              :   final double? width;
      19              : 
      20            0 :   const GoalLineWidget({
      21              :     super.key,
      22              :     required this.goal,
      23              :     this.width,
      24              :   });
      25              : 
      26            0 :   @override
      27              :   Widget build(context) {
      28            0 :     final indent = ThemeHelper.getIndent();
      29            0 :     final ColorScheme colorScheme = context.colorScheme;
      30            0 :     final TextTheme textTheme = context.textTheme;
      31            0 :     double screenWidth = (width ?? ThemeHelper.getWidth(context, 2)) - indent * 1.5;
      32            0 :     return TapWidget(
      33            0 :       tooltip: AppLocale.labels.goalTooltip,
      34              :       route: const RouteSettings(name: AppRoute.goalRoute),
      35            0 :       child: Container(
      36            0 :         color: colorScheme.inversePrimary,
      37              :         height: 20,
      38            0 :         child: GridContainer(
      39            0 :           alignment: AppDesign.getAlignment<MainAxisAlignment>(),
      40            0 :           rows: [indent, null, null, indent],
      41            0 :           columns: [indent, 18, 24, indent, indent, indent / 2],
      42            0 :           children: [
      43            0 :             if (goal.progress == 1)
      44            0 :               GridItem(
      45              :                 start: const Size(2, 0),
      46              :                 end: const Size(4, 4),
      47              :                 order: 3,
      48            0 :                 child: Banner(
      49            0 :                   message: AppLocale.labels.processIsFinished,
      50            0 :                   location: AppDesign.isRightToLeft() ? BannerLocation.topStart : BannerLocation.topEnd,
      51            0 :                   textStyle: textTheme.numberSmall,
      52              :                 ),
      53              :               ),
      54            0 :             GridItem(
      55              :               start: const Size(1, 1),
      56              :               end: const Size(2, 2),
      57            0 :               child: TextWrapper(
      58            0 :                 AppLocale.labels.goalHeadline,
      59            0 :                 style: textTheme.headlineSmall,
      60              :               ),
      61              :             ),
      62            0 :             GridItem(
      63              :               start: const Size(1, 2),
      64              :               end: const Size(3, 3),
      65            0 :               child: TextWrapper(
      66            0 :                 goal.title,
      67            0 :                 style: textTheme.headlineMedium,
      68              :               ),
      69              :             ),
      70            0 :             GridItem(
      71              :               start: const Size(2, 2),
      72              :               end: const Size(3, 3),
      73            0 :               child: Padding(
      74            0 :                 padding: EdgeInsets.only(top: ThemeHelper.getIndent(0.7)),
      75            0 :                 child: Text(
      76            0 :                   goal.closedAtFormatted,
      77            0 :                   style: textTheme.headlineSmall,
      78            0 :                   textAlign: AppDesign.isRightToLeft() ? TextAlign.left : TextAlign.right,
      79              :                   overflow: TextOverflow.ellipsis,
      80              :                 ),
      81              :               ),
      82              :             ),
      83            0 :             GridItem(
      84              :               start: const Size(1, 3),
      85              :               end: const Size(3, 4),
      86            0 :               child: LinearProgressIndicator(
      87            0 :                 value: goal.progress,
      88            0 :                 backgroundColor: colorScheme.primary.withValues(alpha: 0.3),
      89            0 :                 valueColor: AlwaysStoppedAnimation<Color>(colorScheme.onPrimaryContainer),
      90              :               ),
      91              :             ),
      92            0 :             GridItem(
      93              :               start: const Size(1, 3),
      94              :               end: const Size(3, 4),
      95              :               order: 2,
      96            0 :               child: Container(
      97              :                 alignment: Alignment.topLeft,
      98            0 :                 margin: EdgeInsets.only(left: screenWidth * goal.state),
      99              :                 height: 5.0,
     100            0 :                 child: Tooltip(
     101            0 :                   message: AppLocale.labels.currentDate,
     102            0 :                   child: Container(
     103              :                     width: 5.0,
     104            0 :                     decoration: BoxDecoration(
     105            0 :                       color: colorScheme.inversePrimary,
     106              :                       shape: BoxShape.circle,
     107              :                     ),
     108              :                   ),
     109              :                 ),
     110              :               ),
     111              :             ),
     112              :           ],
     113              :         ),
     114              :       ),
     115              :     );
     116              :   }
     117              : }