4 files changed, 350 insertions, 0 deletions
diff --git a/lib/screen/paints/arc_painter.dart b/lib/screen/paints/arc_painter.dart
new file mode 100644
index 0000000..66e38d4
--- /dev/null
+++ b/lib/screen/paints/arc_painter.dart
@@ -0,0 +1,116 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:math';
+import 'package:flutter/material.dart';
+
+class LeftPainter extends CustomPainter {
+  LeftPainter(
+      {required this.radi,
+      required this.currentValue,
+      required this.bottomPadding,
+      required this.color});
+
+  late final double radi;
+  late final double currentValue;
+  late final double bottomPadding;
+  late final Color color;
+
+  Offset getLeftPoints(Size size, double radius, double value) {
+    final double diam = 2 * radius;
+    final double arcHalfAngle = asin(size.height / diam); //thetha
+    final double currentAngle = (arcHalfAngle * value) / 50; //alpha
+    return Offset(
+        (radi * cos(arcHalfAngle)) +
+            (size.width) -
+            (radi * cos(arcHalfAngle - currentAngle)),
+        (radi * sin(arcHalfAngle)) + (radi * sin(arcHalfAngle - currentAngle)));
+  }
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    Offset startPoint = getLeftPoints(size, radi, bottomPadding);
+
+    final paint = Paint()
+      ..color = const Color.fromARGB(255, 49, 48, 48)
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round
+      ..strokeWidth = radi / 15;
+    final paint2 = Paint()
+      ..color = color
+      ..strokeCap = StrokeCap.round
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = radi / 15;
+
+    final path = Path()
+      ..moveTo(startPoint.dx, startPoint.dy)
+      ..arcToPoint(Offset(size.width, 0), radius: Radius.circular(radi));
+    canvas.drawPath(path, paint);
+    final path2 = Path()
+      ..moveTo(startPoint.dx, startPoint.dy)
+      ..arcToPoint(
+          getLeftPoints(size, radi,
+              bottomPadding + ((1 - (bottomPadding / 100)) * currentValue)),
+          radius: Radius.circular(radi));
+    canvas.drawPath(path, paint);
+    canvas.drawPath(path2, paint2);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
+}
+
+class RightPainter extends CustomPainter {
+  RightPainter(
+      {required this.radi,
+      required this.currentValue,
+      required this.bottomPadding,
+      required this.color});
+  final double radi;
+  final double currentValue;
+  late final double bottomPadding;
+  late final Color color;
+
+  Offset getRightPoints(Size size, double radius, double value) {
+    final double diam = 2 * radius;
+    final double arcHalfAngle = asin(size.height / diam); //thetha
+    final double currentAngle = (arcHalfAngle * value) / 50; //alpha
+    return Offset(
+        (radi * cos(arcHalfAngle - currentAngle)) - (radi * cos(arcHalfAngle)),
+        (radi * sin(arcHalfAngle)) + (radi * sin(arcHalfAngle - currentAngle)));
+  }
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    Offset startPoint = getRightPoints(size, radi, bottomPadding);
+    final paint = Paint()
+      ..color = const Color.fromARGB(255, 49, 48, 48)
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round
+      ..strokeWidth = radi / 15;
+
+    final paint2 = Paint()
+      ..color = color
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round
+      ..strokeWidth = radi / 15;
+    final path = Path()
+      ..moveTo(startPoint.dx, startPoint.dy)
+      ..arcToPoint(
+        const Offset(0, 0),
+        radius: Radius.circular(radi),
+        clockwise: false,
+      );
+    final path2 = Path()
+      ..moveTo(startPoint.dx, startPoint.dy)
+      ..arcToPoint(
+          getRightPoints(size, radi,
+              bottomPadding + ((1 - (bottomPadding / 100)) * currentValue)),
+          radius: Radius.circular(radi),
+          clockwise: false);
+    canvas.drawPath(path, paint);
+    canvas.drawPath(path2, paint2);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
+}
diff --git a/lib/screen/paints/bottombar_paint.dart b/lib/screen/paints/bottombar_paint.dart
new file mode 100644
index 0000000..85c129e
--- /dev/null
+++ b/lib/screen/paints/bottombar_paint.dart
@@ -0,0 +1,48 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:math';
+import 'dart:ui' as ui;
+import 'package:flutter/material.dart';
+
+class BottomBarPainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    final double height = size.height;
+    const double angle = 40;
+
+    double x = height * tan((angle / 180) * pi);
+    double y = height;
+
+    final double width = size.width - 2 * x;
+    final paint = Paint()
+      ..color = const ui.Color.fromARGB(255, 36, 36, 36)
+      ..strokeWidth = 5
+      ..strokeCap = StrokeCap.round
+      ..style = PaintingStyle.stroke;
+    final paint2 = Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.linear(
+          Offset((x + width / 2), 0), Offset((x + width / 2), height), [
+        const ui.Color.fromARGB(255, 25, 24, 24),
+        Colors.black,
+      ]);
+
+    final path = Path()
+      ..moveTo(0, size.height)
+      ..lineTo(x, size.height - y)
+      ..lineTo(x + width, size.height - y)
+      ..lineTo(size.width, size.height);
+
+    final path2 = Path()
+      ..moveTo(0, size.height)
+      ..lineTo(x, size.height - y)
+      ..lineTo(x + width, size.height - y)
+      ..lineTo(size.width, size.height);
+
+    canvas.drawPath(path, paint);
+    canvas.drawPath(path2, paint2);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
+}
diff --git a/lib/screen/paints/guage_paint.dart b/lib/screen/paints/guage_paint.dart
new file mode 100644
index 0000000..22f7544
--- /dev/null
+++ b/lib/screen/paints/guage_paint.dart
@@ -0,0 +1,144 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'package:flutter/material.dart';
+import 'dart:math';
+import 'dart:ui' as ui;
+import 'package:flutter_cluster_dashboard/screen/widgets/guages/guage_props.dart';
+
+class GuagePainter extends CustomPainter {
+  final double low, high;
+  double currentSpeed;
+  final Color? outPrimaryColor;
+  final Color? inPrimaryColor;
+  final Color? secondaryColor;
+  GuagePainter({
+    required this.low,
+    required this.high,
+    required this.currentSpeed,
+    this.outPrimaryColor,
+    this.inPrimaryColor,
+    this.secondaryColor,
+  });
+  @override
+  void paint(Canvas canvas, Size size) {
+    Offset center = Offset(size.width / 2, size.height / 2);
+    double radius = min(size.width / 2, size.height / 2);
+    double radius1 = radius - ((20 / 200) * (radius));
+    double speedAngle =
+        GuageProps.degToRad((GuageProps.majorAngle / high) * currentSpeed);
+
+    final zeroTickPaint = Paint()
+      ..strokeWidth = ((7 / 200) * (radius))
+      ..shader = ui.Gradient.radial(center, radius1,
+          [Colors.black, const Color.fromARGB(255, 244, 242, 231)], [1, 0.5]);
+    final maxTickPaint = Paint()
+      ..strokeWidth = ((7 / 200) * (radius))
+      ..shader = ui.Gradient.radial(center, radius1,
+          [Colors.black, const Color.fromARGB(255, 244, 242, 231)], [1, 0.5]);
+
+    final speedPathStrokePaint = Paint()
+      ..style = PaintingStyle.stroke
+      ..strokeWidth = ((7 / 200) * (radius))
+      ..shader = ui.Gradient.radial(
+          center, radius1, [Colors.black, Colors.white], [0.6, 1]);
+
+    final speedPathFillPaint = Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.radial(center, radius1, [
+        const ui.Color.fromARGB(0, 0, 0, 0),
+        secondaryColor ?? const Color.fromARGB(156, 226, 226, 200)
+      ], [
+        0.8,
+        1
+      ]);
+
+    final outerPathPaint = ui.Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.radial(
+        center,
+        radius,
+        [
+          Colors.black,
+          outPrimaryColor ?? const Color.fromARGB(255, 120, 120, 120)
+        ],
+        [0.8, 0.9],
+      );
+
+    final innerPathPaint = Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.radial(center, radius1, [
+        Colors.black,
+        inPrimaryColor ?? const Color.fromARGB(255, 67, 67, 67)
+      ], [
+        0.65,
+        0.9
+      ]);
+
+    final outerPathPaintRed = ui.Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.radial(
+        center,
+        radius,
+        [Colors.black, const Color.fromARGB(255, 187, 59, 57)],
+        [0.8, 0.9],
+      );
+
+    final innerPathPaintRed = Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.radial(center, radius1,
+          [Colors.black, const Color.fromARGB(255, 142, 35, 39)], [0.65, 0.9]);
+
+    for (double i = 0; i < 13; i++) {
+      double startAngle = GuageProps.degToRad(i * 20);
+      double gapAngle = GuageProps.degToRad(19);
+
+      var outerPath = Path();
+      outerPath.addArc(Rect.fromCircle(center: center, radius: radius),
+          startAngle, gapAngle);
+      outerPath.lineTo(center.dx, center.dy);
+      outerPath.close();
+
+      var innerPath = Path();
+      innerPath.addArc(Rect.fromCircle(center: center, radius: radius1),
+          startAngle, gapAngle);
+      innerPath.lineTo(center.dx, center.dy);
+      innerPath.close();
+      if (i >= 11) {
+        canvas.drawPath(outerPath, outerPathPaintRed);
+        canvas.drawPath(innerPath, innerPathPaintRed);
+      } else {
+        canvas.drawPath(outerPath, outerPathPaint);
+        canvas.drawPath(innerPath, innerPathPaint);
+      }
+    }
+
+    var speedStrokePath = Path();
+    speedStrokePath.moveTo(center.dx, center.dy);
+    speedStrokePath.addArc(
+        Rect.fromCircle(center: center, radius: radius), 0, speedAngle);
+    speedStrokePath.lineTo(center.dx, center.dy);
+
+    var speedFillPath = Path();
+    speedFillPath.addArc(
+        Rect.fromCircle(center: center, radius: radius), 0, speedAngle);
+    speedFillPath.lineTo(center.dx, center.dy);
+    speedFillPath.close();
+
+    canvas.drawPath(speedFillPath, speedPathFillPaint);
+    canvas.drawPath(speedStrokePath, speedPathStrokePaint);
+    canvas.drawLine(
+        center,
+        Offset(center.dx + (radius + ((3 / 200) * (radius))), center.dy),
+        zeroTickPaint);
+    canvas.drawLine(
+        center,
+        Offset(center.dx + (radius) * cos(GuageProps.majorAngleRad),
+            center.dy + (radius) * sin(GuageProps.majorAngleRad)),
+        maxTickPaint);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) {
+    return true;
+  }
+}
diff --git a/lib/screen/paints/topbar_paint.dart b/lib/screen/paints/topbar_paint.dart
new file mode 100644
index 0000000..f7c79e8
--- /dev/null
+++ b/lib/screen/paints/topbar_paint.dart
@@ -0,0 +1,42 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:math';
+import 'dart:ui' as ui;
+import 'package:flutter/material.dart';
+
+class TopBarPainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    final double height = size.height;
+    const double angle = 40;
+
+    double x = height * tan((angle / 180) * pi);
+    double y = height;
+
+    final double width = size.width - 2 * x;
+    final paint = Paint()
+      ..color = const ui.Color.fromARGB(255, 49, 47, 47)
+      ..strokeWidth = 5
+      ..strokeCap = StrokeCap.round
+      ..style = PaintingStyle.stroke;
+    final paint2 = Paint()
+      ..style = PaintingStyle.fill
+      ..shader = ui.Gradient.linear(
+          Offset((x + width / 2), 0),
+          Offset((x + width / 2), height),
+          [Colors.black, const ui.Color.fromARGB(255, 32, 31, 31)]);
+    final path = Path()
+      ..lineTo(x, y)
+      ..lineTo(x + width, y)
+      ..lineTo(size.width, 0);
+    final path2 = Path()
+      ..lineTo(x, y)
+      ..lineTo(x + width, y)
+      ..lineTo(size.width, 0);
+    canvas.drawPath(path, paint);
+    canvas.drawPath(path2, paint2);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
+}