Auto screen (#43)

* Diagram test

* Full diagram test

* Finshed auto screen

* Better comments and removed unused imports

* folder renames

* revert folder names

* Ignore stupid flutter snakecase naming

* Updated default state

* fix merging oversights

* reorder teleop, move reset state

* fix endgame options, add additional scout data

* remove unused imports

* formatting and commenting

* update index comments for QR code

* move reset methods to respective value file

---------

Co-authored-by: HoodieRocks <[email protected]>

Author: noah-nm

assets/images/reefscape/karthik-reef-diagram-bottom-shorter.png

@@ -0,0 +1,83 @@
+// ignore_for_file: file_names
+import 'package:flutter/material.dart';
+
+class CustomCheckbox extends StatefulWidget {
+  final TextEditingController controller;
+  final String label;
+  final EdgeInsets margin;
+  final Color backgroundColor;
+  final Color checkColor;
+  final Color labelColor;
+
+  const CustomCheckbox({
+    super.key,
+    required this.controller,
+    this.label = "",
+    this.margin = const EdgeInsets.all(2.0),
+    this.backgroundColor = Colors.grey,
+    this.checkColor = Colors.white,
+    this.labelColor = Colors.white,
+  });
+
+  @override
+  State<CustomCheckbox> createState() => _CustomCheckboxState();
+}
+
+class _CustomCheckboxState extends State<CustomCheckbox> {
+  late bool isChecked;
+
+  @override
+  void initState() {
+    super.initState();
+    isChecked = widget.controller.text == "1";
+    widget.controller.addListener(_updateStateFromController);
+  }
+
+  @override
+  void dispose() {
+    widget.controller.removeListener(_updateStateFromController);
+    super.dispose();
+  }
+
+  void _updateStateFromController() {
+    setState(() {
+      isChecked = widget.controller.text == "1";
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 30,
+      width: 50,
+      padding: const EdgeInsets.all(0),
+      margin: widget.margin,
+      color: widget.backgroundColor,
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          Checkbox(
+            value: isChecked,
+            onChanged: (bool? value) {
+              setState(() {
+                isChecked = value ?? false;
+                widget.controller.text = isChecked ? "1" : "0";
+              });
+            },
+            checkColor: widget.checkColor,
+            activeColor: Colors.blue,
+          ),
+          if (widget.label.isNotEmpty)
+            Text(
+              widget.label,
+              style: TextStyle(
+                color: widget.labelColor,
+                fontSize: 16.0,
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

assets/images/reefscape/karthik-reef-diagram-middle-compressed.png

@@ -2,8 +2,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:scouting_platform/components/navigation/components/SidebarItem.dart';
+import 'package:scouting_platform/routes/auto/AutonomousDataRoute.dart';
 import 'package:scouting_platform/routes/comments/CommentsRoute.dart';
-import 'package:scouting_platform/routes/auto/AutoRoute.dart';
 import 'package:scouting_platform/routes/qrcode/QRCodeRoute.dart';
 import 'package:scouting_platform/routes/settings/SettingsRoute.dart';
 import 'package:scouting_platform/routes/prematch/PrematchRoute.dart';
@@ -35,7 +35,7 @@ class NavigationSidebar extends StatelessWidget {
           const SidebarItem(
               icon: Icon(Icons.auto_awesome),
               itemName: "Auto Data",
-              route: AutoRoute(title: 'Auto Input')),
+              route: AutonomousDataRoute(title: 'Auto Input')),
           const SidebarItem(
               icon: Icon(Icons.gamepad),
               itemName: "Teleop Data",