refactor, level button manager added

Author: Theviki20110

lib/main.dart

@@ -11,6 +11,7 @@ import 'package:web/web.dart';
 import 'constants.dart';
 import 'controllers/menu_app_controller.dart';
 import 'models/user_data.dart';
+import 'screens/dashboard/components/level_button.dart';
 import 'screens/main/main_screen.dart';
 import 'utils.dart';
 
@@ -59,7 +60,12 @@ void main() async {
   UserManager.instance.user = user;
 
   final User myuser = UserManager.instance.user;
+
   user.addScore(50);
+
+  final List<LevelButton> levels = initializeLevelButtons();
+  LevelButtonManager.instance.levelButtons = levels;
+
   debugPaintSizeEnabled = false;
   runApp(const MyApp());
 }

lib/screens/dashboard/components/chart.dart

@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+class DashedLinePainter extends CustomPainter {
+  DashedLinePainter({
+    required this.color,
+    this.strokeWidth = 2.0,
+    this.gap = 3.0,
+    this.dashLength = 5.0,
+  });
+  final Color color;
+  final double strokeWidth;
+  final double gap;
+  final double dashLength;
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final Paint paint = Paint()
+      ..color = color
+      ..strokeWidth = strokeWidth
+      ..style = PaintingStyle.stroke;
+
+    double startX = 0;
+    final double startY = size.height / 2;
+    final double endX = size.width;
+
+    while (startX <= endX) {
+      canvas.drawLine(
+        Offset(startX, startY),
+        Offset(startX + dashLength, startY),
+        paint,
+      );
+      startX += dashLength + gap;
+    }
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) {
+    return false;
+  }
+}

lib/screens/dashboard/components/dashed_line_painter.dart

@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+
+enum LevelStatus {
+  locked,
+  inProgress,
+  completed,
+}
+
+class LevelButton extends StatelessWidget {
+  LevelButton(
+      {super.key,
+      required this.levelNumber,
+      required this.status,
+      this.levelScore = 0,
+      this.stars = 0,
+      this.isActive = false,
+      this.onTapLevelButton});
+
+  final int levelNumber;
+  LevelStatus status;
+  int levelScore;
+  int stars;
+  bool isActive;
+  void Function(int, int)? onTapLevelButton;
+
+  Color _getColor() {
+    switch (status) {
+      case LevelStatus.locked:
+        return Colors.red;
+      case LevelStatus.inProgress:
+        return isActive ? Colors.yellow : Colors.grey;
+      case LevelStatus.completed:
+        return Colors.green;
+      default:
+        return Colors.grey;
+    }
+  }
+
+  void addLevelScore(int score) {
+    levelScore += score;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {
+        if ((onTapLevelButton != null) && isActive) {
+          onTapLevelButton!(levelNumber, stars);
+        }
+      },
+      child: Container(
+        width: 100,
+        height: 100,
+        margin: const EdgeInsets.all(10),
+        decoration: BoxDecoration(
+          shape: BoxShape.circle,
+          color: _getColor(),
+        ),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            Text(
+              levelNumber.toString(),
+              style: const TextStyle(
+                color: Colors.white,
+                fontSize: 28,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            if (stars > 0)
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: List.generate(
+                  stars,
+                  (int index) => const Icon(
+                    Icons.star,
+                    color: Colors.white,
+                    size: 20,
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}