rename container folders

2026-01-29 11:11:45 +02:00
parent d5349d981c
commit 5b052a1fa9
654 changed files with 0 additions and 0 deletions
--- a/mih_ui/lib/mih_package_components/mih_toggle.dart
+++ b/mih_ui/lib/mih_package_components/mih_toggle.dart
@@ -0,0 +1,134 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+
+class MihToggle extends StatefulWidget {
+  final String hintText;
+  final bool initialPostion;
+  final Color fillColor;
+  final Color secondaryFillColor;
+  final bool? readOnly;
+  final double? elevation;
+  final void Function(bool) onChange;
+  const MihToggle({
+    super.key,
+    required this.hintText,
+    required this.initialPostion,
+    required this.fillColor,
+    required this.secondaryFillColor,
+    this.readOnly,
+    this.elevation,
+    required this.onChange,
+  });
+
+  @override
+  State<MihToggle> createState() => _MihToggleState();
+}
+
+class _MihToggleState extends State<MihToggle> {
+  late bool togglePosition;
+
+  @override
+  void didUpdateWidget(covariant MihToggle oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.initialPostion != oldWidget.initialPostion) {
+      setState(() {
+        togglePosition = widget.initialPostion;
+      });
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    togglePosition = widget.initialPostion;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        Expanded(
+          child: Text(
+            widget.hintText,
+            style: TextStyle(
+              fontWeight: FontWeight.bold,
+              color: widget.fillColor,
+              fontSize: 18,
+            ),
+          ),
+        ),
+        const SizedBox(width: 10),
+        // Material(
+        // elevation: widget.elevation ?? 0.01,
+        // shadowColor: widget.secondaryFillColor.withOpacity(0.5),
+        // color: Colors.transparent,
+        // shape: StadiumBorder(),
+        Container(
+          decoration: BoxDecoration(
+            color: Colors.transparent,
+            borderRadius: BorderRadius.circular(
+                30), // Adjust the border radius to match the toggle
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.15),
+                offset: Offset(
+                    0, widget.elevation ?? 10), // Adjust the vertical offset
+                blurRadius: widget.elevation ?? 10,
+                spreadRadius: 0,
+              ),
+            ],
+          ),
+          child: Switch(
+            value: togglePosition,
+            trackOutlineColor: WidgetStateProperty.resolveWith<Color?>(
+              (states) {
+                if (widget.readOnly == true) {
+                  return Colors.grey;
+                }
+                if (states.contains(WidgetState.selected)) {
+                  return MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode ==
+                          "Dark"); // Outline color when active
+                }
+                return MihColors.getRedColor(
+                    MzansiInnovationHub.of(context)!.theme.mode ==
+                        "Dark"); // Outline color when active
+              },
+            ),
+            activeColor: widget.readOnly == true
+                ? Colors.grey
+                : widget.secondaryFillColor,
+            activeTrackColor: widget.readOnly == true
+                ? Colors.grey.shade400
+                : MihColors.getGreenColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            inactiveThumbColor: widget.readOnly == true
+                ? Colors.grey
+                : widget.secondaryFillColor,
+            inactiveTrackColor: widget.readOnly == true
+                ? Colors.grey.shade400
+                : MihColors.getRedColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            // activeColor: widget.secondaryFillColor,
+            // activeTrackColor: widget.fillColor,
+            // inactiveThumbColor: widget.fillColor,
+            // inactiveTrackColor: widget.secondaryFillColor,
+            // onChanged: widget.readOnly != true ? widget.onChange : null,
+            onChanged: widget.readOnly != true
+                ? (newValue) {
+                    setState(() {
+                      togglePosition = newValue; // Update internal state
+                    });
+                    widget.onChange(newValue); // Call the parent's onChange
+                  }
+                : null,
+          ),
+        ),
+        const SizedBox(width: 10),
+      ],
+    );
+  }
+}