mirror of
https://github.com/SyncrowIOT/syncrow-app.git
synced 2025-07-16 01:56:19 +00:00
light brightness slider
This commit is contained in:
@ -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),
|
||||
Container(
|
||||
constraints: 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(
|
||||
LightInterfaceSwitch(light: light),
|
||||
DefaultContainer(
|
||||
boxConstraints: const BoxConstraints(
|
||||
maxHeight: 310,
|
||||
),
|
||||
margin: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
||||
child: SizedBox.expand(
|
||||
child: Center(child: Text("Light Controls")),
|
||||
padding: const EdgeInsets.all(25),
|
||||
margin: const EdgeInsets.symmetric(vertical: 10),
|
||||
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),
|
||||
child: Center(child: Text("Timer")),
|
||||
Expanded(
|
||||
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(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
|
@ -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,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
@ -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),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
@ -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,
|
||||
);
|
||||
}
|
||||
|
@ -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";
|
||||
}
|
||||
|
Reference in New Issue
Block a user