Updated side tree branch

2025-07-09 22:57:21 +00:00 · 2025-01-21 15:28:59 +03:00
parent 540f569b1f
commit 5060d2a66d
5 changed files with 221 additions and 9 deletions
--- a/lib/pages/space_tree/view/custom_expansion.dart
+++ b/lib/pages/space_tree/view/custom_expansion.dart
@ -0,0 +1,127 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class CustomExpansionTileSpaceTree extends StatefulWidget {
+  final String title;
+  final List<Widget>? children;
+  final bool initiallyExpanded;
+  final bool isSelected; // Add this to track selection
+  final bool? isExpanded; // External control over expansion
+  final ValueChanged<bool>? onExpansionChanged; // Notify when expansion changes
+  final VoidCallback? onItemSelected; // Callback for selecting the item
+
+  CustomExpansionTileSpaceTree({
+    required this.title,
+    this.children,
+    this.initiallyExpanded = false,
+    this.isExpanded, // Allow external control over expansion
+    this.onExpansionChanged, // Notify when expansion changes
+    this.onItemSelected, // Trigger item selection when name is tapped
+    required this.isSelected, // Add this to initialize selection state
+  });
+
+  @override
+  CustomExpansionTileState createState() => CustomExpansionTileState();
+}
+
+class CustomExpansionTileState extends State<CustomExpansionTileSpaceTree> {
+  bool _isExpanded = false; // Local expansion state
+
+  @override
+  void initState() {
+    super.initState();
+    _isExpanded = widget.initiallyExpanded;
+  }
+
+  @override
+  void didUpdateWidget(CustomExpansionTileSpaceTree oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    // Sync local state with external control of expansion state
+    if (widget.isExpanded != null && widget.isExpanded != _isExpanded) {
+      setState(() {
+        _isExpanded = widget.isExpanded!;
+      });
+    }
+  }
+
+  // Utility function to capitalize the first letter of the title
+  String _capitalizeFirstLetter(String text) {
+    if (text.isEmpty) return text;
+    return text[0].toUpperCase() + text.substring(1);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          children: [
+            // Checkbox with independent state management
+            Checkbox(
+              value: widget.isSelected,
+              onChanged: (bool? value) {
+                if (widget.onItemSelected != null) {
+                  widget.onItemSelected!();
+                }
+              },
+              side: WidgetStateBorderSide.resolveWith((states) {
+                return const BorderSide(color: ColorsManager.grayBorder);
+              }),
+              fillColor: WidgetStateProperty.resolveWith((states) {
+                if (states.contains(WidgetState.selected)) {
+                  return ColorsManager.blue1;
+                } else {
+                  return ColorsManager.checkBoxFillColor;
+                }
+              }),
+              checkColor: ColorsManager.whiteColors,
+            ),
+            // Expand/collapse icon, now wrapped in a GestureDetector for specific onTap
+            if (widget.children != null && widget.children!.isNotEmpty)
+              GestureDetector(
+                onTap: () {
+                  setState(() {
+                    _isExpanded = !_isExpanded;
+                    widget.onExpansionChanged?.call(_isExpanded);
+                  });
+                },
+                child: Icon(
+                  _isExpanded ? Icons.keyboard_arrow_down : Icons.keyboard_arrow_right,
+                  color: ColorsManager.lightGrayColor,
+                  size: 16.0, // Adjusted size for better alignment
+                ),
+              ),
+            // The title text, wrapped in GestureDetector to handle selection
+            Expanded(
+              child: GestureDetector(
+                onTap: () {
+                  if (widget.onItemSelected != null) {
+                    widget.onItemSelected!();
+                  }
+                },
+                child: Text(
+                  _capitalizeFirstLetter(widget.title),
+                  style: TextStyle(
+                    color: widget.isSelected
+                        ? ColorsManager.blackColor // Change color to black when selected
+                        : ColorsManager.lightGrayColor, // Gray when not selected
+                    fontWeight: FontWeight.w400,
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+        // The expanded section (children) that shows when the tile is expanded
+        if (_isExpanded && widget.children != null && widget.children!.isNotEmpty)
+          Padding(
+            padding: const EdgeInsets.only(left: 48.0), // Indented children
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: widget.children!,
+            ),
+          ),
+      ],
+    );
+  }
+}