mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-09 22:57:21 +00:00
392 lines
15 KiB
Dart
392 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
|
|
import 'package:syncrow_web/pages/routiens/bloc/functions_bloc/functions_bloc_bloc.dart';
|
|
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc/routine_bloc.dart';
|
|
import 'package:syncrow_web/pages/routiens/models/device_functions.dart';
|
|
import 'package:syncrow_web/pages/routiens/models/gang_switches/base_switch_function.dart';
|
|
import 'package:syncrow_web/pages/routiens/models/gang_switches/switch_operational_value.dart';
|
|
import 'package:syncrow_web/pages/routiens/widgets/dialog_footer.dart';
|
|
import 'package:syncrow_web/pages/routiens/widgets/dialog_header.dart';
|
|
import 'package:syncrow_web/utils/color_manager.dart';
|
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
|
|
|
class TwoGangSwitchHelper {
|
|
static Future<Map<String, dynamic>?> showSwitchFunctionsDialog(
|
|
BuildContext context,
|
|
List<DeviceFunction> functions,
|
|
AllDevicesModel? device,
|
|
List<DeviceFunctionData>? deviceSelectedFunctions,
|
|
String uniqueCustomId,
|
|
) async {
|
|
List<BaseSwitchFunction> switchFunctions =
|
|
functions.whereType<BaseSwitchFunction>().toList();
|
|
|
|
return showDialog<Map<String, dynamic>?>(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return BlocProvider(
|
|
create: (_) => FunctionBloc()
|
|
..add(InitializeFunctions(deviceSelectedFunctions ?? [])),
|
|
child: AlertDialog(
|
|
contentPadding: EdgeInsets.zero,
|
|
content: BlocBuilder<FunctionBloc, FunctionBlocState>(
|
|
builder: (context, state) {
|
|
final selectedFunction = state.selectedFunction;
|
|
final selectedOperationName = state.selectedOperationName;
|
|
final selectedFunctionData = state.addedFunctions
|
|
.firstWhere((f) => f.functionCode == selectedFunction,
|
|
orElse: () => DeviceFunctionData(
|
|
entityId: '',
|
|
functionCode: selectedFunction ?? '',
|
|
operationName: '',
|
|
value: null,
|
|
));
|
|
return Container(
|
|
width: selectedFunction != null ? 600 : 360,
|
|
height: 450,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
padding: const EdgeInsets.only(top: 20),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
const DialogHeader('2 Gangs Light Switch Condition'),
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
// Left side: Function list
|
|
Expanded(
|
|
child: ListView.separated(
|
|
itemCount: switchFunctions.length,
|
|
separatorBuilder: (_, __) => const Divider(
|
|
color: ColorsManager.dividerColor,
|
|
),
|
|
itemBuilder: (context, index) {
|
|
final function = switchFunctions[index];
|
|
return ListTile(
|
|
leading: SvgPicture.asset(
|
|
function.icon,
|
|
width: 24,
|
|
height: 24,
|
|
),
|
|
title: Text(
|
|
function.operationName,
|
|
style: context.textTheme.bodyMedium,
|
|
),
|
|
trailing: const Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16,
|
|
color: ColorsManager.textGray,
|
|
),
|
|
onTap: () {
|
|
context
|
|
.read<FunctionBloc>()
|
|
.add(SelectFunction(
|
|
functionCode: function.code,
|
|
operationName:
|
|
function.operationName,
|
|
));
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
// Right side: Value selector
|
|
if (selectedFunction != null)
|
|
Expanded(
|
|
child: _buildValueSelector(
|
|
context: context,
|
|
selectedFunction: selectedFunction,
|
|
selectedFunctionData: selectedFunctionData,
|
|
switchFunctions: switchFunctions,
|
|
device: device,
|
|
operationName: selectedOperationName ?? '',
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
height: 1,
|
|
width: double.infinity,
|
|
color: ColorsManager.greyColor,
|
|
),
|
|
DialogFooter(
|
|
onCancel: () {
|
|
Navigator.pop(context);
|
|
},
|
|
onConfirm: state.addedFunctions.isNotEmpty
|
|
? () {
|
|
/// add the functions to the routine bloc
|
|
// for (var function in state.addedFunctions) {
|
|
// context.read<RoutineBloc>().add(
|
|
// AddFunctionToRoutine(
|
|
// function,
|
|
// uniqueCustomId
|
|
// ),
|
|
// );
|
|
// }
|
|
context.read<RoutineBloc>().add(
|
|
AddFunctionToRoutine(
|
|
state.addedFunctions,
|
|
uniqueCustomId,
|
|
),
|
|
);
|
|
// Return the device data to be added to the container
|
|
Navigator.pop(context, {
|
|
'deviceId': functions.first.deviceId,
|
|
});
|
|
}
|
|
: null,
|
|
isConfirmEnabled: selectedFunction != null,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
));
|
|
},
|
|
);
|
|
}
|
|
|
|
static Widget _buildValueSelector({
|
|
required BuildContext context,
|
|
required String selectedFunction,
|
|
required DeviceFunctionData? selectedFunctionData,
|
|
required List<BaseSwitchFunction> switchFunctions,
|
|
AllDevicesModel? device,
|
|
required String operationName,
|
|
}) {
|
|
if (selectedFunction == 'countdown_1' ||
|
|
selectedFunction == 'countdown_2') {
|
|
final initialValue = selectedFunctionData?.value ?? 200;
|
|
return _buildTemperatureSelector(
|
|
context: context,
|
|
initialValue: initialValue,
|
|
selectCode: selectedFunction,
|
|
currentCondition: selectedFunctionData?.condition,
|
|
device: device,
|
|
operationName: operationName,
|
|
selectedFunctionData: selectedFunctionData,
|
|
);
|
|
}
|
|
|
|
final selectedFn =
|
|
switchFunctions.firstWhere((f) => f.code == selectedFunction);
|
|
final values = selectedFn.getOperationalValues();
|
|
|
|
return _buildOperationalValuesList(
|
|
context: context,
|
|
values: values,
|
|
selectedValue: selectedFunctionData?.value,
|
|
device: device,
|
|
operationName: operationName,
|
|
selectCode: selectedFunction,
|
|
selectedFunctionData: selectedFunctionData,
|
|
);
|
|
}
|
|
|
|
static Widget _buildTemperatureSelector({
|
|
required BuildContext context,
|
|
required dynamic initialValue,
|
|
required String? currentCondition,
|
|
required String selectCode,
|
|
AllDevicesModel? device,
|
|
required String operationName,
|
|
DeviceFunctionData? selectedFunctionData,
|
|
}) {
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
_buildConditionToggle(
|
|
context,
|
|
currentCondition,
|
|
selectCode,
|
|
device,
|
|
operationName,
|
|
selectedFunctionData,
|
|
),
|
|
const SizedBox(height: 20),
|
|
_buildCountDownDisplay(context, initialValue, device, operationName,
|
|
selectedFunctionData, selectCode),
|
|
const SizedBox(height: 20),
|
|
_buildCountDownSlider(context, initialValue, device, operationName,
|
|
selectedFunctionData, selectCode),
|
|
],
|
|
);
|
|
}
|
|
|
|
/// Build condition toggle for AC functions dialog
|
|
static Widget _buildConditionToggle(
|
|
BuildContext context,
|
|
String? currentCondition,
|
|
String selectCode,
|
|
AllDevicesModel? device,
|
|
String operationName,
|
|
DeviceFunctionData? selectedFunctionData,
|
|
// Function(String) onConditionChanged,
|
|
) {
|
|
final conditions = ["<", "==", ">"];
|
|
|
|
return ToggleButtons(
|
|
onPressed: (int index) {
|
|
context.read<FunctionBloc>().add(
|
|
AddFunction(
|
|
functionData: DeviceFunctionData(
|
|
entityId: device?.uuid ?? '',
|
|
functionCode: selectCode,
|
|
operationName: operationName,
|
|
condition: conditions[index],
|
|
value: selectedFunctionData?.value,
|
|
valueDescription: selectedFunctionData?.valueDescription,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
borderRadius: const BorderRadius.all(Radius.circular(8)),
|
|
selectedBorderColor: ColorsManager.primaryColorWithOpacity,
|
|
selectedColor: Colors.white,
|
|
fillColor: ColorsManager.primaryColorWithOpacity,
|
|
color: ColorsManager.primaryColorWithOpacity,
|
|
constraints: const BoxConstraints(
|
|
minHeight: 40.0,
|
|
minWidth: 40.0,
|
|
),
|
|
isSelected:
|
|
conditions.map((c) => c == (currentCondition ?? "==")).toList(),
|
|
children: conditions.map((c) => Text(c)).toList(),
|
|
);
|
|
}
|
|
|
|
/// Build temperature display for AC functions dialog
|
|
static Widget _buildCountDownDisplay(
|
|
BuildContext context,
|
|
dynamic initialValue,
|
|
AllDevicesModel? device,
|
|
String operationName,
|
|
DeviceFunctionData? selectedFunctionData,
|
|
String selectCode) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
|
decoration: BoxDecoration(
|
|
color: ColorsManager.primaryColorWithOpacity.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Text(
|
|
'${initialValue ?? 0} sec',
|
|
style: context.textTheme.headlineMedium!.copyWith(
|
|
color: ColorsManager.primaryColorWithOpacity,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
static Widget _buildCountDownSlider(
|
|
BuildContext context,
|
|
dynamic initialValue,
|
|
AllDevicesModel? device,
|
|
String operationName,
|
|
DeviceFunctionData? selectedFunctionData,
|
|
String selectCode,
|
|
) {
|
|
final operationalValues = SwitchOperationalValue(
|
|
icon: '',
|
|
description: "sec",
|
|
value: 0.0,
|
|
minValue: 0,
|
|
maxValue: 43200,
|
|
stepValue: 1,
|
|
);
|
|
return Slider(
|
|
value: (initialValue ?? 0).toDouble(),
|
|
min: operationalValues.minValue?.toDouble() ?? 0.0,
|
|
max: operationalValues.maxValue?.toDouble() ?? 0.0,
|
|
divisions: (((operationalValues.maxValue ?? 0) -
|
|
(operationalValues.minValue ?? 0)) /
|
|
(operationalValues.stepValue ?? 1))
|
|
.round(),
|
|
onChanged: (value) {
|
|
context.read<FunctionBloc>().add(
|
|
AddFunction(
|
|
functionData: DeviceFunctionData(
|
|
entityId: device?.uuid ?? '',
|
|
functionCode: selectCode,
|
|
operationName: operationName,
|
|
value: value,
|
|
condition: selectedFunctionData?.condition,
|
|
valueDescription: selectedFunctionData?.valueDescription,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
static Widget _buildOperationalValuesList({
|
|
required BuildContext context,
|
|
required List<SwitchOperationalValue> values,
|
|
required dynamic selectedValue,
|
|
AllDevicesModel? device,
|
|
required String operationName,
|
|
required String selectCode,
|
|
DeviceFunctionData? selectedFunctionData,
|
|
}) {
|
|
return ListView.builder(
|
|
shrinkWrap: false,
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
itemCount: values.length,
|
|
itemBuilder: (context, index) {
|
|
final value = values[index];
|
|
final isSelected = selectedValue == value.value;
|
|
return ListTile(
|
|
leading: SvgPicture.asset(
|
|
value.icon,
|
|
width: 24,
|
|
height: 24,
|
|
placeholderBuilder: (BuildContext context) => Container(
|
|
width: 24,
|
|
height: 24,
|
|
color: Colors.transparent,
|
|
),
|
|
),
|
|
title: Text(
|
|
value.description,
|
|
style: context.textTheme.bodyMedium,
|
|
),
|
|
trailing: Icon(
|
|
isSelected
|
|
? Icons.radio_button_checked
|
|
: Icons.radio_button_unchecked,
|
|
size: 24,
|
|
color: isSelected
|
|
? ColorsManager.primaryColorWithOpacity
|
|
: ColorsManager.textGray,
|
|
),
|
|
onTap: () {
|
|
if (!isSelected) {
|
|
context.read<FunctionBloc>().add(
|
|
AddFunction(
|
|
functionData: DeviceFunctionData(
|
|
entityId: device?.uuid ?? '',
|
|
functionCode: selectCode,
|
|
operationName: operationName,
|
|
value: value.value,
|
|
condition: selectedFunctionData?.condition,
|
|
valueDescription:
|
|
selectedFunctionData?.valueDescription,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|