feat: Custom Duration Chart

Emon526 · Nov 16, 2024 · e446aa3 · e446aa3
1 parent 592658c
commit e446aa3
Show file tree

Hide file tree

Showing 7 changed files with 273 additions and 119 deletions.
diff --git a/lib/main.dart b/lib/main.dart
@@ -19,8 +19,6 @@ void main() {
 }
 
 //TODO:: Check Responsive
-
-//TODO:: Custom chart duration
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 

diff --git a/lib/pages/home_page.dart b/lib/pages/home_page.dart
@@ -166,7 +166,7 @@ class HomePage extends StatelessWidget {
             0.3,
         child: Consumer<TransactionProvider>(
           builder: (context, provider, child) {
-            return Chart(provider.recentTransactions);
+            return Chart();
           },
         ),
       ),
@@ -208,7 +208,7 @@ class HomePage extends StatelessWidget {
                           appBar.preferredSize.height -
                           mediaQuery.padding.top) *
                       0.7,
-                  child: Chart(provider.recentTransactions),
+                  child: Chart(),
                 )
               : txListWidget;
         },

diff --git a/lib/providers/chartprovider.dart b/lib/providers/chartprovider.dart
@@ -1,4 +1,3 @@
-import 'package:expense_planner/providers/transaction_provider.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 
@@ -7,6 +6,7 @@ import '../models/transaction.dart';
 class ChartProvider with ChangeNotifier {
   int _selectedDays = 7;
   int get selectedDays => _selectedDays;
+
   void set selectedDays(int value) {
     if (value != _selectedDays) {
       _selectedDays = value;
@@ -21,4 +21,37 @@ class ChartProvider with ChangeNotifier {
   ];
 
   List<int> get selectedDaysList => _selectedDaysList;
+
+  List<Map<String, Object>> groupTransactionValues(
+      List<TransactionModel> transactions) {
+    return List.generate(
+      _selectedDays,
+      (index) {
+        final weekDay = DateTime.now().subtract(
+          Duration(days: index),
+        );
+        var totalSum = 0.0;
+
+        for (var i = 0; i < transactions.length; i++) {
+          if (transactions[i].date.day == weekDay.day &&
+              transactions[i].date.month == weekDay.month &&
+              transactions[i].date.year == weekDay.year) {
+            totalSum += transactions[i].amount;
+          }
+        }
+
+        return {
+          'day': DateFormat.E().format(weekDay).substring(0, 1),
+          'amount': totalSum,
+        };
+      },
+    ).reversed.toList();
+  }
+
+  // Calculate total spending using the groupTransactionValues
+  double totalSpending(List<TransactionModel> transactions) {
+    return groupTransactionValues(transactions).fold(0.0, (sum, item) {
+      return sum + (item['amount'] as double);
+    });
+  }
 }
diff --git a/lib/theme/theme.dart b/lib/theme/theme.dart
@@ -21,7 +21,7 @@ ThemeData lightTheme = ThemeData(
   brightness: Brightness.light,
   primaryColor: primaryColor,
   // canvasColor: Colors.white,
-  // fontFamily: fontFamily,
+  fontFamily: fontFamily,
   indicatorColor: primaryColor,
   textSelectionTheme: TextSelectionThemeData(
     cursorColor: primaryColor,
@@ -48,6 +48,82 @@ ThemeData lightTheme = ThemeData(
     ),
     behavior: SnackBarBehavior.floating,
   ),
+  datePickerTheme: DatePickerThemeData(
+    // backgroundColor: Colors.white,
+    // dayOverlayColor: WidgetStatePropertyAll(Colors.amberAccent),
+    // inputDecorationTheme: InputDecorationTheme(fillColor: Colors.amber),
+    // shadowColor: Colors.amber,
+    todayBorder: BorderSide(
+      color: primaryColor,
+    ),
+
+    // surfaceTintColor: Colors.red,
+    todayForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.black;
+    }),
+    todayBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return primaryColor;
+      }
+      return null;
+    }),
+    dayBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return primaryColor;
+      }
+      return null;
+    }),
+    dayForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.black;
+    }),
+    yearBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return primaryColor;
+      }
+      return null;
+    }),
+    yearForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.black;
+    }),
+    cancelButtonStyle:
+        ButtonStyle(foregroundColor: WidgetStatePropertyAll(primaryColor)),
+    confirmButtonStyle:
+        ButtonStyle(foregroundColor: WidgetStatePropertyAll(primaryColor)),
+  ),
+
   textTheme: TextTheme(
     bodyLarge: TextStyle(
       color: Colors.black87,
@@ -261,7 +337,7 @@ ThemeData darkTheme = ThemeData(
   brightness: Brightness.dark,
   primaryColor: secondaryColor,
   // canvasColor: Colors.white,
-  // fontFamily: fontFamily,
+  fontFamily: fontFamily,
   indicatorColor: secondaryColor,
   textSelectionTheme: TextSelectionThemeData(
     cursorColor: secondaryColor,
@@ -287,6 +363,81 @@ ThemeData darkTheme = ThemeData(
     ),
     behavior: SnackBarBehavior.floating,
   ),
+  datePickerTheme: DatePickerThemeData(
+    // backgroundColor: Colors.white,
+    // dayOverlayColor: WidgetStatePropertyAll(Colors.amberAccent),
+    // inputDecorationTheme: InputDecorationTheme(fillColor: Colors.amber),
+    // shadowColor: Colors.amber,
+    todayBorder: BorderSide(
+      color: secondaryColor,
+    ),
+
+    // surfaceTintColor: Colors.red,
+    todayForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.white;
+    }),
+    todayBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return secondaryColor;
+      }
+      return null;
+    }),
+    dayBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return secondaryColor;
+      }
+      return null;
+    }),
+    dayForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.white;
+    }),
+    yearBackgroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return secondaryColor;
+      }
+      return null;
+    }),
+    yearForegroundColor:
+        WidgetStateProperty.resolveWith<Color?>((Set<WidgetState> states) {
+      if (states.contains(WidgetState.disabled)) {
+        return null;
+      }
+      if (states.contains(WidgetState.selected)) {
+        return Colors.white;
+      }
+      return Colors.white;
+    }),
+    cancelButtonStyle:
+        ButtonStyle(foregroundColor: WidgetStatePropertyAll(secondaryColor)),
+    confirmButtonStyle:
+        ButtonStyle(foregroundColor: WidgetStatePropertyAll(secondaryColor)),
+  ),
 
   textTheme: TextTheme(
     bodyLarge: TextStyle(