Merge branch 'dev' of https://github.com/SyncrowIOT/web into hotfix/communities_loading

This commit is contained in:
Faris Armoush
2025-06-18 15:25:43 +03:00
16 changed files with 303 additions and 183 deletions

View File

@ -13,6 +13,35 @@ class FunctionBloc extends Bloc<FunctionBlocEvent, FunctionBlocState> {
on<AddFunction>(_onAddFunction); on<AddFunction>(_onAddFunction);
on<SelectFunction>(_onSelectFunction); on<SelectFunction>(_onSelectFunction);
} }
// void _onAddFunction(AddFunction event, Emitter<FunctionBlocState> emit) {
// final functions = List<DeviceFunctionData>.from(state.addedFunctions);
// final existingIndex = functions.indexWhere(
// (f) => f.functionCode == event.functionData.functionCode,
// );
// if (existingIndex != -1) {
// final existingData = functions[existingIndex];
// functions[existingIndex] = DeviceFunctionData(
// entityId: event.functionData.entityId,
// functionCode: event.functionData.functionCode,
// operationName: event.functionData.operationName,
// value: event.functionData.value ?? existingData.value,
// valueDescription: event.functionData.valueDescription ??
// existingData.valueDescription,
// condition: event.functionData.condition ?? existingData.condition,
// step: event.functionData.step ?? existingData.step,
// );
// } else {
// functions.clear();
// functions.add(event.functionData);
// }
// emit(state.copyWith(
// addedFunctions: functions,
// selectedFunction: event.functionData.functionCode,
// ));
// }
void _onAddFunction(AddFunction event, Emitter<FunctionBlocState> emit) { void _onAddFunction(AddFunction event, Emitter<FunctionBlocState> emit) {
final functions = List<DeviceFunctionData>.from(state.addedFunctions); final functions = List<DeviceFunctionData>.from(state.addedFunctions);
final existingIndex = functions.indexWhere( final existingIndex = functions.indexWhere(
@ -20,19 +49,10 @@ class FunctionBloc extends Bloc<FunctionBlocEvent, FunctionBlocState> {
); );
if (existingIndex != -1) { if (existingIndex != -1) {
final existingData = functions[existingIndex]; // Update the function value
functions[existingIndex] = DeviceFunctionData( functions[existingIndex] = event.functionData;
entityId: event.functionData.entityId,
functionCode: event.functionData.functionCode,
operationName: event.functionData.operationName,
value: event.functionData.value ?? existingData.value,
valueDescription: event.functionData.valueDescription ??
existingData.valueDescription,
condition: event.functionData.condition ?? existingData.condition,
step: event.functionData.step ?? existingData.step,
);
} else { } else {
functions.clear(); // Add new function value
functions.add(event.functionData); functions.add(event.functionData);
} }

View File

@ -117,7 +117,7 @@ class _DropdownContentState extends State<_DropdownContent> {
final selectedCommunity = _findCommunity(state, state.selectedSpaceId); final selectedCommunity = _findCommunity(state, state.selectedSpaceId);
return Container( return Container(
height: 46, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey.shade300), border: Border.all(color: Colors.grey.shade300),
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
@ -149,7 +149,7 @@ class _DropdownContentState extends State<_DropdownContent> {
), ),
), ),
height: 45, height: 45,
width: 33, width: 44,
child: const Icon( child: const Icon(
Icons.keyboard_arrow_down, Icons.keyboard_arrow_down,
color: ColorsManager.textGray, color: ColorsManager.textGray,

View File

@ -44,144 +44,156 @@ class _CreateNewRoutinesDialogState extends State<CreateNewRoutinesDialog> {
_selectedSpace = null; _selectedSpace = null;
_selectedCommunity = _selectedId; _selectedCommunity = _selectedId;
} }
return AlertDialog( return Dialog(
backgroundColor: Colors.white, backgroundColor: Colors.white,
insetPadding: EdgeInsets.zero, insetPadding: const EdgeInsets.symmetric(
contentPadding: EdgeInsets.zero, horizontal: 20,
),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12)), borderRadius: BorderRadius.circular(12)),
title: Text( child: Container(
'Create New Routines', width: 450,
textAlign: TextAlign.center, child: Stack(
style: Theme.of(context).textTheme.bodyMedium!.copyWith( children: [
color: ColorsManager.spaceColor, Column(
fontSize: 20, mainAxisSize: MainAxisSize.min,
fontWeight: FontWeight.w700, children: [
), const SizedBox(height: 20),
), Text(
content: Stack( 'Create New Routines',
children: [ textAlign: TextAlign.center,
Column( style:
mainAxisSize: MainAxisSize.min, Theme.of(context).textTheme.bodyMedium!.copyWith(
children: [ color: ColorsManager.spaceColor,
const Divider(), fontSize: 20,
const SizedBox(height: 20), fontWeight: FontWeight.w700,
Column( ),
children: [ ),
Padding( const Divider(),
padding: const SizedBox(height: 20),
const EdgeInsets.only(left: 13, right: 8), Column(
child: Column( children: [
children: [ Column(
SpaceTreeDropdown( children: [
selectedSpaceId: _selectedId, Padding(
padding: const EdgeInsets.only(
left: 13, right: 10),
child: Column(
children: [
SpaceTreeDropdown(
selectedSpaceId: _selectedId,
onChanged: (String? newValue) {
setState(
() => _selectedId = newValue!);
if (_selectedId != null) {
_bloc.add(
SpaceOnlyWithDevicesEvent(
_selectedId!));
}
},
),
],
)),
const SizedBox(height: 21),
Padding(
padding: const EdgeInsets.only(
left: 15, right: 20),
child: SpaceDropdown(
hintMessage: spaceHint,
spaces: spaces,
selectedValue: _selectedSpace,
onChanged: (String? newValue) { onChanged: (String? newValue) {
setState(() => _selectedId = newValue!); setState(() {
if (_selectedId != null) { _selectedSpace = newValue;
_bloc.add(SpaceOnlyWithDevicesEvent( });
_selectedId!));
}
}, },
), ),
], ),
)), ],
const SizedBox(height: 5),
const SizedBox(height: 8),
Padding(
padding: const EdgeInsets.only(left: 15, right: 15),
child: SpaceDropdown(
hintMessage: spaceHint,
spaces: spaces,
selectedValue: _selectedSpace,
onChanged: (String? newValue) {
setState(() {
_selectedSpace = newValue;
});
},
), ),
), ],
], ),
), const SizedBox(height: 20),
const SizedBox(height: 20), const Divider(),
const Divider(), Row(
Row( mainAxisAlignment: MainAxisAlignment.spaceAround,
mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
children: [ Padding(
Padding( padding: const EdgeInsets.only(
padding: const EdgeInsets.only( left: 20,
left: 20, right: 20,
right: 20, ),
), child: TextButton(
child: TextButton( onPressed: () {
onPressed: () { Navigator.of(context).pop();
Navigator.of(context).pop(); },
}, child: Text(
child: Text( 'Cancel',
'Cancel', style: Theme.of(context)
style: Theme.of(context) .textTheme
.textTheme .bodyMedium!
.bodyMedium! .copyWith(
.copyWith( fontWeight: FontWeight.w400,
fontWeight: FontWeight.w400, fontSize: 14,
fontSize: 14, color: ColorsManager.blackColor,
color: ColorsManager.blackColor, ),
), ),
), ),
), ),
), Padding(
Padding( padding: const EdgeInsets.only(
padding: const EdgeInsets.only( left: 20,
left: 20, right: 20,
right: 20, ),
), child: TextButton(
child: TextButton( onPressed: _selectedCommunity != null &&
onPressed: _selectedCommunity != null && _selectedSpace != null
_selectedSpace != null ? () {
? () { Navigator.of(context).pop({
Navigator.of(context).pop({ 'community': _selectedCommunity,
'community': _selectedCommunity, 'space': _selectedSpace,
'space': _selectedSpace, });
}); }
} : null,
: null, child: Text(
child: Text( 'Next',
'Next', style: Theme.of(context)
style: Theme.of(context) .textTheme
.textTheme .bodyMedium!
.bodyMedium! .copyWith(
.copyWith( fontWeight: FontWeight.w400,
fontWeight: FontWeight.w400, fontSize: 14,
fontSize: 14, color: _selectedCommunity != null &&
color: _selectedCommunity != null && _selectedSpace != null
_selectedSpace != null ? ColorsManager.blueColor
? ColorsManager.blueColor : Colors.blue.shade100,
: Colors.blue.shade100, ),
), ),
), ),
), ),
), ],
], ),
), const SizedBox(height: 10),
const SizedBox(height: 10), ],
],
),
if (isLoadingCommunities)
const SizedBox(
height: 200,
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Center(
child: CircularProgressIndicator(
color: ColorsManager.primaryColor,
),
),
],
),
), ),
], if (isLoadingCommunities)
const SizedBox(
height: 200,
child: Column(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Center(
child: CircularProgressIndicator(
color: ColorsManager.primaryColor,
),
),
],
),
),
],
),
), ),
); );
}, },

View File

@ -34,7 +34,9 @@ class SpaceDropdown extends StatelessWidget {
), ),
SizedBox( SizedBox(
child: Container( child: Container(
height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
color: ColorsManager.whiteColors,
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
child: DropdownButton2<String>( child: DropdownButton2<String>(
@ -45,7 +47,7 @@ class SpaceDropdown extends StatelessWidget {
value: space.uuid, value: space.uuid,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Text( Text(
' ${space.name}', ' ${space.name}',
@ -88,7 +90,7 @@ class SpaceDropdown extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Expanded( Expanded(
flex: 6, flex: 8,
child: Padding( child: Padding(
padding: const EdgeInsets.only(left: 10), padding: const EdgeInsets.only(left: 10),
child: Text( child: Text(
@ -129,6 +131,7 @@ class SpaceDropdown extends StatelessWidget {
dropdownStyleData: DropdownStyleData( dropdownStyleData: DropdownStyleData(
maxHeight: MediaQuery.of(context).size.height * 0.4, maxHeight: MediaQuery.of(context).size.height * 0.4,
decoration: BoxDecoration( decoration: BoxDecoration(
color: ColorsManager.whiteColors,
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
), ),
), ),

View File

@ -17,9 +17,10 @@ class SaveRoutineHelper {
builder: (context) { builder: (context) {
return BlocBuilder<RoutineBloc, RoutineState>( return BlocBuilder<RoutineBloc, RoutineState>(
builder: (context, state) { builder: (context, state) {
final selectedConditionLabel = state.selectedAutomationOperator == 'and' final selectedConditionLabel =
? 'All Conditions are met' state.selectedAutomationOperator == 'and'
: 'Any Condition is met'; ? 'All Conditions are met'
: 'Any Condition is met';
return AlertDialog( return AlertDialog(
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
@ -37,10 +38,11 @@ class SaveRoutineHelper {
Text( Text(
'Create a scene: ${state.routineName ?? ""}', 'Create a scene: ${state.routineName ?? ""}',
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: Theme.of(context).textTheme.headlineMedium!.copyWith( style:
color: ColorsManager.primaryColorWithOpacity, Theme.of(context).textTheme.headlineMedium!.copyWith(
fontWeight: FontWeight.bold, color: ColorsManager.primaryColorWithOpacity,
), fontWeight: FontWeight.bold,
),
), ),
const SizedBox(height: 18), const SizedBox(height: 18),
_buildDivider(), _buildDivider(),
@ -58,7 +60,8 @@ class SaveRoutineHelper {
_buildIfConditions(state, context), _buildIfConditions(state, context),
Container( Container(
width: 1, width: 1,
color: ColorsManager.greyColor.withValues(alpha: 0.8), color: ColorsManager.greyColor
.withValues(alpha: 0.8),
), ),
_buildThenActions(state, context), _buildThenActions(state, context),
], ],
@ -97,7 +100,8 @@ class SaveRoutineHelper {
child: Row( child: Row(
spacing: 16, spacing: 16,
children: [ children: [
Expanded(child: Text('IF: $selectedConditionLabel', style: textStyle)), Expanded(
child: Text('IF: $selectedConditionLabel', style: textStyle)),
const Expanded(child: Text('THEN:', style: textStyle)), const Expanded(child: Text('THEN:', style: textStyle)),
], ],
), ),
@ -109,7 +113,7 @@ class SaveRoutineHelper {
spacing: 16, spacing: 16,
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [ children: [
DialogFooterButton( DialogFooterButton(
text: 'Back', text: 'Back',
onTap: () => Navigator.pop(context), onTap: () => Navigator.pop(context),
), ),
@ -143,7 +147,8 @@ class SaveRoutineHelper {
child: ListView( child: ListView(
// shrinkWrap: true, // shrinkWrap: true,
children: state.thenItems.map((item) { children: state.thenItems.map((item) {
final functions = state.selectedFunctions[item['uniqueCustomId']] ?? []; final functions =
state.selectedFunctions[item['uniqueCustomId']] ?? [];
return functionRow(item, context, functions); return functionRow(item, context, functions);
}).toList(), }).toList(),
), ),
@ -203,19 +208,20 @@ class SaveRoutineHelper {
), ),
), ),
child: Center( child: Center(
child: item['type'] == 'tap_to_run' || item['type'] == 'scene' child:
? Image.memory( item['type'] == 'tap_to_run' || item['type'] == 'scene'
base64Decode(item['icon']), ? Image.memory(
width: 12, base64Decode(item['icon']),
height: 22, width: 12,
fit: BoxFit.scaleDown, height: 22,
) fit: BoxFit.scaleDown,
: SvgPicture.asset( )
item['imagePath'], : SvgPicture.asset(
width: 12, item['imagePath'],
height: 12, width: 12,
fit: BoxFit.scaleDown, height: 12,
), fit: BoxFit.scaleDown,
),
), ),
), ),
Flexible( Flexible(

View File

@ -405,8 +405,8 @@ class PowerFactorCStatusFunction extends EnergyClampFunctions {
code: 'PowerFactorC', code: 'PowerFactorC',
operationName: 'Power Factor C', operationName: 'Power Factor C',
icon: Assets.speedoMeter, icon: Assets.speedoMeter,
min: 0.00, min: 0.0,
max: 1.00, max: 1.0,
step: 0.1, step: 0.1,
unit: "", unit: "",
); );

View File

@ -117,10 +117,22 @@ class ACHelper {
}, },
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData =
state.addedFunctions.firstWhere(
(f) =>
f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
/// add the functions to the routine bloc /// add the functions to the routine bloc
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
uniqueCustomId, uniqueCustomId,
), ),
); );

View File

@ -78,12 +78,22 @@ class _CeilingSensorDialogState extends State<CeilingSensorDialog> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData =
state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
final functions = _updateValuesForAddedFunctions( final functions = _updateValuesForAddedFunctions(
state.addedFunctions, state.addedFunctions,
); );
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
functions, [selectedFunctionData],
'${widget.uniqueCustomId}', '${widget.uniqueCustomId}',
), ),
); );

View File

@ -192,9 +192,18 @@ class _WallPresenceSensorState extends State<FlushPresenceSensor> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData = state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
widget.uniqueCustomId!, widget.uniqueCustomId!,
), ),
); );

View File

@ -115,9 +115,18 @@ class _GatewayDialogState extends State<GatewayDialog> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData = state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
widget.uniqueCustomId ?? '-1', widget.uniqueCustomId ?? '-1',
), ),
); );

View File

@ -147,7 +147,7 @@ class OneGangSwitchHelper {
// } // }
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
uniqueCustomId, uniqueCustomId,
), ),
); );

View File

@ -250,9 +250,18 @@ class _EnergyClampDialogState extends State<EnergyClampDialog> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData = state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
widget.uniqueCustomId!, widget.uniqueCustomId!,
), ),
); );

View File

@ -27,17 +27,16 @@ class EnergyValueSelectorWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final selectedFn = final selectedFn = functions.firstWhere((f) => f.code == selectedFunction);
functions.firstWhere((f) => f.code == selectedFunction);
final values = selectedFn.getOperationalValues(); final values = selectedFn.getOperationalValues();
final step = selectedFn.step ?? 1.0; final step = selectedFn.step;
final _unit = selectedFn.unit ?? ''; final _unit = selectedFn.unit ?? '';
final (double, double) sliderRange = final (double, double) sliderRange =
(selectedFn.min ?? 0.0, selectedFn.max ?? 100.0); (selectedFn.min ?? 0.0, selectedFn.max ?? 100.0);
if (_isSliderFunction(selectedFunction)) { if (_isSliderFunction(selectedFunction)) {
return CustomRoutinesTextbox( return CustomRoutinesTextbox(
withSpecialChar: false, withSpecialChar: true,
currentCondition: functionData.condition, currentCondition: functionData.condition,
dialogType: dialogType, dialogType: dialogType,
sliderRange: sliderRange, sliderRange: sliderRange,
@ -60,14 +59,14 @@ class EnergyValueSelectorWidget extends StatelessWidget {
entityId: device?.uuid ?? '', entityId: device?.uuid ?? '',
functionCode: selectedFunction, functionCode: selectedFunction,
operationName: functionData.operationName, operationName: functionData.operationName,
value: value.toInt(), value: value,
condition: functionData.condition, condition: functionData.condition,
), ),
), ),
), ),
unit: _unit, unit: _unit,
dividendOfRange: 1, dividendOfRange: 1,
stepIncreaseAmount: step, stepIncreaseAmount: step!,
); );
} }

View File

@ -145,9 +145,22 @@ class TwoGangSwitchHelper {
// ), // ),
// ); // );
// } // }
final selectedFunctionData =
state.addedFunctions.firstWhere(
(f) =>
f.functionCode ==
state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode:
state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
uniqueCustomId, uniqueCustomId,
), ),
); );

View File

@ -210,9 +210,18 @@ class _WallPresenceSensorState extends State<WallPresenceSensor> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData = state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
widget.uniqueCustomId!, widget.uniqueCustomId!,
), ),
); );

View File

@ -188,9 +188,18 @@ class _WaterHeaterDialogRoutinesState extends State<WaterHeaterDialogRoutines> {
onCancel: () => Navigator.pop(context), onCancel: () => Navigator.pop(context),
onConfirm: state.addedFunctions.isNotEmpty onConfirm: state.addedFunctions.isNotEmpty
? () { ? () {
final selectedFunctionData = state.addedFunctions.firstWhere(
(f) => f.functionCode == state.selectedFunction,
orElse: () => DeviceFunctionData(
entityId: '',
functionCode: state.selectedFunction ?? '',
operationName: '',
value: null,
),
);
context.read<RoutineBloc>().add( context.read<RoutineBloc>().add(
AddFunctionToRoutine( AddFunctionToRoutine(
state.addedFunctions, [selectedFunctionData],
widget.uniqueCustomId!, widget.uniqueCustomId!,
), ),
); );