light brightness slider

lib/features/devices/view/widgets/lights/light_interface.dart

@@ -2,7 +2,10 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:syncrow_app/features/devices/bloc/lights/lights_cubit.dart';
 import 'package:syncrow_app/features/devices/model/light_model.dart';
-import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
+import 'package:syncrow_app/features/devices/view/widgets/lights/light_interface_switch.dart';
+import 'package:syncrow_app/features/devices/view/widgets/lights/light_interface_timer.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
+import 'package:syncrow_app/features/shared_widgets/united_text.dart';
 import 'package:syncrow_app/utils/context_extension.dart';
 import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
 import 'package:syncrow_app/utils/resource_manager/strings_manager.dart';
@@ -18,79 +21,76 @@ class LightInterface extends StatelessWidget {
   Widget build(BuildContext context) {
     return BlocBuilder<LightsCubit, LightsState>(
       builder: (context, state) {
-        return SingleChildScrollView(
+        return Padding(
+          padding: const EdgeInsets.only(top: 70, right: 20, left: 20),
+          child: SingleChildScrollView(
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.stretch,
               children: [
-              const SizedBox(height: 70),
+                LightInterfaceSwitch(light: light),
-              Container(
+                DefaultContainer(
-                constraints: const BoxConstraints(
+                  boxConstraints: const BoxConstraints(
-                  maxHeight: 65,
-                ),
-                margin:
-                    const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
-                child: DefaultContainer(
-                    child: SizedBox.expand(
-                  child: Padding(
-                    padding: const EdgeInsets.symmetric(horizontal: 15),
-                    child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      children: [
-                        BodyLarge(
-                          text: light.status ?? false
-                              ? StringsManager.on
-                              : StringsManager.off,
-                          style: context.bodyLarge
-                              .copyWith(color: Colors.grey, fontSize: 24),
-                        ),
-                        Container(
-                          width: 35,
-                          decoration: ShapeDecoration(
-                            color: light.status ?? false
-                                ? ColorsManager.primaryWithOpacity
-                                : Colors.grey,
-                            shape: const CircleBorder(),
-                          ),
-                          child: Center(
-                            child: IconButton(
-                              style: ButtonStyle(
-                                padding: MaterialStateProperty.all(
-                                  const EdgeInsets.all(0),
-                                ),
-                                iconSize: MaterialStateProperty.all(25),
-                              ),
-                              onPressed: () {
-                                LightsCubit.get(context).toggleLight(light);
-                              },
-                              icon: const Icon(
-                                Icons.power_settings_new,
-                                color: Colors.white,
-                              ),
-                            ),
-                          ),
-                        ),
-                      ],
-                    ),
-                  ),
-                )),
-              ),
-              const DefaultContainer(
-                boxConstraints: BoxConstraints(
                     maxHeight: 310,
                   ),
-                margin: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+                  padding: const EdgeInsets.all(25),
-                child: SizedBox.expand(
+                  margin: const EdgeInsets.symmetric(vertical: 10),
-                  child: Center(child: Text("Light Controls")),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      BodyMedium(
+                        text: StringsManager.dimmerAndColor,
+                        style: context.bodyMedium.copyWith(color: Colors.grey),
+                      ),
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          Expanded(
+                            child: UnitedText(
+                              value: light.brightness.toString(),
+                              unit: "%",
+                              valueStyle: context.bodyMedium.copyWith(
+                                color: Colors.grey,
+                                fontSize: 26,
+                              ),
+                              unitStyle: context.bodyMedium.copyWith(
+                                color: Colors.grey,
+                                fontSize: 16,
                               ),
                             ),
-              const DefaultContainer(
-                boxConstraints: BoxConstraints(
-                  maxHeight: 65,
                           ),
-                margin: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+                          Expanded(
-                child: Center(child: Text("Timer")),
+                            flex: 2,
+                            child: SliderTheme(
+                              data: SliderTheme.of(context).copyWith(
+                                thumbColor: ColorsManager.primaryColor,
+                                rangeThumbShape:
+                                    const RoundRangeSliderThumbShape(
+                                  enabledThumbRadius: 9,
+                                ),
+                                thumbShape: const RoundSliderThumbShape(
+                                  enabledThumbRadius: 9,
+                                ),
+                                activeTrackColor: Colors.grey.withOpacity(.8),
+                                inactiveTrackColor: Colors.grey.withOpacity(.8),
+                                trackHeight: 5,
+                              ),
+                              child: Slider(
+                                value: light.brightness,
+                                onChanged: (value) => LightsCubit.get(context)
+                                    .setBrightness(light, value),
+                                min: 0,
+                                max: 100,
+                              ),
+                            ),
                           ),
                         ],
+                      )
+                    ],
+                  ),
+                ),
+                const LightInterfaceTimer(),
+              ],
+            ),
           ),
         );
       },

lib/features/devices/view/widgets/lights/light_interface_switch.dart

@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/devices/bloc/lights/lights_cubit.dart';
+import 'package:syncrow_app/features/devices/model/light_model.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
+import 'package:syncrow_app/utils/context_extension.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+import 'package:syncrow_app/utils/resource_manager/strings_manager.dart';
+
+import '../../../../shared_widgets/default_container.dart';
+
+class LightInterfaceSwitch extends StatelessWidget {
+  const LightInterfaceSwitch({
+    super.key,
+    required this.light,
+  });
+
+  final LightModel light;
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultContainer(
+      boxConstraints: const BoxConstraints(
+        maxHeight: 65,
+      ),
+      margin: const EdgeInsets.symmetric(vertical: 10),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 15),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            BodyLarge(
+              text: light.status ?? false
+                  ? StringsManager.on
+                  : StringsManager.off,
+              style:
+                  context.bodyLarge.copyWith(color: Colors.grey, fontSize: 24),
+            ),
+            Container(
+              width: 35,
+              decoration: ShapeDecoration(
+                color: light.status ?? false
+                    ? ColorsManager.primaryWithOpacity
+                    : Colors.grey,
+                shape: const CircleBorder(),
+              ),
+              child: Center(
+                child: IconButton(
+                  style: ButtonStyle(
+                    padding: MaterialStateProperty.all(
+                      const EdgeInsets.all(0),
+                    ),
+                    iconSize: MaterialStateProperty.all(25),
+                  ),
+                  onPressed: () {
+                    LightsCubit.get(context).toggleLight(light);
+                  },
+                  icon: const Icon(
+                    Icons.power_settings_new,
+                    color: Colors.white,
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/features/devices/view/widgets/lights/light_interface_timer.dart

@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
+import 'package:syncrow_app/utils/context_extension.dart';
+import 'package:syncrow_app/utils/resource_manager/strings_manager.dart';
+
+import '../../../../shared_widgets/default_container.dart';
+
+class LightInterfaceTimer extends StatelessWidget {
+  const LightInterfaceTimer({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultContainer(
+      boxConstraints: const BoxConstraints(maxHeight: 65, minHeight: 65),
+      margin: const EdgeInsets.symmetric(vertical: 10),
+      padding: const EdgeInsets.symmetric(horizontal: 35, vertical: 10),
+      child: Row(
+        children: [
+          BodyLarge(
+            text: StringsManager.timer,
+            style: context.bodyLarge.copyWith(color: Colors.grey),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/shared_widgets/default_container.dart

@@ -9,6 +9,7 @@ class DefaultContainer extends StatelessWidget {
     this.color,
     this.boxConstraints,
     this.margin,
+    this.padding,
   });
 
   final double? height;
@@ -16,6 +17,7 @@ class DefaultContainer extends StatelessWidget {
   final Widget child;
   final BoxConstraints? boxConstraints;
   final EdgeInsets? margin;
+  final EdgeInsets? padding;
   final Color? color;
 
   @override
@@ -29,7 +31,7 @@ class DefaultContainer extends StatelessWidget {
         color: color ?? Colors.white,
         borderRadius: BorderRadius.circular(20),
       ),
-      padding: const EdgeInsets.all(10),
+      padding: padding ?? const EdgeInsets.all(10),
       child: child,
     );
   }

lib/utils/resource_manager/strings_manager.dart

@@ -24,4 +24,6 @@ class StringsManager {
   static const summerMode = 'Summer Mode';
   static const on = 'ON';
   static const off = 'OFF';
+  static const timer = 'Timer';
+  static const dimmerAndColor = "Dimmer & color";
 }