mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-14 09:17:37 +00:00
Compare commits
2 Commits
SP-1620-FE
...
fix-sup-sp
Author | SHA1 | Date | |
---|---|---|---|
eaff7c4a52 | |||
37b21ecdfb |
@ -78,7 +78,7 @@ class CustomWebTextField extends StatelessWidget {
|
|||||||
controller: controller,
|
controller: controller,
|
||||||
style: const TextStyle(color: Colors.black),
|
style: const TextStyle(color: Colors.black),
|
||||||
decoration: textBoxDecoration()!.copyWith(
|
decoration: textBoxDecoration()!.copyWith(
|
||||||
errorStyle: const TextStyle(height: 0.01),
|
errorStyle: const TextStyle(height: 0),
|
||||||
hintStyle: context.textTheme.titleSmall!
|
hintStyle: context.textTheme.titleSmall!
|
||||||
.copyWith(color: Colors.grey, fontSize: 12),
|
.copyWith(color: Colors.grey, fontSize: 12),
|
||||||
hintText: hintText ?? 'Please enter'),
|
hintText: hintText ?? 'Please enter'),
|
||||||
|
@ -1,7 +1,10 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:flutter_svg/svg.dart';
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/all_devices/bloc/device_mgmt_bloc/device_managment_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/device_setting/bloc/setting_bloc_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/device_info_model.dart';
|
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/device_info_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/sub_space_model.dart';
|
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/sub_space_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/sub_space_dialog.dart';
|
import 'package:syncrow_web/pages/device_managment/device_setting/sub_space_dialog.dart';
|
||||||
@ -66,14 +69,25 @@ class DeviceManagementContent extends StatelessWidget {
|
|||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.all(10.0),
|
padding: const EdgeInsets.all(10.0),
|
||||||
child: InkWell(
|
child: InkWell(
|
||||||
onTap: () {
|
onTap: () async {
|
||||||
showSubSpaceDialog(
|
final selectedSubSpace = await showSubSpaceDialog(
|
||||||
context,
|
context,
|
||||||
communityUuid: device.community!.uuid!,
|
communityUuid: device.community!.uuid!,
|
||||||
spaceUuid: device.spaces!.first.uuid!,
|
spaceUuid: device.spaces!.first.uuid!,
|
||||||
subSpaces: subSpaces,
|
subSpaces: subSpaces,
|
||||||
selected: device.subspace!.uuid,
|
selected: deviceInfo.subspace.uuid,
|
||||||
);
|
);
|
||||||
|
if (selectedSubSpace != null) {
|
||||||
|
Future.delayed(const Duration(milliseconds: 500), () {
|
||||||
|
context.read<SettingDeviceBloc>().add(
|
||||||
|
SettingBlocAssignRoom(
|
||||||
|
communityUuid: device.community!.uuid!,
|
||||||
|
spaceUuid: device.spaces!.first.uuid!,
|
||||||
|
subSpaceUuid: selectedSubSpace.id ?? '',
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
child: infoRow(
|
child: infoRow(
|
||||||
label: 'Sub-Space:',
|
label: 'Sub-Space:',
|
||||||
|
@ -9,13 +9,11 @@ import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
|||||||
class SubSpaceDialog extends StatefulWidget {
|
class SubSpaceDialog extends StatefulWidget {
|
||||||
final List<SubSpaceModel> subSpaces;
|
final List<SubSpaceModel> subSpaces;
|
||||||
final String? selected;
|
final String? selected;
|
||||||
final void Function(SubSpaceModel?) onConfirmed;
|
|
||||||
|
|
||||||
const SubSpaceDialog({
|
const SubSpaceDialog({
|
||||||
Key? key,
|
Key? key,
|
||||||
required this.subSpaces,
|
required this.subSpaces,
|
||||||
this.selected,
|
this.selected,
|
||||||
required this.onConfirmed,
|
|
||||||
}) : super(key: key);
|
}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@ -86,30 +84,21 @@ class _SubSpaceDialogState extends State<SubSpaceDialog> {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void showSubSpaceDialog(
|
Future<SubSpaceModel?> showSubSpaceDialog(
|
||||||
BuildContext context, {
|
BuildContext context, {
|
||||||
required List<SubSpaceModel> subSpaces,
|
required List<SubSpaceModel> subSpaces,
|
||||||
String? selected,
|
String? selected,
|
||||||
required String communityUuid,
|
required String communityUuid,
|
||||||
required String spaceUuid,
|
required String spaceUuid,
|
||||||
}) {
|
}) {
|
||||||
showDialog(
|
return showDialog<SubSpaceModel>(
|
||||||
context: context,
|
context: context,
|
||||||
barrierDismissible: true,
|
builder: (ctx) => BlocProvider.value(
|
||||||
builder: (ctx) => SubSpaceDialog(
|
value: BlocProvider.of<SettingDeviceBloc>(context),
|
||||||
subSpaces: subSpaces,
|
child: SubSpaceDialog(
|
||||||
selected: selected,
|
subSpaces: subSpaces,
|
||||||
onConfirmed: (selectedModel) {
|
selected: selected,
|
||||||
if (selectedModel != null) {
|
),
|
||||||
context.read<SettingDeviceBloc>().add(
|
|
||||||
SettingBlocAssignRoom(
|
|
||||||
communityUuid: communityUuid,
|
|
||||||
spaceUuid: spaceUuid,
|
|
||||||
subSpaceUuid: selectedModel.id ?? '',
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,4 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/bloc/setting_bloc_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/sub_space_model.dart';
|
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/sub_space_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/device_setting/sub_space_dialog.dart';
|
import 'package:syncrow_web/pages/device_managment/device_setting/sub_space_dialog.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
@ -62,11 +60,12 @@ class SubSpaceDialogButtons extends StatelessWidget {
|
|||||||
? null
|
? null
|
||||||
: () {
|
: () {
|
||||||
final selectedModel = widget.subSpaces.firstWhere(
|
final selectedModel = widget.subSpaces.firstWhere(
|
||||||
(space) => space.id == _selectedId,
|
(space) => space.id == _selectedId,
|
||||||
orElse: () =>
|
orElse: () =>
|
||||||
SubSpaceModel(id: null, name: '', devices: []));
|
SubSpaceModel(id: null, name: '', devices: []),
|
||||||
widget.onConfirmed(selectedModel);
|
);
|
||||||
Navigator.of(context).pop();
|
Navigator.of(context)
|
||||||
|
.pop(selectedModel);
|
||||||
},
|
},
|
||||||
child: Text(
|
child: Text(
|
||||||
'Confirm',
|
'Confirm',
|
||||||
@ -84,31 +83,3 @@ class SubSpaceDialogButtons extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
void showSubSpaceDialog(
|
|
||||||
BuildContext context, {
|
|
||||||
required List<SubSpaceModel> subSpaces,
|
|
||||||
String? selected,
|
|
||||||
required String communityUuid,
|
|
||||||
required String spaceUuid,
|
|
||||||
}) {
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
barrierDismissible: true,
|
|
||||||
builder: (ctx) => SubSpaceDialog(
|
|
||||||
subSpaces: subSpaces,
|
|
||||||
selected: selected,
|
|
||||||
onConfirmed: (selectedModel) {
|
|
||||||
if (selectedModel != null) {
|
|
||||||
context.read<SettingDeviceBloc>().add(
|
|
||||||
SettingBlocAssignRoom(
|
|
||||||
communityUuid: communityUuid,
|
|
||||||
spaceUuid: spaceUuid,
|
|
||||||
subSpaceUuid: selectedModel.id ?? '',
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
@ -4,8 +4,8 @@ import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
|||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_event.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_event.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/opening_clsoing_time_dialog_body.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/opening_clsoing_time_dialog_body.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/time_out_alarm_dialog_body.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/time_out_alarm_dialog_body.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_display_data.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_display_data.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
||||||
|
@ -5,7 +5,7 @@ import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_
|
|||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/helper/garage_door_helper.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/helper/garage_door_helper.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/models/garage_door_model.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/models/garage_door_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_view.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_view.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/icon_name_status_container.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/icon_name_status_container.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/table/report_table.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/table/report_table.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
|
@ -1,13 +1,14 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/seconds_picker.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/seconds_picker.dart';
|
||||||
|
|
||||||
class OpeningAndClosingTimeDialogBody extends StatefulWidget {
|
class OpeningAndClosingTimeDialogBody extends StatefulWidget {
|
||||||
final ValueChanged<int> onDurationChanged;
|
final ValueChanged<int> onDurationChanged;
|
||||||
final GarageDoorBloc bloc;
|
final GarageDoorBloc bloc;
|
||||||
|
|
||||||
const OpeningAndClosingTimeDialogBody({
|
OpeningAndClosingTimeDialogBody({
|
||||||
required this.onDurationChanged,
|
required this.onDurationChanged,
|
||||||
required this.bloc,
|
required this.bloc,
|
||||||
});
|
});
|
@ -26,7 +26,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
Table(
|
Table(
|
||||||
border: TableBorder.all(
|
border: TableBorder.all(
|
||||||
color: ColorsManager.graysColor,
|
color: ColorsManager.graysColor,
|
||||||
borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
|
borderRadius: const BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||||
),
|
),
|
||||||
children: [
|
children: [
|
||||||
TableRow(
|
TableRow(
|
||||||
@ -50,20 +50,17 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
BlocBuilder<GarageDoorBloc, GarageDoorState>(
|
BlocBuilder<GarageDoorBloc, GarageDoorState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
if (state is ScheduleGarageLoadingState) {
|
if (state is ScheduleGarageLoadingState) {
|
||||||
return const SizedBox(
|
return const SizedBox(height: 200, child: Center(child: CircularProgressIndicator()));
|
||||||
height: 200,
|
|
||||||
child: Center(child: CircularProgressIndicator()));
|
|
||||||
}
|
}
|
||||||
if (state is GarageDoorLoadedState &&
|
if (state is GarageDoorLoadedState && state.status.schedules?.isEmpty == true) {
|
||||||
state.status.schedules!.isEmpty) {
|
|
||||||
return _buildEmptyState(context);
|
return _buildEmptyState(context);
|
||||||
} else if (state is GarageDoorLoadedState) {
|
} else if (state is GarageDoorLoadedState) {
|
||||||
return Container(
|
return Container(
|
||||||
height: 200,
|
height: 200,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
border: Border.all(color: ColorsManager.graysColor),
|
border: Border.all(color: ColorsManager.graysColor),
|
||||||
borderRadius: const BorderRadius.vertical(
|
borderRadius:
|
||||||
bottom: Radius.circular(20)),
|
const BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
|
||||||
),
|
),
|
||||||
child: _buildTableBody(state, context));
|
child: _buildTableBody(state, context));
|
||||||
}
|
}
|
||||||
@ -81,7 +78,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
height: 200,
|
height: 200,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
border: Border.all(color: ColorsManager.graysColor),
|
border: Border.all(color: ColorsManager.graysColor),
|
||||||
borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
|
borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
|
||||||
),
|
),
|
||||||
child: Center(
|
child: Center(
|
||||||
child: Column(
|
child: Column(
|
||||||
@ -115,8 +112,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
children: [
|
children: [
|
||||||
if (state.status.schedules != null)
|
if (state.status.schedules != null)
|
||||||
for (int i = 0; i < state.status.schedules!.length; i++)
|
for (int i = 0; i < state.status.schedules!.length; i++)
|
||||||
_buildScheduleRow(
|
_buildScheduleRow(state.status.schedules![i], i, context, state),
|
||||||
state.status.schedules![i], i, context, state),
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
@ -138,8 +134,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
TableRow _buildScheduleRow(ScheduleModel schedule, int index,
|
TableRow _buildScheduleRow(ScheduleModel schedule, int index, BuildContext context, GarageDoorLoadedState state) {
|
||||||
BuildContext context, GarageDoorLoadedState state) {
|
|
||||||
return TableRow(
|
return TableRow(
|
||||||
children: [
|
children: [
|
||||||
Center(
|
Center(
|
||||||
@ -157,8 +152,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
width: 24,
|
width: 24,
|
||||||
height: 24,
|
height: 24,
|
||||||
child: schedule.enable
|
child: schedule.enable
|
||||||
? const Icon(Icons.radio_button_checked,
|
? const Icon(Icons.radio_button_checked, color: ColorsManager.blueColor)
|
||||||
color: ColorsManager.blueColor)
|
|
||||||
: const Icon(
|
: const Icon(
|
||||||
Icons.radio_button_unchecked,
|
Icons.radio_button_unchecked,
|
||||||
color: ColorsManager.grayColor,
|
color: ColorsManager.grayColor,
|
||||||
@ -166,9 +160,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Center(
|
Center(child: Text(_getSelectedDays(ScheduleModel.parseSelectedDays(schedule.days)))),
|
||||||
child: Text(_getSelectedDays(
|
|
||||||
ScheduleModel.parseSelectedDays(schedule.days)))),
|
|
||||||
Center(child: Text(formatIsoStringToTime(schedule.time, context))),
|
Center(child: Text(formatIsoStringToTime(schedule.time, context))),
|
||||||
Center(child: Text(schedule.function.value ? 'On' : 'Off')),
|
Center(child: Text(schedule.function.value ? 'On' : 'Off')),
|
||||||
Center(
|
Center(
|
||||||
@ -178,24 +170,18 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
TextButton(
|
TextButton(
|
||||||
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
GarageDoorDialogHelper.showAddGarageDoorScheduleDialog(
|
GarageDoorDialogHelper.showAddGarageDoorScheduleDialog(context,
|
||||||
context,
|
schedule: schedule, index: index, isEdit: true);
|
||||||
schedule: schedule,
|
|
||||||
index: index,
|
|
||||||
isEdit: true);
|
|
||||||
},
|
},
|
||||||
child: Text(
|
child: Text(
|
||||||
'Edit',
|
'Edit',
|
||||||
style: context.textTheme.bodySmall!
|
style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.blueColor),
|
||||||
.copyWith(color: ColorsManager.blueColor),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
TextButton(
|
TextButton(
|
||||||
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
context
|
context.read<GarageDoorBloc>().add(DeleteGarageDoorScheduleEvent(
|
||||||
.read<GarageDoorBloc>()
|
|
||||||
.add(DeleteGarageDoorScheduleEvent(
|
|
||||||
index: index,
|
index: index,
|
||||||
scheduleId: schedule.scheduleId,
|
scheduleId: schedule.scheduleId,
|
||||||
deviceId: state.status.uuid,
|
deviceId: state.status.uuid,
|
||||||
@ -203,8 +189,7 @@ class ScheduleGarageTableWidget extends StatelessWidget {
|
|||||||
},
|
},
|
||||||
child: Text(
|
child: Text(
|
||||||
'Delete',
|
'Delete',
|
||||||
style: context.textTheme.bodySmall!
|
style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.blueColor),
|
||||||
.copyWith(color: ColorsManager.blueColor),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
@ -1,7 +1,7 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule__garage_table.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule__garage_table.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
@ -4,9 +4,9 @@ import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_
|
|||||||
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/bloc/garage_door_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/helper/garage_door_helper.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/helper/garage_door_helper.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/models/garage_door_model.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/models/garage_door_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_header.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_header.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_managment_ui.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_managment_ui.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/garage_door/schedule_view/schedule_garage_mode_buttons.dart';
|
import 'package:syncrow_web/pages/device_managment/garage_door/widgets/schedule_garage_mode_buttons.dart';
|
||||||
|
|
||||||
class BuildGarageDoorScheduleView extends StatefulWidget {
|
class BuildGarageDoorScheduleView extends StatefulWidget {
|
||||||
const BuildGarageDoorScheduleView({super.key, required this.status});
|
const BuildGarageDoorScheduleView({super.key, required this.status});
|
@ -3,14 +3,11 @@ import 'package:flutter_bloc/flutter_bloc.dart';
|
|||||||
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/bloc/one_gang_glass_switch_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/bloc/one_gang_glass_switch_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/factories/one_gang_glass_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/factories/one_gang_glass_switch_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/models/once_gang_glass_status_model.dart';
|
import 'package:syncrow_web/pages/device_managment/one_g_glass_switch/models/once_gang_glass_status_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
class OneGangGlassSwitchControlView extends StatelessWidget
|
class OneGangGlassSwitchControlView extends StatelessWidget with HelperResponsiveLayout {
|
||||||
with HelperResponsiveLayout {
|
|
||||||
final String deviceId;
|
final String deviceId;
|
||||||
|
|
||||||
const OneGangGlassSwitchControlView({required this.deviceId, super.key});
|
const OneGangGlassSwitchControlView({required this.deviceId, super.key});
|
||||||
@ -19,8 +16,7 @@ class OneGangGlassSwitchControlView extends StatelessWidget
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocProvider(
|
return BlocProvider(
|
||||||
create: (context) =>
|
create: (context) =>
|
||||||
OneGangGlassSwitchBlocFactory.create(deviceId: deviceId)
|
OneGangGlassSwitchBlocFactory.create(deviceId: deviceId)..add(OneGangGlassSwitchFetchDeviceEvent(deviceId)),
|
||||||
..add(OneGangGlassSwitchFetchDeviceEvent(deviceId)),
|
|
||||||
child: BlocBuilder<OneGangGlassSwitchBloc, OneGangGlassSwitchState>(
|
child: BlocBuilder<OneGangGlassSwitchBloc, OneGangGlassSwitchState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
if (state is OneGangGlassSwitchLoading) {
|
if (state is OneGangGlassSwitchLoading) {
|
||||||
@ -37,8 +33,7 @@ class OneGangGlassSwitchControlView extends StatelessWidget
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildStatusControls(
|
Widget _buildStatusControls(BuildContext context, OneGangGlassStatusModel status) {
|
||||||
BuildContext context, OneGangGlassStatusModel status) {
|
|
||||||
final isExtraLarge = isExtraLargeScreenSize(context);
|
final isExtraLarge = isExtraLargeScreenSize(context);
|
||||||
final isLarge = isLargeScreenSize(context);
|
final isLarge = isLargeScreenSize(context);
|
||||||
final isMedium = isMediumScreenSize(context);
|
final isMedium = isMediumScreenSize(context);
|
||||||
@ -81,21 +76,14 @@ class OneGangGlassSwitchControlView extends StatelessWidget
|
|||||||
onChange: (value) {},
|
onChange: (value) {},
|
||||||
showToggle: false,
|
showToggle: false,
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
ToggleWidget(
|
||||||
onTap: () {
|
value: false,
|
||||||
showDialog<void>(
|
code: '',
|
||||||
context: context,
|
deviceId: deviceId,
|
||||||
builder: (ctx) => BlocProvider.value(
|
label: 'Scheduling',
|
||||||
value: BlocProvider.of<OneGangGlassSwitchBloc>(context),
|
icon: Assets.scheduling,
|
||||||
child: BuildScheduleView(
|
onChange: (value) {},
|
||||||
category: 'switch_1',
|
showToggle: false,
|
||||||
deviceUuid: deviceId,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: '',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
@ -5,10 +5,7 @@ import 'package:syncrow_web/pages/device_managment/one_gang_switch/bloc/wall_lig
|
|||||||
import 'package:syncrow_web/pages/device_managment/one_gang_switch/bloc/wall_light_switch_state.dart';
|
import 'package:syncrow_web/pages/device_managment/one_gang_switch/bloc/wall_light_switch_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/one_gang_switch/factories/wall_light_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/one_gang_switch/factories/wall_light_switch_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/one_gang_switch/models/wall_light_status_model.dart';
|
import 'package:syncrow_web/pages/device_managment/one_gang_switch/models/wall_light_status_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
class WallLightDeviceControl extends StatelessWidget
|
class WallLightDeviceControl extends StatelessWidget
|
||||||
@ -58,6 +55,7 @@ class WallLightDeviceControl extends StatelessWidget
|
|||||||
mainAxisSpacing: 12,
|
mainAxisSpacing: 12,
|
||||||
),
|
),
|
||||||
children: [
|
children: [
|
||||||
|
const SizedBox(),
|
||||||
ToggleWidget(
|
ToggleWidget(
|
||||||
value: status.switch1,
|
value: status.switch1,
|
||||||
code: 'switch_1',
|
code: 'switch_1',
|
||||||
@ -71,22 +69,7 @@ class WallLightDeviceControl extends StatelessWidget
|
|||||||
));
|
));
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
const SizedBox(),
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<WallLightSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_1',
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: '',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,587 +0,0 @@
|
|||||||
import 'dart:async';
|
|
||||||
import 'package:bloc/bloc.dart';
|
|
||||||
import 'package:equatable/equatable.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
import 'package:syncrow_web/services/control_device_service.dart';
|
|
||||||
import 'package:syncrow_web/services/devices_mang_api.dart';
|
|
||||||
part 'schedule_event.dart';
|
|
||||||
part 'schedule_state.dart';
|
|
||||||
|
|
||||||
class ScheduleBloc extends Bloc<ScheduleEvent, ScheduleState> {
|
|
||||||
final String deviceId;
|
|
||||||
|
|
||||||
ScheduleBloc({
|
|
||||||
required this.deviceId,
|
|
||||||
}) : super(ScheduleInitial()) {
|
|
||||||
on<ScheduleInitializeAddEvent>(_initializeAddSchedule);
|
|
||||||
on<ScheduleUpdateSelectedTimeEvent>(_updateSelectedTime);
|
|
||||||
on<ScheduleUpdateSelectedDayEvent>(_updateSelectedDay);
|
|
||||||
on<ScheduleUpdateFunctionOnEvent>(_updateFunctionOn);
|
|
||||||
on<ScheduleGetEvent>(_getSchedule);
|
|
||||||
on<ScheduleAddEvent>(_onAddSchedule);
|
|
||||||
on<ScheduleEditEvent>(_onEditSchedule);
|
|
||||||
on<ScheduleUpdateEntryEvent>(_onUpdateSchedule);
|
|
||||||
on<UpdateScheduleModeEvent>(_onUpdateScheduleMode);
|
|
||||||
on<UpdateCountdownTimeEvent>(_onUpdateCountdownTime);
|
|
||||||
on<UpdateInchingTimeEvent>(_onUpdateInchingTime);
|
|
||||||
on<StartScheduleEvent>(_onStartScheduleEvent);
|
|
||||||
on<StopScheduleEvent>(_onStopScheduleEvent);
|
|
||||||
on<ScheduleDecrementCountdownEvent>(_onDecrementCountdown);
|
|
||||||
on<ScheduleFetchStatusEvent>(_fetchStatus);
|
|
||||||
on<ScheduleDeleteEvent>(_onDeleteSchedule);
|
|
||||||
}
|
|
||||||
Timer? _countdownTimer;
|
|
||||||
Duration countdownRemaining = Duration.zero;
|
|
||||||
|
|
||||||
Future<void> _onStopScheduleEvent(
|
|
||||||
StopScheduleEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
|
|
||||||
final success = await RemoteControlDeviceService().controlDevice(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
status: Status(
|
|
||||||
code: 'countdown_1',
|
|
||||||
value: 0,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
if (success) {
|
|
||||||
_countdownTimer?.cancel();
|
|
||||||
if (event.mode == ScheduleModes.countdown) {
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
isCountdownActive: false,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
} else if (event.mode == ScheduleModes.inching) {
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
isInchingActive: false,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
emit(const ScheduleError('Failed to stop schedule'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onUpdateScheduleMode(
|
|
||||||
UpdateScheduleModeEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
scheduleMode: event.scheduleMode,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onUpdateCountdownTime(
|
|
||||||
UpdateCountdownTimeEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
countdownHours: event.hours,
|
|
||||||
countdownMinutes: event.minutes,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onUpdateInchingTime(
|
|
||||||
UpdateInchingTimeEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
inchingHours: event.hours,
|
|
||||||
inchingMinutes: event.minutes,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _initializeAddSchedule(
|
|
||||||
ScheduleInitializeAddEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
selectedTime: event.selectedTime,
|
|
||||||
selectedDays: event.selectedDays ?? List.filled(7, false),
|
|
||||||
functionOn: event.functionOn ?? false,
|
|
||||||
isEditing: event.isEditing,
|
|
||||||
scheduleMode: event.scheduleMode,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(ScheduleLoaded(
|
|
||||||
schedules: const [],
|
|
||||||
selectedTime: event.selectedTime,
|
|
||||||
selectedDays: event.selectedDays ?? List.filled(7, false),
|
|
||||||
functionOn: event.functionOn ?? false,
|
|
||||||
isEditing: event.isEditing,
|
|
||||||
deviceId: deviceId,
|
|
||||||
scheduleMode: event.scheduleMode,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
isCountdownActive: false,
|
|
||||||
isInchingActive: false,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _updateSelectedTime(
|
|
||||||
ScheduleUpdateSelectedTimeEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
selectedTime: event.selectedTime,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _updateSelectedDay(
|
|
||||||
ScheduleUpdateSelectedDayEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
final updatedDays = List<bool>.from(currentState.selectedDays);
|
|
||||||
updatedDays[event.index] = event.value;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
selectedDays: updatedDays,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _updateFunctionOn(
|
|
||||||
ScheduleUpdateFunctionOnEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
functionOn: event.isOn,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _getSchedule(
|
|
||||||
ScheduleGetEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
try {
|
|
||||||
emit(ScheduleLoading());
|
|
||||||
final schedules = await DevicesManagementApi().getDeviceSchedules(
|
|
||||||
deviceId,
|
|
||||||
event.category,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
schedules: schedules,
|
|
||||||
selectedTime: null,
|
|
||||||
selectedDays: List.filled(7, false),
|
|
||||||
functionOn: false,
|
|
||||||
isEditing: false,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(ScheduleLoaded(
|
|
||||||
schedules: schedules,
|
|
||||||
selectedTime: null,
|
|
||||||
selectedDays: List.filled(7, false),
|
|
||||||
functionOn: false,
|
|
||||||
isEditing: false,
|
|
||||||
deviceId: deviceId,
|
|
||||||
scheduleMode: ScheduleModes.schedule,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
isCountdownActive: false,
|
|
||||||
isInchingActive: false,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to load schedules: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _onAddSchedule(
|
|
||||||
ScheduleAddEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
try {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final dateTime = DateTime.parse(event.time);
|
|
||||||
final success = await DevicesManagementApi().postSchedule(
|
|
||||||
category: event.category,
|
|
||||||
deviceId: deviceId,
|
|
||||||
time: getTimeStampWithoutSeconds(dateTime).toString(),
|
|
||||||
code: event.category,
|
|
||||||
value: event.functionOn,
|
|
||||||
days: event.selectedDays);
|
|
||||||
if (success) {
|
|
||||||
add(ScheduleGetEvent(category: event.category));
|
|
||||||
} else {
|
|
||||||
emit(const ScheduleError('Failed to add schedule'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to add schedule: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _onEditSchedule(
|
|
||||||
ScheduleEditEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
try {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final dateTime = DateTime.parse(event.time);
|
|
||||||
final updatedSchedule = ScheduleEntry(
|
|
||||||
scheduleId: event.scheduleId,
|
|
||||||
category: event.category,
|
|
||||||
time: getTimeStampWithoutSeconds(dateTime).toString(),
|
|
||||||
function: Status(code: event.category, value: event.functionOn),
|
|
||||||
days: event.selectedDays,
|
|
||||||
);
|
|
||||||
final success = await DevicesManagementApi().editScheduleRecord(
|
|
||||||
deviceId,
|
|
||||||
updatedSchedule,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (success) {
|
|
||||||
add(ScheduleGetEvent(
|
|
||||||
category: event.category,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(const ScheduleError('Failed to update schedule'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to update schedule: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _onUpdateSchedule(
|
|
||||||
ScheduleUpdateEntryEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
try {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
|
|
||||||
final updatedSchedules = currentState.schedules.map((schedule) {
|
|
||||||
if (schedule.scheduleId == event.scheduleId) {
|
|
||||||
return schedule.copyWith(
|
|
||||||
function: Status(code: event.category, value: event.functionOn),
|
|
||||||
enable: event.enable,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return schedule;
|
|
||||||
}).toList();
|
|
||||||
|
|
||||||
final success = await DevicesManagementApi().updateScheduleRecord(
|
|
||||||
enable: event.enable,
|
|
||||||
uuid: deviceId,
|
|
||||||
scheduleId: event.scheduleId,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (success) {
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
schedules: updatedSchedules,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(const ScheduleError('Failed to update schedule status'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to update schedule: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _onDeleteSchedule(
|
|
||||||
ScheduleDeleteEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
try {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
final success = await DevicesManagementApi().deleteScheduleRecord(
|
|
||||||
deviceId,
|
|
||||||
event.scheduleId,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (success) {
|
|
||||||
final updatedSchedules = currentState.schedules
|
|
||||||
.where((s) => s.scheduleId != event.scheduleId)
|
|
||||||
.toList();
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
schedules: updatedSchedules,
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
inchingHours: 0,
|
|
||||||
inchingMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(const ScheduleError('Failed to delete schedule'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to delete schedule: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Duration? _currentCountdown;
|
|
||||||
|
|
||||||
Future<void> _onStartScheduleEvent(
|
|
||||||
StartScheduleEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final totalSeconds =
|
|
||||||
Duration(hours: event.hours, minutes: event.minutes).inSeconds;
|
|
||||||
final code = event.mode == ScheduleModes.countdown
|
|
||||||
? 'countdown_1'
|
|
||||||
: 'switch_inching';
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
final duration = Duration(seconds: totalSeconds);
|
|
||||||
_currentCountdown = duration;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
countdownRemaining: duration,
|
|
||||||
schedules: currentState.schedules.map((schedule) {
|
|
||||||
if (schedule.function.code == code) {
|
|
||||||
return schedule.copyWith(
|
|
||||||
function: Status(code: code, value: totalSeconds),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return schedule;
|
|
||||||
}).toList(),
|
|
||||||
countdownHours: event.mode == ScheduleModes.countdown ? event.hours : 0,
|
|
||||||
));
|
|
||||||
|
|
||||||
final success = await RemoteControlDeviceService().controlDevice(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
status: Status(
|
|
||||||
code: code,
|
|
||||||
value: totalSeconds,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
if (success) {
|
|
||||||
if (code == 'countdown_1') {
|
|
||||||
final countdownDuration = Duration(seconds: totalSeconds);
|
|
||||||
|
|
||||||
emit(
|
|
||||||
currentState.copyWith(
|
|
||||||
countdownHours: countdownDuration.inHours,
|
|
||||||
countdownMinutes: countdownDuration.inMinutes % 60,
|
|
||||||
countdownRemaining: countdownDuration,
|
|
||||||
isCountdownActive: true,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
if (countdownDuration.inSeconds > 0) {
|
|
||||||
_startCountdownTimer(emit, countdownDuration);
|
|
||||||
} else {
|
|
||||||
_countdownTimer?.cancel();
|
|
||||||
emit(
|
|
||||||
currentState.copyWith(
|
|
||||||
countdownHours: 0,
|
|
||||||
countdownMinutes: 0,
|
|
||||||
countdownRemaining: Duration.zero,
|
|
||||||
isCountdownActive: false,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
} else if (code == 'switch_inching') {
|
|
||||||
final inchingDuration = Duration(seconds: totalSeconds);
|
|
||||||
emit(
|
|
||||||
currentState.copyWith(
|
|
||||||
inchingHours: inchingDuration.inHours,
|
|
||||||
inchingMinutes: inchingDuration.inMinutes % 60,
|
|
||||||
isInchingActive: true,
|
|
||||||
countdownRemaining: inchingDuration,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
void _startCountdownTimer(
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
Duration duration,
|
|
||||||
) {
|
|
||||||
_countdownTimer?.cancel();
|
|
||||||
_countdownTimer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
|
||||||
if (_currentCountdown != null && _currentCountdown! > Duration.zero) {
|
|
||||||
_currentCountdown = _currentCountdown! - const Duration(seconds: 1);
|
|
||||||
countdownRemaining = _currentCountdown!;
|
|
||||||
add(const ScheduleDecrementCountdownEvent());
|
|
||||||
} else {
|
|
||||||
timer.cancel();
|
|
||||||
add(StopScheduleEvent(
|
|
||||||
mode: _currentCountdown == null
|
|
||||||
? ScheduleModes.countdown
|
|
||||||
: ScheduleModes.inching,
|
|
||||||
deviceId: deviceId,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void _onDecrementCountdown(
|
|
||||||
ScheduleDecrementCountdownEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
countdownRemaining: countdownRemaining,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Future<void> close() {
|
|
||||||
_countdownTimer?.cancel();
|
|
||||||
return super.close();
|
|
||||||
}
|
|
||||||
|
|
||||||
Future<void> _fetchStatus(
|
|
||||||
ScheduleFetchStatusEvent event,
|
|
||||||
Emitter<ScheduleState> emit,
|
|
||||||
) async {
|
|
||||||
emit(ScheduleLoading());
|
|
||||||
|
|
||||||
try {
|
|
||||||
final status =
|
|
||||||
await DevicesManagementApi().getDeviceStatus(event.deviceId);
|
|
||||||
print(status.status);
|
|
||||||
final deviceStatus =
|
|
||||||
WaterHeaterStatusModel.fromJson(event.deviceId, status.status);
|
|
||||||
|
|
||||||
final scheduleMode =
|
|
||||||
deviceStatus.countdownHours > 0 || deviceStatus.countdownMinutes > 0
|
|
||||||
? ScheduleModes.countdown
|
|
||||||
: deviceStatus.inchingHours > 0 || deviceStatus.inchingMinutes > 0
|
|
||||||
? ScheduleModes.inching
|
|
||||||
: ScheduleModes.schedule;
|
|
||||||
final isCountdown = scheduleMode == ScheduleModes.countdown;
|
|
||||||
final isInching = scheduleMode == ScheduleModes.inching;
|
|
||||||
|
|
||||||
Duration? countdownRemaining;
|
|
||||||
var isCountdownActive = false;
|
|
||||||
var isInchingActive = false;
|
|
||||||
|
|
||||||
if (isCountdown) {
|
|
||||||
countdownRemaining = Duration(
|
|
||||||
hours: deviceStatus.countdownHours,
|
|
||||||
minutes: deviceStatus.countdownMinutes,
|
|
||||||
);
|
|
||||||
isCountdownActive = countdownRemaining > Duration.zero;
|
|
||||||
} else if (isInching) {
|
|
||||||
isInchingActive = Duration(
|
|
||||||
hours: deviceStatus.inchingHours,
|
|
||||||
minutes: deviceStatus.inchingMinutes,
|
|
||||||
) >
|
|
||||||
Duration.zero;
|
|
||||||
}
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
final currentState = state as ScheduleLoaded;
|
|
||||||
emit(currentState.copyWith(
|
|
||||||
scheduleMode: scheduleMode,
|
|
||||||
countdownHours: deviceStatus.countdownHours,
|
|
||||||
countdownMinutes: deviceStatus.countdownMinutes,
|
|
||||||
inchingHours: deviceStatus.inchingHours,
|
|
||||||
inchingMinutes: deviceStatus.inchingMinutes,
|
|
||||||
isCountdownActive: isCountdownActive,
|
|
||||||
isInchingActive: isInchingActive,
|
|
||||||
countdownRemaining: countdownRemaining ?? Duration.zero,
|
|
||||||
));
|
|
||||||
} else {
|
|
||||||
emit(ScheduleLoaded(
|
|
||||||
schedules: const [],
|
|
||||||
selectedTime: null,
|
|
||||||
selectedDays: List.filled(7, false),
|
|
||||||
functionOn: false,
|
|
||||||
isEditing: false,
|
|
||||||
deviceId: deviceId,
|
|
||||||
scheduleMode: scheduleMode,
|
|
||||||
countdownHours: deviceStatus.countdownHours,
|
|
||||||
countdownMinutes: deviceStatus.countdownMinutes,
|
|
||||||
inchingHours: deviceStatus.inchingHours,
|
|
||||||
inchingMinutes: deviceStatus.inchingMinutes,
|
|
||||||
isCountdownActive: isCountdownActive,
|
|
||||||
isInchingActive: isInchingActive,
|
|
||||||
countdownRemaining: countdownRemaining ?? Duration.zero,
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
// if (isCountdownActive && countdownRemaining != null) {
|
|
||||||
// _startCountdownTimer(emit, countdownRemaining);
|
|
||||||
// }
|
|
||||||
} catch (e) {
|
|
||||||
emit(ScheduleError('Failed to fetch device status: $e'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
String extractTime(String isoDateTime) {
|
|
||||||
// Example input: "2025-06-19T15:45:00.000"
|
|
||||||
return isoDateTime.split('T')[1].split('.')[0]; // gives "15:45:00"
|
|
||||||
}
|
|
||||||
|
|
||||||
int? getTimeStampWithoutSeconds(DateTime? dateTime) {
|
|
||||||
if (dateTime == null) return null;
|
|
||||||
DateTime dateTimeWithoutSeconds = DateTime(dateTime.year, dateTime.month,
|
|
||||||
dateTime.day, dateTime.hour, dateTime.minute);
|
|
||||||
return dateTimeWithoutSeconds.millisecondsSinceEpoch ~/ 1000;
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,232 +0,0 @@
|
|||||||
part of 'schedule_bloc.dart';
|
|
||||||
|
|
||||||
abstract class ScheduleEvent extends Equatable {
|
|
||||||
const ScheduleEvent();
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleInitializeAddEvent extends ScheduleEvent {
|
|
||||||
final bool isEditing;
|
|
||||||
final ScheduleModes scheduleMode;
|
|
||||||
final TimeOfDay? selectedTime;
|
|
||||||
final List<bool>? selectedDays;
|
|
||||||
final bool? functionOn;
|
|
||||||
|
|
||||||
const ScheduleInitializeAddEvent({
|
|
||||||
required this.isEditing,
|
|
||||||
required this.scheduleMode,
|
|
||||||
this.selectedTime,
|
|
||||||
this.selectedDays,
|
|
||||||
this.functionOn,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object?> get props => [
|
|
||||||
isEditing,
|
|
||||||
scheduleMode,
|
|
||||||
selectedTime,
|
|
||||||
selectedDays,
|
|
||||||
functionOn,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleUpdateSelectedTimeEvent extends ScheduleEvent {
|
|
||||||
final TimeOfDay selectedTime;
|
|
||||||
|
|
||||||
const ScheduleUpdateSelectedTimeEvent(this.selectedTime);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [selectedTime];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleUpdateSelectedDayEvent extends ScheduleEvent {
|
|
||||||
final int index;
|
|
||||||
final bool value;
|
|
||||||
|
|
||||||
const ScheduleUpdateSelectedDayEvent(this.index, this.value);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [index, value];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleUpdateFunctionOnEvent extends ScheduleEvent {
|
|
||||||
final bool isOn;
|
|
||||||
|
|
||||||
const ScheduleUpdateFunctionOnEvent(this.isOn);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [isOn];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleGetEvent extends ScheduleEvent {
|
|
||||||
final String category;
|
|
||||||
|
|
||||||
const ScheduleGetEvent({required this.category});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [category];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleAddEvent extends ScheduleEvent {
|
|
||||||
final String category;
|
|
||||||
final String time;
|
|
||||||
final List<String> selectedDays;
|
|
||||||
final bool functionOn;
|
|
||||||
|
|
||||||
const ScheduleAddEvent({
|
|
||||||
required this.category,
|
|
||||||
required this.time,
|
|
||||||
required this.selectedDays,
|
|
||||||
required this.functionOn,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [category, time, selectedDays, functionOn];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleEditEvent extends ScheduleEvent {
|
|
||||||
final String scheduleId;
|
|
||||||
final String category;
|
|
||||||
final String time;
|
|
||||||
final List<String> selectedDays;
|
|
||||||
final bool functionOn;
|
|
||||||
|
|
||||||
const ScheduleEditEvent({
|
|
||||||
required this.scheduleId,
|
|
||||||
required this.category,
|
|
||||||
required this.time,
|
|
||||||
required this.selectedDays,
|
|
||||||
required this.functionOn,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [
|
|
||||||
scheduleId,
|
|
||||||
category,
|
|
||||||
time,
|
|
||||||
selectedDays,
|
|
||||||
functionOn,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleDeleteEvent extends ScheduleEvent {
|
|
||||||
final String scheduleId;
|
|
||||||
|
|
||||||
const ScheduleDeleteEvent(this.scheduleId);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [scheduleId];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleUpdateEntryEvent extends ScheduleEvent {
|
|
||||||
final String scheduleId;
|
|
||||||
final bool functionOn;
|
|
||||||
final bool enable;
|
|
||||||
final String category;
|
|
||||||
|
|
||||||
const ScheduleUpdateEntryEvent({
|
|
||||||
required this.scheduleId,
|
|
||||||
required this.functionOn,
|
|
||||||
required this.enable,
|
|
||||||
required this.category,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [scheduleId, functionOn, enable, category];
|
|
||||||
}
|
|
||||||
|
|
||||||
class UpdateScheduleModeEvent extends ScheduleEvent {
|
|
||||||
final ScheduleModes scheduleMode;
|
|
||||||
|
|
||||||
const UpdateScheduleModeEvent({required this.scheduleMode});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [scheduleMode];
|
|
||||||
}
|
|
||||||
|
|
||||||
class UpdateCountdownTimeEvent extends ScheduleEvent {
|
|
||||||
final int hours;
|
|
||||||
final int minutes;
|
|
||||||
|
|
||||||
const UpdateCountdownTimeEvent({
|
|
||||||
required this.hours,
|
|
||||||
required this.minutes,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [hours, minutes];
|
|
||||||
}
|
|
||||||
|
|
||||||
class UpdateInchingTimeEvent extends ScheduleEvent {
|
|
||||||
final int hours;
|
|
||||||
final int minutes;
|
|
||||||
|
|
||||||
const UpdateInchingTimeEvent({
|
|
||||||
required this.hours,
|
|
||||||
required this.minutes,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [hours, minutes];
|
|
||||||
}
|
|
||||||
|
|
||||||
class StartScheduleEvent extends ScheduleEvent {
|
|
||||||
final ScheduleModes mode;
|
|
||||||
final int hours;
|
|
||||||
final int minutes;
|
|
||||||
|
|
||||||
const StartScheduleEvent({
|
|
||||||
required this.mode,
|
|
||||||
required this.hours,
|
|
||||||
required this.minutes,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object?> get props => [mode, hours, minutes];
|
|
||||||
}
|
|
||||||
|
|
||||||
class StopScheduleEvent extends ScheduleEvent {
|
|
||||||
final ScheduleModes mode;
|
|
||||||
final String deviceId;
|
|
||||||
|
|
||||||
const StopScheduleEvent({
|
|
||||||
required this.mode,
|
|
||||||
required this.deviceId,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object?> get props => [mode, deviceId];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleDecrementCountdownEvent extends ScheduleEvent {
|
|
||||||
const ScheduleDecrementCountdownEvent();
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleFetchStatusEvent extends ScheduleEvent {
|
|
||||||
final String deviceId;
|
|
||||||
|
|
||||||
const ScheduleFetchStatusEvent(this.deviceId);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [deviceId];
|
|
||||||
}
|
|
||||||
|
|
||||||
class DeleteScheduleEvent extends ScheduleEvent {
|
|
||||||
final String scheduleId;
|
|
||||||
|
|
||||||
const DeleteScheduleEvent(this.scheduleId);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [scheduleId];
|
|
||||||
}
|
|
||||||
|
|
||||||
class StatusUpdatedScheduleEvent extends ScheduleEvent {
|
|
||||||
final String id;
|
|
||||||
|
|
||||||
const StatusUpdatedScheduleEvent(this.id);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [id];
|
|
||||||
}
|
|
@ -1,109 +0,0 @@
|
|||||||
part of 'schedule_bloc.dart';
|
|
||||||
|
|
||||||
abstract class ScheduleState extends Equatable {
|
|
||||||
const ScheduleState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleInitial extends ScheduleState {
|
|
||||||
@override
|
|
||||||
List<Object> get props => [];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleLoading extends ScheduleState {
|
|
||||||
@override
|
|
||||||
List<Object> get props => [];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleLoaded extends ScheduleState {
|
|
||||||
final List<ScheduleModel> schedules;
|
|
||||||
final TimeOfDay? selectedTime;
|
|
||||||
final List<bool> selectedDays;
|
|
||||||
final bool functionOn;
|
|
||||||
final bool isEditing;
|
|
||||||
final String deviceId;
|
|
||||||
final int countdownHours;
|
|
||||||
final int countdownMinutes;
|
|
||||||
final bool isCountdownActive;
|
|
||||||
final int inchingHours;
|
|
||||||
final int inchingMinutes;
|
|
||||||
final bool isInchingActive;
|
|
||||||
final ScheduleModes scheduleMode;
|
|
||||||
final Duration? countdownRemaining;
|
|
||||||
|
|
||||||
const ScheduleLoaded({
|
|
||||||
required this.schedules,
|
|
||||||
this.selectedTime,
|
|
||||||
required this.selectedDays,
|
|
||||||
required this.functionOn,
|
|
||||||
required this.isEditing,
|
|
||||||
required this.deviceId,
|
|
||||||
this.countdownHours = 0,
|
|
||||||
this.countdownMinutes = 0,
|
|
||||||
this.isCountdownActive = false,
|
|
||||||
this.inchingHours = 0,
|
|
||||||
this.inchingMinutes = 0,
|
|
||||||
this.isInchingActive = false,
|
|
||||||
this.scheduleMode = ScheduleModes.countdown,
|
|
||||||
this.countdownRemaining,
|
|
||||||
});
|
|
||||||
|
|
||||||
ScheduleLoaded copyWith({
|
|
||||||
List<ScheduleModel>? schedules,
|
|
||||||
TimeOfDay? selectedTime,
|
|
||||||
List<bool>? selectedDays,
|
|
||||||
bool? functionOn,
|
|
||||||
bool? isEditing,
|
|
||||||
int? countdownHours,
|
|
||||||
int? countdownMinutes,
|
|
||||||
bool? isCountdownActive,
|
|
||||||
int? inchingHours,
|
|
||||||
int? inchingMinutes,
|
|
||||||
bool? isInchingActive,
|
|
||||||
ScheduleModes? scheduleMode,
|
|
||||||
Duration? countdownRemaining,
|
|
||||||
}) {
|
|
||||||
return ScheduleLoaded(
|
|
||||||
schedules: schedules ?? this.schedules,
|
|
||||||
selectedTime: selectedTime ?? this.selectedTime,
|
|
||||||
selectedDays: selectedDays ?? this.selectedDays,
|
|
||||||
functionOn: functionOn ?? this.functionOn,
|
|
||||||
isEditing: isEditing ?? this.isEditing,
|
|
||||||
deviceId: deviceId,
|
|
||||||
countdownHours: countdownHours ?? this.countdownHours,
|
|
||||||
countdownMinutes: countdownMinutes ?? this.countdownMinutes,
|
|
||||||
isCountdownActive: isCountdownActive ?? this.isCountdownActive,
|
|
||||||
inchingHours: inchingHours ?? this.inchingHours,
|
|
||||||
inchingMinutes: inchingMinutes ?? this.inchingMinutes,
|
|
||||||
isInchingActive: isInchingActive ?? this.isInchingActive,
|
|
||||||
scheduleMode: scheduleMode ?? this.scheduleMode,
|
|
||||||
countdownRemaining: countdownRemaining ?? this.countdownRemaining,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object?> get props => [
|
|
||||||
schedules,
|
|
||||||
selectedTime,
|
|
||||||
selectedDays,
|
|
||||||
functionOn,
|
|
||||||
isEditing,
|
|
||||||
deviceId,
|
|
||||||
countdownHours,
|
|
||||||
countdownMinutes,
|
|
||||||
isCountdownActive,
|
|
||||||
inchingHours,
|
|
||||||
inchingMinutes,
|
|
||||||
isInchingActive,
|
|
||||||
scheduleMode,
|
|
||||||
countdownRemaining,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
class ScheduleError extends ScheduleState {
|
|
||||||
final String error;
|
|
||||||
|
|
||||||
const ScheduleError(this.error);
|
|
||||||
|
|
||||||
@override
|
|
||||||
List<Object> get props => [error];
|
|
||||||
}
|
|
@ -1,185 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
|
||||||
|
|
||||||
class CountdownInchingView extends StatefulWidget {
|
|
||||||
const CountdownInchingView({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<CountdownInchingView> createState() => _CountdownInchingViewState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _CountdownInchingViewState extends State<CountdownInchingView> {
|
|
||||||
late FixedExtentScrollController _hoursController;
|
|
||||||
late FixedExtentScrollController _minutesController;
|
|
||||||
|
|
||||||
int _lastHours = -1;
|
|
||||||
int _lastMinutes = -1;
|
|
||||||
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
super.initState();
|
|
||||||
_hoursController = FixedExtentScrollController();
|
|
||||||
_minutesController = FixedExtentScrollController();
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void dispose() {
|
|
||||||
_hoursController.dispose();
|
|
||||||
_minutesController.dispose();
|
|
||||||
super.dispose();
|
|
||||||
}
|
|
||||||
|
|
||||||
void _updateControllers(int displayHours, int displayMinutes) {
|
|
||||||
if (_lastHours != displayHours) {
|
|
||||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
||||||
if (_hoursController.hasClients) {
|
|
||||||
_hoursController.jumpToItem(displayHours);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
_lastHours = displayHours;
|
|
||||||
}
|
|
||||||
if (_lastMinutes != displayMinutes) {
|
|
||||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
||||||
if (_minutesController.hasClients) {
|
|
||||||
_minutesController.jumpToItem(displayMinutes);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
_lastMinutes = displayMinutes;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return BlocBuilder<ScheduleBloc, ScheduleState>(
|
|
||||||
builder: (context, state) {
|
|
||||||
if (state is! ScheduleLoaded) return const SizedBox.shrink();
|
|
||||||
|
|
||||||
final isCountDown = state.scheduleMode == ScheduleModes.countdown;
|
|
||||||
final isActive =
|
|
||||||
isCountDown ? state.isCountdownActive : state.isInchingActive;
|
|
||||||
final displayHours = isActive && state.countdownRemaining != null
|
|
||||||
? state.countdownRemaining!.inHours
|
|
||||||
: (isCountDown ? state.countdownHours : state.inchingHours);
|
|
||||||
final displayMinutes = isActive && state.countdownRemaining != null
|
|
||||||
? state.countdownRemaining!.inMinutes.remainder(60)
|
|
||||||
: (isCountDown ? state.countdownMinutes : state.inchingMinutes);
|
|
||||||
|
|
||||||
_updateControllers(displayHours, displayMinutes);
|
|
||||||
return Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
isCountDown ? 'Countdown:' : 'Inching:',
|
|
||||||
style: context.textTheme.bodySmall!.copyWith(
|
|
||||||
fontSize: 13,
|
|
||||||
color: ColorsManager.grayColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
Visibility(
|
|
||||||
visible: !isCountDown,
|
|
||||||
child: const Text(
|
|
||||||
'Once enabled this feature, each time the device is turned on, '
|
|
||||||
'it will automatically turn off after a preset time.',
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
_buildPickerColumn(
|
|
||||||
context,
|
|
||||||
'h',
|
|
||||||
displayHours,
|
|
||||||
100,
|
|
||||||
_hoursController,
|
|
||||||
(value) {
|
|
||||||
if (!isActive) {
|
|
||||||
context.read<ScheduleBloc>().add(UpdateCountdownTimeEvent(
|
|
||||||
hours: value, minutes: displayMinutes));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isActive: isActive,
|
|
||||||
),
|
|
||||||
const SizedBox(width: 10),
|
|
||||||
_buildPickerColumn(
|
|
||||||
context,
|
|
||||||
'm',
|
|
||||||
displayMinutes,
|
|
||||||
60,
|
|
||||||
_minutesController,
|
|
||||||
(value) {
|
|
||||||
if (!isActive) {
|
|
||||||
context.read<ScheduleBloc>().add(UpdateCountdownTimeEvent(
|
|
||||||
hours: displayHours, minutes: value));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isActive: isActive,
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildPickerColumn(
|
|
||||||
BuildContext context,
|
|
||||||
String label,
|
|
||||||
int initialValue,
|
|
||||||
int itemCount,
|
|
||||||
FixedExtentScrollController controller,
|
|
||||||
ValueChanged<int> onSelected, {
|
|
||||||
required bool isActive,
|
|
||||||
}) {
|
|
||||||
return Row(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
height: 40,
|
|
||||||
width: 80,
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: ColorsManager.boxColor,
|
|
||||||
borderRadius: BorderRadius.circular(8),
|
|
||||||
),
|
|
||||||
child: ListWheelScrollView.useDelegate(
|
|
||||||
controller: controller,
|
|
||||||
itemExtent: 40.0,
|
|
||||||
physics: isActive
|
|
||||||
? const NeverScrollableScrollPhysics()
|
|
||||||
: const FixedExtentScrollPhysics(),
|
|
||||||
onSelectedItemChanged: isActive ? null : onSelected,
|
|
||||||
childDelegate: ListWheelChildBuilderDelegate(
|
|
||||||
builder: (context, index) {
|
|
||||||
return Center(
|
|
||||||
child: Text(
|
|
||||||
index.toString().padLeft(2, '0'),
|
|
||||||
style: TextStyle(
|
|
||||||
fontSize: 24,
|
|
||||||
color: isActive ? ColorsManager.grayColor : Colors.black,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
childCount: itemCount,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(width: 8),
|
|
||||||
Text(
|
|
||||||
label,
|
|
||||||
style: const TextStyle(
|
|
||||||
color: ColorsManager.grayColor,
|
|
||||||
fontSize: 18,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,110 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/count_down_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/count_down_inching_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/inching_mode_buttons.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_header.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_managment_ui.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_mode_buttons.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_mode_selector.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
|
|
||||||
class BuildScheduleView extends StatelessWidget {
|
|
||||||
const BuildScheduleView(
|
|
||||||
{super.key, required this.deviceUuid, required this.category});
|
|
||||||
final String deviceUuid;
|
|
||||||
final String category;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return BlocProvider(
|
|
||||||
create: (_) => ScheduleBloc(
|
|
||||||
deviceId: deviceUuid,
|
|
||||||
)
|
|
||||||
..add(ScheduleGetEvent(category: category))
|
|
||||||
..add(ScheduleFetchStatusEvent(deviceUuid)),
|
|
||||||
child: Dialog(
|
|
||||||
backgroundColor: Colors.white,
|
|
||||||
insetPadding: const EdgeInsets.all(20),
|
|
||||||
shape: RoundedRectangleBorder(
|
|
||||||
borderRadius: BorderRadius.circular(20),
|
|
||||||
),
|
|
||||||
child: SizedBox(
|
|
||||||
width: 700,
|
|
||||||
child: SingleChildScrollView(
|
|
||||||
child: Padding(
|
|
||||||
padding:
|
|
||||||
const EdgeInsets.symmetric(horizontal: 40.0, vertical: 20),
|
|
||||||
child: BlocBuilder<ScheduleBloc, ScheduleState>(
|
|
||||||
builder: (context, state) {
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
return Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
const ScheduleHeader(),
|
|
||||||
const SizedBox(height: 20),
|
|
||||||
ScheduleModeSelector(
|
|
||||||
currentMode: state.scheduleMode,
|
|
||||||
),
|
|
||||||
const SizedBox(height: 20),
|
|
||||||
if (state.scheduleMode == ScheduleModes.schedule)
|
|
||||||
ScheduleManagementUI(
|
|
||||||
category: category,
|
|
||||||
deviceUuid: deviceUuid,
|
|
||||||
onAddSchedule: () async {
|
|
||||||
final entry = await ScheduleDialogHelper
|
|
||||||
.showAddScheduleDialog(
|
|
||||||
context,
|
|
||||||
schedule: null,
|
|
||||||
isEdit: false,
|
|
||||||
);
|
|
||||||
if (entry != null) {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
ScheduleAddEvent(
|
|
||||||
category: entry.category,
|
|
||||||
time: entry.time,
|
|
||||||
functionOn: entry.function.value,
|
|
||||||
selectedDays: entry.days,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
if (state.scheduleMode == ScheduleModes.countdown ||
|
|
||||||
state.scheduleMode == ScheduleModes.inching)
|
|
||||||
const CountdownInchingView(),
|
|
||||||
const SizedBox(height: 20),
|
|
||||||
if (state.scheduleMode == ScheduleModes.countdown)
|
|
||||||
CountdownModeButtons(
|
|
||||||
isActive: state.isCountdownActive,
|
|
||||||
deviceId: deviceUuid,
|
|
||||||
hours: state.countdownHours,
|
|
||||||
minutes: state.countdownMinutes,
|
|
||||||
),
|
|
||||||
if (state.scheduleMode == ScheduleModes.inching)
|
|
||||||
InchingModeButtons(
|
|
||||||
isActive: state.isInchingActive,
|
|
||||||
deviceId: deviceUuid,
|
|
||||||
hours: state.inchingHours,
|
|
||||||
minutes: state.inchingMinutes,
|
|
||||||
),
|
|
||||||
if (state.scheduleMode != ScheduleModes.countdown &&
|
|
||||||
state.scheduleMode != ScheduleModes.inching)
|
|
||||||
ScheduleModeButtons(
|
|
||||||
onSave: () => Navigator.pop(context),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return const Center(child: CircularProgressIndicator());
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,72 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_svg/flutter_svg.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
|
||||||
|
|
||||||
class ScheduleControlButton extends StatelessWidget {
|
|
||||||
final VoidCallback onTap;
|
|
||||||
final String mainText;
|
|
||||||
final String subtitle;
|
|
||||||
final String iconPath;
|
|
||||||
|
|
||||||
const ScheduleControlButton({
|
|
||||||
super.key,
|
|
||||||
required this.onTap,
|
|
||||||
required this.mainText,
|
|
||||||
required this.subtitle,
|
|
||||||
required this.iconPath,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return GestureDetector(
|
|
||||||
onTap: onTap,
|
|
||||||
child: DeviceControlsContainer(
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
width: 60,
|
|
||||||
height: 60,
|
|
||||||
decoration: const BoxDecoration(
|
|
||||||
shape: BoxShape.circle,
|
|
||||||
color: ColorsManager.whiteColors,
|
|
||||||
),
|
|
||||||
margin: const EdgeInsets.symmetric(horizontal: 4),
|
|
||||||
padding: const EdgeInsets.all(12),
|
|
||||||
child: ClipOval(
|
|
||||||
child: SvgPicture.asset(
|
|
||||||
iconPath,
|
|
||||||
fit: BoxFit.fill,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const Spacer(),
|
|
||||||
Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
mainText,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: Theme.of(context).textTheme.titleMedium!.copyWith(
|
|
||||||
fontWeight: FontWeight.w200,
|
|
||||||
fontSize: 12,
|
|
||||||
color: ColorsManager.blackColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Text(
|
|
||||||
subtitle,
|
|
||||||
textAlign: TextAlign.center,
|
|
||||||
style: Theme.of(context).textTheme.titleMedium!.copyWith(
|
|
||||||
fontWeight: FontWeight.w400,
|
|
||||||
color: ColorsManager.blackColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,87 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
|
||||||
|
|
||||||
class ScheduleModeSelector extends StatelessWidget {
|
|
||||||
final ScheduleModes currentMode;
|
|
||||||
|
|
||||||
const ScheduleModeSelector({
|
|
||||||
super.key,
|
|
||||||
required this.currentMode,
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final currentMode = context.select<ScheduleBloc, ScheduleModes>(
|
|
||||||
(bloc) => bloc.state is ScheduleLoaded &&
|
|
||||||
(bloc.state as ScheduleLoaded).scheduleMode != null
|
|
||||||
? (bloc.state as ScheduleLoaded).scheduleMode
|
|
||||||
: ScheduleModes.schedule,
|
|
||||||
);
|
|
||||||
return Column(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
'Type:',
|
|
||||||
style: context.textTheme.bodySmall!.copyWith(
|
|
||||||
fontSize: 13,
|
|
||||||
color: ColorsManager.grayColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 4),
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
||||||
children: [
|
|
||||||
_buildRadioTile(
|
|
||||||
context, 'Countdown', ScheduleModes.countdown, currentMode),
|
|
||||||
_buildRadioTile(
|
|
||||||
context, 'Schedule', ScheduleModes.schedule, currentMode),
|
|
||||||
// _buildRadioTile(
|
|
||||||
// context, 'Circulate', ScheduleModes.circulate, currentMode),
|
|
||||||
// _buildRadioTile(
|
|
||||||
// context, 'Inching', ScheduleModes.inching, currentMode),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildRadioTile(
|
|
||||||
BuildContext context,
|
|
||||||
String label,
|
|
||||||
ScheduleModes mode,
|
|
||||||
ScheduleModes currentMode,
|
|
||||||
) {
|
|
||||||
return Flexible(
|
|
||||||
child: ListTile(
|
|
||||||
contentPadding: EdgeInsets.zero,
|
|
||||||
title: Text(
|
|
||||||
label,
|
|
||||||
style: context.textTheme.bodySmall!.copyWith(
|
|
||||||
fontSize: 13,
|
|
||||||
color: ColorsManager.blackColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
leading: Radio<ScheduleModes>(
|
|
||||||
value: mode,
|
|
||||||
groupValue: currentMode,
|
|
||||||
onChanged: (ScheduleModes? value) {
|
|
||||||
if (value != null) {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
UpdateScheduleModeEvent(scheduleMode: value),
|
|
||||||
);
|
|
||||||
if (value == ScheduleModes.schedule) {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
const ScheduleGetEvent(category: 'switch_1'),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,283 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:flutter_svg/svg.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
|
||||||
import 'package:syncrow_web/utils/format_date_time.dart';
|
|
||||||
|
|
||||||
class ScheduleTableWidget extends StatelessWidget {
|
|
||||||
final String deviceUuid;
|
|
||||||
final String category;
|
|
||||||
|
|
||||||
const ScheduleTableWidget({
|
|
||||||
super.key,
|
|
||||||
required this.deviceUuid,
|
|
||||||
this.category = 'switch_1',
|
|
||||||
});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return BlocProvider(
|
|
||||||
create: (_) => ScheduleBloc(
|
|
||||||
deviceId: deviceUuid,
|
|
||||||
)..add(ScheduleGetEvent(category: category)),
|
|
||||||
child: _ScheduleTableView(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class _ScheduleTableView extends StatelessWidget {
|
|
||||||
const _ScheduleTableView();
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Column(
|
|
||||||
children: [
|
|
||||||
Table(
|
|
||||||
border: TableBorder.all(
|
|
||||||
color: ColorsManager.graysColor,
|
|
||||||
borderRadius: const BorderRadius.only(
|
|
||||||
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
|
||||||
),
|
|
||||||
children: [
|
|
||||||
TableRow(
|
|
||||||
decoration: const BoxDecoration(
|
|
||||||
color: ColorsManager.boxColor,
|
|
||||||
borderRadius: BorderRadius.only(
|
|
||||||
topLeft: Radius.circular(20),
|
|
||||||
topRight: Radius.circular(20),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
children: [
|
|
||||||
_buildTableHeader('Active'),
|
|
||||||
_buildTableHeader('Days'),
|
|
||||||
_buildTableHeader('Time'),
|
|
||||||
_buildTableHeader('Function'),
|
|
||||||
_buildTableHeader('Action'),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
BlocBuilder<ScheduleBloc, ScheduleState>(
|
|
||||||
builder: (context, state) {
|
|
||||||
if (state is ScheduleLoading) {
|
|
||||||
return const SizedBox(
|
|
||||||
height: 200,
|
|
||||||
child: Center(child: CircularProgressIndicator()));
|
|
||||||
}
|
|
||||||
if (state is ScheduleLoaded && state.schedules.isEmpty) {
|
|
||||||
return _buildEmptyState(context);
|
|
||||||
}
|
|
||||||
if (state is ScheduleLoaded) {
|
|
||||||
return Container(
|
|
||||||
height: 200,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
border: Border.all(color: ColorsManager.graysColor),
|
|
||||||
borderRadius: const BorderRadius.only(
|
|
||||||
bottomLeft: Radius.circular(20),
|
|
||||||
bottomRight: Radius.circular(20)),
|
|
||||||
),
|
|
||||||
child: _buildTableBody(state.schedules, context));
|
|
||||||
}
|
|
||||||
if (state is ScheduleError) {
|
|
||||||
return Center(child: Text(state.error));
|
|
||||||
}
|
|
||||||
return const SizedBox(height: 200);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildEmptyState(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
height: 200,
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
border: Border.all(color: ColorsManager.graysColor),
|
|
||||||
borderRadius: const BorderRadius.only(
|
|
||||||
bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
|
|
||||||
),
|
|
||||||
child: Center(
|
|
||||||
child: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
SvgPicture.asset(Assets.emptyRecords, width: 40, height: 40),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.all(8.0),
|
|
||||||
child: Text(
|
|
||||||
'No schedules added yet',
|
|
||||||
style: Theme.of(context).textTheme.bodySmall!.copyWith(
|
|
||||||
fontSize: 13,
|
|
||||||
color: ColorsManager.grayColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildTableBody(List<ScheduleModel> schedules, BuildContext context) {
|
|
||||||
return SizedBox(
|
|
||||||
height: 200,
|
|
||||||
child: SingleChildScrollView(
|
|
||||||
child: Table(
|
|
||||||
border: TableBorder.all(color: ColorsManager.graysColor),
|
|
||||||
defaultVerticalAlignment: TableCellVerticalAlignment.middle,
|
|
||||||
children: [
|
|
||||||
for (int i = 0; i < schedules.length; i++)
|
|
||||||
_buildScheduleRow(schedules[i], i, context),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget _buildTableHeader(String label) {
|
|
||||||
return TableCell(
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.all(12),
|
|
||||||
child: Text(
|
|
||||||
label,
|
|
||||||
style: const TextStyle(
|
|
||||||
fontSize: 13,
|
|
||||||
color: ColorsManager.grayColor,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
TableRow _buildScheduleRow(
|
|
||||||
ScheduleModel schedule, int index, BuildContext context) {
|
|
||||||
return TableRow(
|
|
||||||
children: [
|
|
||||||
Center(
|
|
||||||
child: GestureDetector(
|
|
||||||
behavior: HitTestBehavior.opaque,
|
|
||||||
onTap: () {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
ScheduleUpdateEntryEvent(
|
|
||||||
category: schedule.category,
|
|
||||||
scheduleId: schedule.scheduleId,
|
|
||||||
functionOn: schedule.function.value,
|
|
||||||
enable: !schedule.enable,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
child: Center(
|
|
||||||
child: SizedBox(
|
|
||||||
width: 24,
|
|
||||||
height: 24,
|
|
||||||
child: schedule.enable
|
|
||||||
? const Icon(Icons.radio_button_checked,
|
|
||||||
color: ColorsManager.blueColor)
|
|
||||||
: const Icon(Icons.radio_button_unchecked,
|
|
||||||
color: ColorsManager.grayColor),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Center(
|
|
||||||
child: Text(_getSelectedDays(
|
|
||||||
ScheduleModel.parseSelectedDays(schedule.days)))),
|
|
||||||
Center(child: Text(formatIsoStringToTime(schedule.time, context))),
|
|
||||||
Center(child: Text(schedule.function.value ? 'On' : 'Off')),
|
|
||||||
Center(
|
|
||||||
child: Wrap(
|
|
||||||
runAlignment: WrapAlignment.center,
|
|
||||||
children: [
|
|
||||||
TextButton(
|
|
||||||
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
|
||||||
onPressed: () {
|
|
||||||
ScheduleDialogHelper.showAddScheduleDialog(
|
|
||||||
context,
|
|
||||||
schedule: ScheduleEntry.fromScheduleModel(schedule),
|
|
||||||
isEdit: true,
|
|
||||||
).then((updatedSchedule) {
|
|
||||||
if (updatedSchedule != null) {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
ScheduleEditEvent(
|
|
||||||
scheduleId: schedule.scheduleId,
|
|
||||||
category: schedule.category,
|
|
||||||
time: updatedSchedule.time,
|
|
||||||
functionOn: updatedSchedule.function.value,
|
|
||||||
selectedDays: updatedSchedule.days),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
child: Text(
|
|
||||||
'Edit',
|
|
||||||
style: Theme.of(context)
|
|
||||||
.textTheme
|
|
||||||
.bodySmall!
|
|
||||||
.copyWith(color: ColorsManager.blueColor),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
TextButton(
|
|
||||||
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
|
||||||
onPressed: () async {
|
|
||||||
final confirmed = await showDialog<bool>(
|
|
||||||
context: context,
|
|
||||||
builder: (BuildContext dialogContext) {
|
|
||||||
return AlertDialog(
|
|
||||||
title: const Text('Confirm Delete'),
|
|
||||||
content: const Text(
|
|
||||||
'Are you sure you want to delete this schedule?'),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () =>
|
|
||||||
Navigator.of(dialogContext).pop(false),
|
|
||||||
child: Text('Cancel'),
|
|
||||||
),
|
|
||||||
TextButton(
|
|
||||||
onPressed: () =>
|
|
||||||
Navigator.of(dialogContext).pop(true),
|
|
||||||
child: const Text(
|
|
||||||
'Delete',
|
|
||||||
style: TextStyle(color: Colors.red),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
if (confirmed == true) {
|
|
||||||
context.read<ScheduleBloc>().add(
|
|
||||||
ScheduleDeleteEvent(schedule.scheduleId),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
child: Text(
|
|
||||||
'Delete',
|
|
||||||
style: Theme.of(context)
|
|
||||||
.textTheme
|
|
||||||
.bodySmall!
|
|
||||||
.copyWith(color: ColorsManager.blueColor),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
String _getSelectedDays(List<bool> selectedDays) {
|
|
||||||
const days = ScheduleDialogHelper.allDays;
|
|
||||||
return selectedDays
|
|
||||||
.asMap()
|
|
||||||
.entries
|
|
||||||
.where((entry) => entry.value)
|
|
||||||
.map((entry) => days[entry.key])
|
|
||||||
.join(', ');
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,16 +1,14 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/bloc/three_gang_glass_switch_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/bloc/three_gang_glass_switch_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/factories/three_gang_glass_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/three_g_glass_switch/factories/three_gang_glass_switch_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
import '../models/three_gang_glass_switch.dart';
|
import '../models/three_gang_glass_switch.dart';
|
||||||
|
|
||||||
class ThreeGangGlassSwitchControlView extends StatelessWidget
|
class ThreeGangGlassSwitchControlView extends StatelessWidget with HelperResponsiveLayout {
|
||||||
with HelperResponsiveLayout {
|
|
||||||
final String deviceId;
|
final String deviceId;
|
||||||
|
|
||||||
const ThreeGangGlassSwitchControlView({required this.deviceId, super.key});
|
const ThreeGangGlassSwitchControlView({required this.deviceId, super.key});
|
||||||
@ -19,8 +17,7 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
|
|||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocProvider(
|
return BlocProvider(
|
||||||
create: (context) =>
|
create: (context) =>
|
||||||
ThreeGangGlassSwitchBlocFactory.create(deviceId: deviceId)
|
ThreeGangGlassSwitchBlocFactory.create(deviceId: deviceId)..add(ThreeGangGlassSwitchFetchDeviceEvent(deviceId)),
|
||||||
..add(ThreeGangGlassSwitchFetchDeviceEvent(deviceId)),
|
|
||||||
child: BlocBuilder<ThreeGangGlassSwitchBloc, ThreeGangGlassSwitchState>(
|
child: BlocBuilder<ThreeGangGlassSwitchBloc, ThreeGangGlassSwitchState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
if (state is ThreeGangGlassSwitchLoading) {
|
if (state is ThreeGangGlassSwitchLoading) {
|
||||||
@ -37,8 +34,7 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget _buildStatusControls(
|
Widget _buildStatusControls(BuildContext context, ThreeGangGlassStatusModel status) {
|
||||||
BuildContext context, ThreeGangGlassStatusModel status) {
|
|
||||||
final isExtraLarge = isExtraLargeScreenSize(context);
|
final isExtraLarge = isExtraLargeScreenSize(context);
|
||||||
final isLarge = isLargeScreenSize(context);
|
final isLarge = isLargeScreenSize(context);
|
||||||
final isMedium = isMediumScreenSize(context);
|
final isMedium = isMediumScreenSize(context);
|
||||||
@ -102,54 +98,6 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_1',
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Wall Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_2',
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Ceiling Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<ThreeGangGlassSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_3',
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'SpotLight',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ToggleWidget(
|
ToggleWidget(
|
||||||
value: false,
|
value: false,
|
||||||
code: '',
|
code: '',
|
||||||
@ -159,6 +107,15 @@ class ThreeGangGlassSwitchControlView extends StatelessWidget
|
|||||||
onChange: (value) {},
|
onChange: (value) {},
|
||||||
showToggle: false,
|
showToggle: false,
|
||||||
),
|
),
|
||||||
|
ToggleWidget(
|
||||||
|
value: false,
|
||||||
|
code: '',
|
||||||
|
deviceId: deviceId,
|
||||||
|
label: 'Scheduling',
|
||||||
|
icon: Assets.scheduling,
|
||||||
|
onChange: (value) {},
|
||||||
|
showToggle: false,
|
||||||
|
),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,12 +1,9 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/three_gang_switch/bloc/living_room_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/three_gang_switch/bloc/living_room_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/three_gang_switch/factories/living_room_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/three_gang_switch/factories/living_room_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/three_gang_switch/models/living_room_model.dart';
|
import 'package:syncrow_web/pages/device_managment/three_gang_switch/models/living_room_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
class LivingRoomDeviceControlsView extends StatelessWidget
|
class LivingRoomDeviceControlsView extends StatelessWidget
|
||||||
@ -93,54 +90,6 @@ class LivingRoomDeviceControlsView extends StatelessWidget
|
|||||||
);
|
);
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<LivingRoomBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_1',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Wall Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<LivingRoomBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_2',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Ceiling Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<LivingRoomBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_3',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Spotlight',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,5 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/bloc/two_gang_glass_switch_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/bloc/two_gang_glass_switch_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/factories/two_gang_glass_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/two_g_glass_switch/factories/two_gang_glass_switch_bloc_factory.dart';
|
||||||
@ -18,9 +16,8 @@ class TwoGangGlassSwitchControlView extends StatelessWidget
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocProvider(
|
return BlocProvider(
|
||||||
create: (context) =>
|
create: (context) => TwoGangGlassSwitchBlocFactory.create(deviceId: deviceId)
|
||||||
TwoGangGlassSwitchBlocFactory.create(deviceId: deviceId)
|
..add(TwoGangGlassSwitchFetchDeviceEvent(deviceId)),
|
||||||
..add(TwoGangGlassSwitchFetchDeviceEvent(deviceId)),
|
|
||||||
child: BlocBuilder<TwoGangGlassSwitchBloc, TwoGangGlassSwitchState>(
|
child: BlocBuilder<TwoGangGlassSwitchBloc, TwoGangGlassSwitchState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
if (state is TwoGangGlassSwitchLoading) {
|
if (state is TwoGangGlassSwitchLoading) {
|
||||||
@ -95,37 +92,14 @@ class TwoGangGlassSwitchControlView extends StatelessWidget
|
|||||||
onChange: (value) {},
|
onChange: (value) {},
|
||||||
showToggle: false,
|
showToggle: false,
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
ToggleWidget(
|
||||||
onTap: () {
|
value: false,
|
||||||
showDialog<void>(
|
code: '',
|
||||||
context: context,
|
deviceId: deviceId,
|
||||||
builder: (ctx) => BlocProvider.value(
|
label: 'Scheduling',
|
||||||
value: BlocProvider.of<TwoGangGlassSwitchBloc>(context),
|
icon: Assets.scheduling,
|
||||||
child: BuildScheduleView(
|
onChange: (value) {},
|
||||||
deviceUuid: deviceId,
|
showToggle: false,
|
||||||
category: 'switch_1',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Wall Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<TwoGangGlassSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_2',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Ceiling Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
@ -1,8 +1,6 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/factory_reset_model.dart';
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/factory_reset_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/batch_control/factory_reset.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/batch_control/factory_reset.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
|
||||||
@ -10,11 +8,9 @@ import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang
|
|||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
class TwoGangBatchControlView extends StatelessWidget
|
class TwoGangBatchControlView extends StatelessWidget with HelperResponsiveLayout {
|
||||||
with HelperResponsiveLayout {
|
|
||||||
const TwoGangBatchControlView({super.key, required this.deviceIds});
|
const TwoGangBatchControlView({super.key, required this.deviceIds});
|
||||||
|
|
||||||
final List<String> deviceIds;
|
final List<String> deviceIds;
|
||||||
@ -22,17 +18,15 @@ class TwoGangBatchControlView extends StatelessWidget
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return BlocProvider(
|
return BlocProvider(
|
||||||
create: (context) =>
|
create: (context) => TwoGangSwitchBlocFactory.create(deviceId: deviceIds.first)
|
||||||
TwoGangSwitchBlocFactory.create(deviceId: deviceIds.first)
|
..add(TwoGangSwitchFetchBatchEvent(deviceIds)),
|
||||||
..add(TwoGangSwitchFetchBatchEvent(deviceIds)),
|
|
||||||
child: BlocBuilder<TwoGangSwitchBloc, TwoGangSwitchState>(
|
child: BlocBuilder<TwoGangSwitchBloc, TwoGangSwitchState>(
|
||||||
builder: (context, state) {
|
builder: (context, state) {
|
||||||
if (state is TwoGangSwitchLoading) {
|
if (state is TwoGangSwitchLoading) {
|
||||||
return const Center(child: CircularProgressIndicator());
|
return const Center(child: CircularProgressIndicator());
|
||||||
} else if (state is TwoGangSwitchStatusLoaded) {
|
} else if (state is TwoGangSwitchStatusLoaded) {
|
||||||
return _buildStatusControls(context, state.status);
|
return _buildStatusControls(context, state.status);
|
||||||
} else if (state is TwoGangSwitchError ||
|
} else if (state is TwoGangSwitchError || state is TwoGangSwitchControlError) {
|
||||||
state is TwoGangSwitchControlError) {
|
|
||||||
return const Center(child: Text('Error fetching status'));
|
return const Center(child: Text('Error fetching status'));
|
||||||
} else {
|
} else {
|
||||||
return const Center(child: CircularProgressIndicator());
|
return const Center(child: CircularProgressIndicator());
|
||||||
@ -88,39 +82,6 @@ class TwoGangBatchControlView extends StatelessWidget
|
|||||||
));
|
));
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<TwoGangSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_1',
|
|
||||||
deviceUuid: deviceIds.first,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Wall Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
|
|
||||||
ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value: BlocProvider.of<TwoGangSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
category: 'switch_2',
|
|
||||||
deviceUuid: deviceIds.first,
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Ceiling Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
// FirmwareUpdateWidget(
|
// FirmwareUpdateWidget(
|
||||||
// deviceId: deviceIds.first,
|
// deviceId: deviceIds.first,
|
||||||
// version: 12,
|
// version: 12,
|
||||||
|
@ -1,14 +1,11 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_event.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_event.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/bloc/two_gang_switch_state.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/factories/two_gang_switch_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
|
import 'package:syncrow_web/pages/device_managment/two_gang_switch/models/two_gang_status_model.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
|
||||||
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
|
||||||
|
|
||||||
class TwoGangDeviceControlView extends StatelessWidget
|
class TwoGangDeviceControlView extends StatelessWidget
|
||||||
@ -40,101 +37,43 @@ class TwoGangDeviceControlView extends StatelessWidget
|
|||||||
|
|
||||||
Widget _buildStatusControls(BuildContext context, TwoGangStatusModel status) {
|
Widget _buildStatusControls(BuildContext context, TwoGangStatusModel status) {
|
||||||
return Center(
|
return Center(
|
||||||
child: Column(
|
child: Wrap(
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
alignment: WrapAlignment.center,
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
spacing: 12,
|
||||||
|
runSpacing: 12,
|
||||||
children: [
|
children: [
|
||||||
Row(
|
SizedBox(
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
width: 200,
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
child: ToggleWidget(
|
||||||
children: [
|
value: status.switch1,
|
||||||
SizedBox(
|
code: 'switch_1',
|
||||||
width: 200,
|
deviceId: deviceId,
|
||||||
height: 150,
|
label: 'Wall Light',
|
||||||
child: ToggleWidget(
|
onChange: (value) {
|
||||||
value: status.switch1,
|
context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
|
||||||
code: 'switch_1',
|
deviceId: deviceId,
|
||||||
deviceId: deviceId,
|
code: 'switch_1',
|
||||||
label: 'Wall Light',
|
value: value,
|
||||||
onChange: (value) {
|
));
|
||||||
context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
|
},
|
||||||
deviceId: deviceId,
|
),
|
||||||
code: 'switch_1',
|
),
|
||||||
value: value,
|
SizedBox(
|
||||||
));
|
width: 200,
|
||||||
},
|
child: ToggleWidget(
|
||||||
),
|
value: status.switch2,
|
||||||
),
|
code: 'switch_2',
|
||||||
const SizedBox(width: 10),
|
deviceId: deviceId,
|
||||||
SizedBox(
|
label: 'Ceiling Light',
|
||||||
width: 200,
|
onChange: (value) {
|
||||||
height: 150,
|
context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
|
||||||
child: ToggleWidget(
|
deviceId: deviceId,
|
||||||
value: status.switch2,
|
code: 'switch_2',
|
||||||
code: 'switch_2',
|
value: value,
|
||||||
deviceId: deviceId,
|
));
|
||||||
label: 'Ceiling Light',
|
},
|
||||||
onChange: (value) {
|
),
|
||||||
context.read<TwoGangSwitchBloc>().add(TwoGangSwitchControl(
|
|
||||||
deviceId: deviceId,
|
|
||||||
code: 'switch_2',
|
|
||||||
value: value,
|
|
||||||
));
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
const SizedBox(height: 20),
|
|
||||||
Row(
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
children: [
|
|
||||||
SizedBox(
|
|
||||||
width: 200,
|
|
||||||
height: 150,
|
|
||||||
child: ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value:
|
|
||||||
BlocProvider.of<TwoGangSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_1',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Wall Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(width: 10),
|
|
||||||
SizedBox(
|
|
||||||
width: 200,
|
|
||||||
height: 150,
|
|
||||||
child: ScheduleControlButton(
|
|
||||||
onTap: () {
|
|
||||||
showDialog<void>(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => BlocProvider.value(
|
|
||||||
value:
|
|
||||||
BlocProvider.of<TwoGangSwitchBloc>(context),
|
|
||||||
child: BuildScheduleView(
|
|
||||||
deviceUuid: deviceId,
|
|
||||||
category: 'switch_2',
|
|
||||||
),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
mainText: 'Ceiling Light',
|
|
||||||
subtitle: 'Scheduling',
|
|
||||||
iconPath: Assets.scheduling,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
)
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
@ -1,210 +1,240 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_entry.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
class ScheduleDialogHelper {
|
class ScheduleDialogHelper {
|
||||||
static const List<String> allDays = [
|
static void showAddScheduleDialog(BuildContext context, {ScheduleModel? schedule, int? index, bool? isEdit}) {
|
||||||
'Sun',
|
final bloc = context.read<WaterHeaterBloc>();
|
||||||
'Mon',
|
|
||||||
'Tue',
|
|
||||||
'Wed',
|
|
||||||
'Thu',
|
|
||||||
'Fri',
|
|
||||||
'Sat'
|
|
||||||
];
|
|
||||||
|
|
||||||
static Future<ScheduleEntry?> showAddScheduleDialog(
|
if (schedule == null) {
|
||||||
BuildContext context, {
|
bloc.add((const UpdateSelectedTimeEvent(null)));
|
||||||
ScheduleEntry? schedule,
|
bloc.add(InitializeAddScheduleEvent(
|
||||||
bool isEdit = false,
|
selectedTime: null,
|
||||||
}) {
|
selectedDays: List.filled(7, false),
|
||||||
final initialTime = schedule != null
|
functionOn: false,
|
||||||
? _convertStringToTimeOfDay(schedule.time)
|
isEditing: false,
|
||||||
: TimeOfDay.now();
|
));
|
||||||
final initialDays = schedule != null
|
} else {
|
||||||
? _convertDaysStringToBooleans(schedule.days)
|
final time = _convertStringToTimeOfDay(schedule.time);
|
||||||
: List.filled(7, false);
|
final selectedDays = _convertDaysStringToBooleans(schedule.days);
|
||||||
bool? functionOn = schedule?.function.value ?? true;
|
|
||||||
TimeOfDay selectedTime = initialTime;
|
|
||||||
List<bool> selectedDays = List.of(initialDays);
|
|
||||||
|
|
||||||
return showDialog<ScheduleEntry>(
|
bloc.add(InitializeAddScheduleEvent(
|
||||||
|
selectedTime: time,
|
||||||
|
selectedDays: selectedDays,
|
||||||
|
functionOn: schedule.function.value,
|
||||||
|
isEditing: true,
|
||||||
|
index: index,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
builder: (ctx) {
|
builder: (ctx) {
|
||||||
return StatefulBuilder(
|
return BlocProvider.value(
|
||||||
builder: (ctx, setState) {
|
value: bloc,
|
||||||
return AlertDialog(
|
child: BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
|
||||||
shape: RoundedRectangleBorder(
|
builder: (context, state) {
|
||||||
borderRadius: BorderRadius.circular(20),
|
if (state is WaterHeaterDeviceStatusLoaded) {
|
||||||
),
|
return AlertDialog(
|
||||||
content: Column(
|
shape: RoundedRectangleBorder(
|
||||||
mainAxisSize: MainAxisSize.min,
|
borderRadius: BorderRadius.circular(20),
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
||||||
children: [
|
|
||||||
const SizedBox(),
|
|
||||||
Text(
|
|
||||||
isEdit ? 'Edit Schedule' : 'Add Schedule',
|
|
||||||
style: Theme.of(context).textTheme.titleLarge!.copyWith(
|
|
||||||
color: Colors.blue,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
const SizedBox(height: 24),
|
content: Column(
|
||||||
SizedBox(
|
mainAxisSize: MainAxisSize.min,
|
||||||
width: 150,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
height: 40,
|
children: [
|
||||||
child: ElevatedButton(
|
Row(
|
||||||
style: ElevatedButton.styleFrom(
|
|
||||||
backgroundColor: Colors.grey[200],
|
|
||||||
shape: RoundedRectangleBorder(
|
|
||||||
borderRadius: BorderRadius.circular(15),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
onPressed: () async {
|
|
||||||
TimeOfDay? time = await showTimePicker(
|
|
||||||
context: ctx,
|
|
||||||
initialTime: selectedTime,
|
|
||||||
);
|
|
||||||
if (time != null) {
|
|
||||||
setState(() => selectedTime = time);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
child: Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: [
|
children: [
|
||||||
|
const SizedBox(),
|
||||||
Text(
|
Text(
|
||||||
selectedTime.format(context),
|
'Scheduling',
|
||||||
style: Theme.of(context)
|
style: context.textTheme.titleLarge!.copyWith(
|
||||||
.textTheme
|
color: ColorsManager.dialogBlueTitle,
|
||||||
.bodySmall!
|
fontWeight: FontWeight.bold,
|
||||||
.copyWith(color: Colors.grey),
|
),
|
||||||
),
|
),
|
||||||
const Icon(Icons.access_time,
|
const SizedBox(),
|
||||||
color: Colors.grey, size: 18),
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
SizedBox(
|
||||||
|
width: 150,
|
||||||
|
height: 40,
|
||||||
|
child: DefaultButton(
|
||||||
|
padding: 8,
|
||||||
|
backgroundColor: ColorsManager.boxColor,
|
||||||
|
borderRadius: 15,
|
||||||
|
onPressed: () async {
|
||||||
|
TimeOfDay? time = await showTimePicker(
|
||||||
|
context: context,
|
||||||
|
initialTime: state.selectedTime ?? TimeOfDay.now(),
|
||||||
|
builder: (context, child) {
|
||||||
|
return Theme(
|
||||||
|
data: Theme.of(context).copyWith(
|
||||||
|
colorScheme: const ColorScheme.light(
|
||||||
|
primary: ColorsManager.primaryColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: child!,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (time != null) {
|
||||||
|
bloc.add(UpdateSelectedTimeEvent(time));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
state.selectedTime == null ? 'Time' : state.selectedTime!.format(context),
|
||||||
|
style: context.textTheme.bodySmall!.copyWith(
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Icon(
|
||||||
|
Icons.access_time,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
size: 18,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_buildDayCheckboxes(context, state.selectedDays, isEdit: isEdit),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_buildFunctionSwitch(context, state.functionOn, isEdit),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
SizedBox(
|
||||||
|
width: 200,
|
||||||
|
child: DefaultButton(
|
||||||
|
height: 40,
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
backgroundColor: ColorsManager.boxColor,
|
||||||
|
child: Text(
|
||||||
|
'Cancel',
|
||||||
|
style: context.textTheme.bodyMedium,
|
||||||
|
),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
SizedBox(
|
||||||
const SizedBox(height: 16),
|
width: 200,
|
||||||
_buildDayCheckboxes(ctx, selectedDays, (i, v) {
|
child: DefaultButton(
|
||||||
setState(() => selectedDays[i] = v);
|
height: 40,
|
||||||
}),
|
onPressed: () {
|
||||||
const SizedBox(height: 16),
|
if (state.selectedTime != null) {
|
||||||
_buildFunctionSwitch(ctx, functionOn!, (v) {
|
if (state.isEditing && index != null) {
|
||||||
setState(() => functionOn = v);
|
bloc.add(EditWaterHeaterScheduleEvent(
|
||||||
}),
|
scheduleId: schedule?.scheduleId ?? '',
|
||||||
],
|
category: 'switch_1',
|
||||||
),
|
time: state.selectedTime!,
|
||||||
actions: [
|
selectedDays: state.selectedDays,
|
||||||
SizedBox(
|
functionOn: state.functionOn,
|
||||||
width: 100,
|
));
|
||||||
child: OutlinedButton(
|
} else {
|
||||||
onPressed: () {
|
bloc.add(AddScheduleEvent(
|
||||||
Navigator.pop(ctx, null);
|
category: 'switch_1',
|
||||||
},
|
time: state.selectedTime!,
|
||||||
child: const Text('Cancel'),
|
selectedDays: state.selectedDays,
|
||||||
),
|
functionOn: state.functionOn,
|
||||||
),
|
));
|
||||||
SizedBox(
|
}
|
||||||
width: 100,
|
Navigator.pop(context);
|
||||||
child: ElevatedButton(
|
}
|
||||||
onPressed: () {
|
},
|
||||||
final entry = ScheduleEntry(
|
backgroundColor: ColorsManager.primaryColor,
|
||||||
category: schedule?.category ?? 'switch_1',
|
child: const Text('Save'),
|
||||||
time: _formatTimeOfDayToISO(selectedTime),
|
),
|
||||||
function: Status(code: 'switch_1', value: functionOn),
|
),
|
||||||
days: _convertSelectedDaysToStrings(selectedDays),
|
],
|
||||||
scheduleId: schedule?.scheduleId,
|
);
|
||||||
);
|
}
|
||||||
Navigator.pop(ctx, entry);
|
return const SizedBox();
|
||||||
},
|
},
|
||||||
child: const Text('Save'),
|
),
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
},
|
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
static TimeOfDay _convertStringToTimeOfDay(String iso) {
|
static TimeOfDay _convertStringToTimeOfDay(String timeString) {
|
||||||
final dt = DateTime.tryParse(iso);
|
final regex = RegExp(r'^(\d{2}):(\d{2})$');
|
||||||
if (dt != null) return TimeOfDay(hour: dt.hour, minute: dt.minute);
|
final match = regex.firstMatch(timeString);
|
||||||
return const TimeOfDay(hour: 9, minute: 0);
|
if (match != null) {
|
||||||
|
final hour = int.parse(match.group(1)!);
|
||||||
|
final minute = int.parse(match.group(2)!);
|
||||||
|
return TimeOfDay(hour: hour, minute: minute);
|
||||||
|
} else {
|
||||||
|
throw const FormatException('Invalid time format');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
static List<bool> _convertDaysStringToBooleans(List<String> selectedDays) {
|
static List<bool> _convertDaysStringToBooleans(List<String> selectedDays) {
|
||||||
final daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
final daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
||||||
return daysOfWeek
|
List<bool> daysBoolean = List.filled(7, false);
|
||||||
.map((d) =>
|
|
||||||
selectedDays.map((e) => e.toLowerCase()).contains(d.toLowerCase()))
|
|
||||||
.toList();
|
|
||||||
}
|
|
||||||
|
|
||||||
static String _formatTimeOfDayToISO(TimeOfDay t) {
|
for (int i = 0; i < daysOfWeek.length; i++) {
|
||||||
final now = DateTime.now();
|
if (selectedDays.contains(daysOfWeek[i])) {
|
||||||
final dt = DateTime(now.year, now.month, now.day, t.hour, t.minute);
|
daysBoolean[i] = true;
|
||||||
return dt.toIso8601String();
|
}
|
||||||
}
|
|
||||||
|
|
||||||
static List<String> _convertSelectedDaysToStrings(List<bool> selectedDays) {
|
|
||||||
const allDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
||||||
List<String> result = [];
|
|
||||||
for (int i = 0; i < selectedDays.length; i++) {
|
|
||||||
if (selectedDays[i]) result.add(allDays[i]);
|
|
||||||
}
|
}
|
||||||
return result;
|
|
||||||
|
return daysBoolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
static Widget _buildDayCheckboxes(BuildContext ctx, List<bool> selectedDays,
|
static Widget _buildDayCheckboxes(BuildContext context, List<bool> selectedDays, {bool? isEdit}) {
|
||||||
Function(int, bool) onChanged) {
|
|
||||||
final dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
final dayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
||||||
|
|
||||||
return Row(
|
return Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
children: List.generate(7, (index) {
|
||||||
children: List.generate(
|
return Row(
|
||||||
7,
|
|
||||||
(index) => Row(
|
|
||||||
children: [
|
children: [
|
||||||
Checkbox(
|
Checkbox(
|
||||||
value: selectedDays[index],
|
value: selectedDays[index],
|
||||||
onChanged: (val) => onChanged(index, val!),
|
onChanged: (bool? value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateSelectedDayEvent(index, value!));
|
||||||
|
},
|
||||||
),
|
),
|
||||||
Text(dayLabels[index]),
|
Text(dayLabels[index]),
|
||||||
],
|
],
|
||||||
),
|
);
|
||||||
),
|
}),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
static Widget _buildFunctionSwitch(
|
static Widget _buildFunctionSwitch(BuildContext context, bool isOn, bool? isEdit) {
|
||||||
BuildContext ctx, bool isOn, Function(bool) onChanged) {
|
|
||||||
return Row(
|
return Row(
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Text(
|
||||||
'Function:',
|
'Function:',
|
||||||
style:
|
style: context.textTheme.bodySmall!.copyWith(color: ColorsManager.grayColor),
|
||||||
Theme.of(ctx).textTheme.bodySmall!.copyWith(color: Colors.grey),
|
|
||||||
),
|
),
|
||||||
const SizedBox(width: 10),
|
const SizedBox(width: 10),
|
||||||
Radio<bool>(
|
Radio<bool>(
|
||||||
value: true,
|
value: true,
|
||||||
groupValue: isOn,
|
groupValue: isOn,
|
||||||
onChanged: (val) => onChanged(true),
|
onChanged: (bool? value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(const UpdateFunctionOnEvent(true));
|
||||||
|
},
|
||||||
),
|
),
|
||||||
const Text('On'),
|
const Text('On'),
|
||||||
const SizedBox(width: 10),
|
const SizedBox(width: 10),
|
||||||
Radio<bool>(
|
Radio<bool>(
|
||||||
value: false,
|
value: false,
|
||||||
groupValue: isOn,
|
groupValue: isOn,
|
||||||
onChanged: (val) => onChanged(false),
|
onChanged: (bool? value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(const UpdateFunctionOnEvent(false));
|
||||||
|
},
|
||||||
),
|
),
|
||||||
const Text('Off'),
|
const Text('Off'),
|
||||||
],
|
],
|
||||||
|
@ -2,7 +2,6 @@ import 'dart:convert';
|
|||||||
|
|
||||||
import 'package:flutter/foundation.dart';
|
import 'package:flutter/foundation.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_status.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
|
||||||
|
|
||||||
class ScheduleEntry {
|
class ScheduleEntry {
|
||||||
final String category;
|
final String category;
|
||||||
@ -59,8 +58,7 @@ class ScheduleEntry {
|
|||||||
|
|
||||||
String toJson() => json.encode(toMap());
|
String toJson() => json.encode(toMap());
|
||||||
|
|
||||||
factory ScheduleEntry.fromJson(String source) =>
|
factory ScheduleEntry.fromJson(String source) => ScheduleEntry.fromMap(json.decode(source));
|
||||||
ScheduleEntry.fromMap(json.decode(source));
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
bool operator ==(Object other) {
|
bool operator ==(Object other) {
|
||||||
@ -75,23 +73,6 @@ class ScheduleEntry {
|
|||||||
|
|
||||||
@override
|
@override
|
||||||
int get hashCode {
|
int get hashCode {
|
||||||
return category.hashCode ^
|
return category.hashCode ^ time.hashCode ^ function.hashCode ^ days.hashCode;
|
||||||
time.hashCode ^
|
|
||||||
function.hashCode ^
|
|
||||||
days.hashCode;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Existing properties and methods
|
|
||||||
|
|
||||||
// Add the fromScheduleModel method
|
|
||||||
|
|
||||||
static ScheduleEntry fromScheduleModel(ScheduleModel scheduleModel) {
|
|
||||||
return ScheduleEntry(
|
|
||||||
days: scheduleModel.days,
|
|
||||||
time: scheduleModel.time,
|
|
||||||
function: scheduleModel.function,
|
|
||||||
category: scheduleModel.category,
|
|
||||||
scheduleId: scheduleModel.scheduleId,
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -16,7 +16,7 @@ class WaterHeaterStatusModel extends Equatable {
|
|||||||
final String cycleTiming;
|
final String cycleTiming;
|
||||||
final List<ScheduleModel> schedules;
|
final List<ScheduleModel> schedules;
|
||||||
|
|
||||||
const WaterHeaterStatusModel({
|
const WaterHeaterStatusModel({
|
||||||
required this.uuid,
|
required this.uuid,
|
||||||
required this.heaterSwitch,
|
required this.heaterSwitch,
|
||||||
required this.countdownHours,
|
required this.countdownHours,
|
||||||
|
@ -2,13 +2,12 @@ import 'package:flutter/material.dart';
|
|||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:flutter_svg/flutter_svg.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/device_managment/all_devices/models/devices_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_control_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
import 'package:syncrow_web/pages/device_managment/shared/toggle_widget.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/factories/water_heater_bloc_factory.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/factories/water_heater_bloc_factory.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedual_view.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedual_view.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/constants/assets.dart';
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
@ -36,8 +35,7 @@ class WaterHeaterDeviceControlView extends StatelessWidget
|
|||||||
state is WaterHeaterBatchFailedState) {
|
state is WaterHeaterBatchFailedState) {
|
||||||
return const Center(child: Text('Error fetching status'));
|
return const Center(child: Text('Error fetching status'));
|
||||||
} else {
|
} else {
|
||||||
return const SizedBox(
|
return const SizedBox(height: 200, child: Center(child: SizedBox()));
|
||||||
height: 200, child: Center(child: SizedBox()));
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
));
|
));
|
||||||
@ -75,22 +73,48 @@ class WaterHeaterDeviceControlView extends StatelessWidget
|
|||||||
));
|
));
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
ScheduleControlButton(
|
GestureDetector(
|
||||||
onTap: () {
|
onTap: () {
|
||||||
showDialog<void>(
|
showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
builder: (ctx) => BlocProvider.value(
|
builder: (ctx) => BlocProvider.value(
|
||||||
value: BlocProvider.of<WaterHeaterBloc>(context),
|
value: BlocProvider.of<WaterHeaterBloc>(context),
|
||||||
child: BuildScheduleView(
|
child: BuildScheduleView(status: status),
|
||||||
deviceUuid: device.uuid ?? '',
|
|
||||||
category: 'switch_1',
|
|
||||||
),
|
|
||||||
));
|
));
|
||||||
},
|
},
|
||||||
mainText: '',
|
child: DeviceControlsContainer(
|
||||||
subtitle: 'Scheduling',
|
child: Column(
|
||||||
iconPath: Assets.scheduling,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
),
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 60,
|
||||||
|
height: 60,
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: ColorsManager.whiteColors,
|
||||||
|
),
|
||||||
|
margin: const EdgeInsets.symmetric(horizontal: 4),
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
child: ClipOval(
|
||||||
|
child: SvgPicture.asset(
|
||||||
|
Assets.scheduling,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Spacer(),
|
||||||
|
Text(
|
||||||
|
'Scheduling',
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: context.textTheme.titleMedium!.copyWith(
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
color: ColorsManager.blackColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,9 +1,8 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
class CountdownModeButtons extends StatelessWidget {
|
class CountdownModeButtons extends StatelessWidget {
|
||||||
@ -39,10 +38,14 @@ class CountdownModeButtons extends StatelessWidget {
|
|||||||
? DefaultButton(
|
? DefaultButton(
|
||||||
height: 40,
|
height: 40,
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
context.read<ScheduleBloc>().add(
|
context
|
||||||
StopScheduleEvent(
|
.read<WaterHeaterBloc>()
|
||||||
mode: ScheduleModes.countdown,
|
.add(StopScheduleEvent(deviceId));
|
||||||
|
context.read<WaterHeaterBloc>().add(
|
||||||
|
ToggleWaterHeaterEvent(
|
||||||
deviceId: deviceId,
|
deviceId: deviceId,
|
||||||
|
code: 'countdown_1',
|
||||||
|
value: 0,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
@ -52,11 +55,12 @@ class CountdownModeButtons extends StatelessWidget {
|
|||||||
: DefaultButton(
|
: DefaultButton(
|
||||||
height: 40,
|
height: 40,
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
context.read<ScheduleBloc>().add(
|
context.read<WaterHeaterBloc>().add(
|
||||||
StartScheduleEvent(
|
ToggleWaterHeaterEvent(
|
||||||
mode: ScheduleModes.countdown,
|
deviceId: deviceId,
|
||||||
hours: hours,
|
code: 'countdown_1',
|
||||||
minutes: minutes,
|
value: Duration(hours: hours, minutes: minutes)
|
||||||
|
.inSeconds,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
},
|
},
|
@ -0,0 +1,223 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
|
class CountdownInchingView extends StatelessWidget {
|
||||||
|
final WaterHeaterDeviceStatusLoaded state;
|
||||||
|
|
||||||
|
const CountdownInchingView({
|
||||||
|
super.key,
|
||||||
|
required this.state,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final isCountDown =
|
||||||
|
state.scheduleMode?.name == ScheduleModes.countdown.name;
|
||||||
|
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
isCountDown ? 'Countdown:' : 'Inching:',
|
||||||
|
style: context.textTheme.bodySmall!.copyWith(
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Visibility(
|
||||||
|
visible: !isCountDown,
|
||||||
|
child: const Text(
|
||||||
|
'Once enabled this feature, each time the device is turned on, it will automatically turn off after a preset time.'),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_hourMinutesWheel(context, state),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Row _hourMinutesWheel(
|
||||||
|
BuildContext context, WaterHeaterDeviceStatusLoaded state) {
|
||||||
|
final isCountDown =
|
||||||
|
state.scheduleMode?.name == ScheduleModes.countdown.name;
|
||||||
|
late bool isActive;
|
||||||
|
if (isCountDown &&
|
||||||
|
state.countdownRemaining != null &&
|
||||||
|
state.isCountdownActive == true) {
|
||||||
|
isActive = true;
|
||||||
|
} else if (!isCountDown &&
|
||||||
|
state.countdownRemaining != null &&
|
||||||
|
state.isInchingActive == true) {
|
||||||
|
isActive = true;
|
||||||
|
} else {
|
||||||
|
isActive = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_buildPickerColumn(
|
||||||
|
context,
|
||||||
|
'h',
|
||||||
|
isCountDown
|
||||||
|
? (state.countdownHours ?? 0)
|
||||||
|
: (state.inchingHours ?? 0),
|
||||||
|
24, (value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
|
||||||
|
hours: value,
|
||||||
|
minutes: isCountDown
|
||||||
|
? (state.countdownMinutes ?? 0)
|
||||||
|
: (state.inchingMinutes ?? 0),
|
||||||
|
));
|
||||||
|
}, isActive: isActive),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
_buildPickerColumn(
|
||||||
|
context,
|
||||||
|
'm',
|
||||||
|
isCountDown
|
||||||
|
? (state.countdownMinutes ?? 0)
|
||||||
|
: (state.inchingMinutes ?? 0),
|
||||||
|
60, (value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
|
||||||
|
hours: isCountDown
|
||||||
|
? (state.countdownHours ?? 0)
|
||||||
|
: (state.inchingHours ?? 0),
|
||||||
|
minutes: value,
|
||||||
|
));
|
||||||
|
}, isActive: isActive),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Row _hourMinutesSecondWheel(
|
||||||
|
BuildContext context, WaterHeaterDeviceStatusLoaded state) {
|
||||||
|
final isCountDown =
|
||||||
|
state.scheduleMode?.name == ScheduleModes.countdown.name;
|
||||||
|
late bool isActive;
|
||||||
|
if (isCountDown &&
|
||||||
|
state.countdownRemaining != null &&
|
||||||
|
state.isCountdownActive == true) {
|
||||||
|
isActive = true;
|
||||||
|
} else if (!isCountDown &&
|
||||||
|
state.countdownRemaining != null &&
|
||||||
|
state.isInchingActive == true) {
|
||||||
|
isActive = true;
|
||||||
|
} else {
|
||||||
|
isActive = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_buildPickerColumn(
|
||||||
|
context,
|
||||||
|
'h',
|
||||||
|
isCountDown
|
||||||
|
? (state.countdownHours ?? 0)
|
||||||
|
: (state.inchingHours ?? 0),
|
||||||
|
24, (value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
|
||||||
|
hours: value,
|
||||||
|
minutes: isCountDown
|
||||||
|
? (state.countdownMinutes ?? 0)
|
||||||
|
: (state.inchingMinutes ?? 0),
|
||||||
|
));
|
||||||
|
}, isActive: isActive),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
_buildPickerColumn(
|
||||||
|
context,
|
||||||
|
'm',
|
||||||
|
isCountDown
|
||||||
|
? (state.countdownMinutes ?? 0)
|
||||||
|
: (state.inchingMinutes ?? 0),
|
||||||
|
60, (value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
|
||||||
|
hours: isCountDown
|
||||||
|
? (state.countdownHours ?? 0)
|
||||||
|
: (state.inchingHours ?? 0),
|
||||||
|
minutes: value,
|
||||||
|
));
|
||||||
|
}, isActive: isActive),
|
||||||
|
const SizedBox(width: 10),
|
||||||
|
_buildPickerColumn(
|
||||||
|
context,
|
||||||
|
'S',
|
||||||
|
isCountDown
|
||||||
|
? (state.countdownMinutes ?? 0)
|
||||||
|
: (state.inchingMinutes ?? 0),
|
||||||
|
60, (value) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: state.scheduleMode ?? ScheduleModes.countdown,
|
||||||
|
hours: isCountDown
|
||||||
|
? (state.countdownHours ?? 0)
|
||||||
|
: (state.inchingHours ?? 0),
|
||||||
|
minutes: value,
|
||||||
|
));
|
||||||
|
}, isActive: isActive),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildPickerColumn(
|
||||||
|
BuildContext context,
|
||||||
|
String label,
|
||||||
|
int initialValue,
|
||||||
|
int itemCount,
|
||||||
|
ValueChanged<int> onSelected, {
|
||||||
|
required bool isActive,
|
||||||
|
}) {
|
||||||
|
return Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
height: 40,
|
||||||
|
width: 80,
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: ColorsManager.boxColor,
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: ListWheelScrollView.useDelegate(
|
||||||
|
key: ValueKey('$label-$initialValue'),
|
||||||
|
controller: FixedExtentScrollController(
|
||||||
|
initialItem: initialValue,
|
||||||
|
),
|
||||||
|
itemExtent: 40.0,
|
||||||
|
physics: const FixedExtentScrollPhysics(),
|
||||||
|
onSelectedItemChanged: onSelected,
|
||||||
|
childDelegate: ListWheelChildBuilderDelegate(
|
||||||
|
builder: (context, index) {
|
||||||
|
return Center(
|
||||||
|
child: Text(
|
||||||
|
index.toString().padLeft(2, '0'),
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 24,
|
||||||
|
color: isActive ? ColorsManager.grayColor : Colors.black,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
childCount: itemCount,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
label,
|
||||||
|
style: const TextStyle(
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
fontSize: 18,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -1,11 +1,8 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/bloc/schedule_bloc.dart';
|
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart'
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
hide StopScheduleEvent;
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
class InchingModeButtons extends StatelessWidget {
|
class InchingModeButtons extends StatelessWidget {
|
||||||
@ -41,9 +38,15 @@ class InchingModeButtons extends StatelessWidget {
|
|||||||
? DefaultButton(
|
? DefaultButton(
|
||||||
height: 40,
|
height: 40,
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
context.read<ScheduleBloc>().add(
|
context
|
||||||
StopScheduleEvent(
|
.read<WaterHeaterBloc>()
|
||||||
deviceId: deviceId, mode: ScheduleModes.inching),
|
.add(StopScheduleEvent(deviceId));
|
||||||
|
context.read<WaterHeaterBloc>().add(
|
||||||
|
ToggleWaterHeaterEvent(
|
||||||
|
deviceId: deviceId,
|
||||||
|
code: 'switch_inching',
|
||||||
|
value: 0,
|
||||||
|
),
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
backgroundColor: Colors.red,
|
backgroundColor: Colors.red,
|
@ -0,0 +1,117 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/helper/add_schedule_dialog_helper.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/count_down_button.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/count_down_inching_view.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/inching_mode_buttons.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_header.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_managment_ui.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_mode_buttons.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_mode_selector.dart';
|
||||||
|
|
||||||
|
class BuildScheduleView extends StatefulWidget {
|
||||||
|
const BuildScheduleView({super.key, required this.status});
|
||||||
|
|
||||||
|
final WaterHeaterStatusModel status;
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<BuildScheduleView> createState() => _BuildScheduleViewState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _BuildScheduleViewState extends State<BuildScheduleView> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final bloc = BlocProvider.of<WaterHeaterBloc>(context);
|
||||||
|
|
||||||
|
return BlocProvider.value(
|
||||||
|
value: bloc,
|
||||||
|
child: Dialog(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
insetPadding: const EdgeInsets.all(20),
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 700,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.symmetric(horizontal: 40.0, vertical: 20),
|
||||||
|
child: BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
|
||||||
|
builder: (context, state) {
|
||||||
|
if (state is WaterHeaterDeviceStatusLoaded) {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
const ScheduleHeader(),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
ScheduleModeSelector(state: state),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
if (state.scheduleMode == ScheduleModes.schedule)
|
||||||
|
ScheduleManagementUI(
|
||||||
|
state: state,
|
||||||
|
onAddSchedule: () {
|
||||||
|
ScheduleDialogHelper.showAddScheduleDialog(
|
||||||
|
context,
|
||||||
|
schedule: null,
|
||||||
|
index: null,
|
||||||
|
isEdit: false);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
if (state.scheduleMode == ScheduleModes.countdown ||
|
||||||
|
state.scheduleMode == ScheduleModes.inching)
|
||||||
|
CountdownInchingView(state: state),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
if (state.scheduleMode == ScheduleModes.countdown)
|
||||||
|
CountdownModeButtons(
|
||||||
|
isActive: state.isCountdownActive ?? false,
|
||||||
|
deviceId: widget.status.uuid,
|
||||||
|
hours: state.countdownHours ?? 0,
|
||||||
|
minutes: state.countdownMinutes ?? 0,
|
||||||
|
),
|
||||||
|
if (state.scheduleMode == ScheduleModes.inching)
|
||||||
|
InchingModeButtons(
|
||||||
|
isActive: state.isInchingActive ?? false,
|
||||||
|
deviceId: widget.status.uuid,
|
||||||
|
hours: state.inchingHours ?? 0,
|
||||||
|
minutes: state.inchingMinutes ?? 0,
|
||||||
|
),
|
||||||
|
if (state.scheduleMode != ScheduleModes.countdown &&
|
||||||
|
state.scheduleMode != ScheduleModes.inching)
|
||||||
|
ScheduleModeButtons(
|
||||||
|
onSave: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (state is WaterHeaterLoadingState) {
|
||||||
|
return const SizedBox(
|
||||||
|
height: 200,
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
ScheduleHeader(),
|
||||||
|
SizedBox(
|
||||||
|
height: 20,
|
||||||
|
),
|
||||||
|
Center(child: CircularProgressIndicator()),
|
||||||
|
],
|
||||||
|
));
|
||||||
|
}
|
||||||
|
return const SizedBox(
|
||||||
|
height: 200,
|
||||||
|
child: ScheduleHeader(),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -1,19 +1,18 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/schedule_device/schedule_widgets/schedule_table.dart';
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/widgets/schedule_table.dart';
|
||||||
import 'package:syncrow_web/utils/color_manager.dart';
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
|
||||||
class ScheduleManagementUI extends StatelessWidget {
|
class ScheduleManagementUI extends StatelessWidget {
|
||||||
final String deviceUuid;
|
final WaterHeaterDeviceStatusLoaded state;
|
||||||
final VoidCallback onAddSchedule;
|
final Function onAddSchedule;
|
||||||
final String category;
|
|
||||||
|
|
||||||
const ScheduleManagementUI({
|
const ScheduleManagementUI({
|
||||||
super.key,
|
super.key,
|
||||||
required this.deviceUuid,
|
required this.state,
|
||||||
required this.onAddSchedule,
|
required this.onAddSchedule,
|
||||||
this.category = 'switch_1',
|
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@ -29,7 +28,7 @@ class ScheduleManagementUI extends StatelessWidget {
|
|||||||
padding: 2,
|
padding: 2,
|
||||||
backgroundColor: ColorsManager.graysColor,
|
backgroundColor: ColorsManager.graysColor,
|
||||||
borderRadius: 15,
|
borderRadius: 15,
|
||||||
onPressed: onAddSchedule,
|
onPressed: () => onAddSchedule(),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
const Icon(Icons.add, color: ColorsManager.primaryColor),
|
const Icon(Icons.add, color: ColorsManager.primaryColor),
|
||||||
@ -44,7 +43,7 @@ class ScheduleManagementUI extends StatelessWidget {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 20),
|
const SizedBox(height: 20),
|
||||||
ScheduleTableWidget(deviceUuid: deviceUuid, category: category),
|
ScheduleTableWidget(state: state),
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
@ -0,0 +1,86 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/water_heater_status_model.dart';
|
||||||
|
|
||||||
|
class ScheduleModeSelector extends StatelessWidget {
|
||||||
|
final WaterHeaterDeviceStatusLoaded state;
|
||||||
|
|
||||||
|
const ScheduleModeSelector({super.key, required this.state});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Type:',
|
||||||
|
style: context.textTheme.bodySmall!.copyWith(
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 4),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
_buildRadioTile(
|
||||||
|
context, 'Countdown', ScheduleModes.countdown, state),
|
||||||
|
_buildRadioTile(context, 'Schedule', ScheduleModes.schedule, state),
|
||||||
|
_buildRadioTile(
|
||||||
|
context, 'Circulate', ScheduleModes.circulate, state),
|
||||||
|
_buildRadioTile(context, 'Inching', ScheduleModes.inching, state),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildRadioTile(BuildContext context, String label, ScheduleModes mode,
|
||||||
|
WaterHeaterDeviceStatusLoaded state) {
|
||||||
|
return Flexible(
|
||||||
|
child: ListTile(
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
title: Text(
|
||||||
|
label,
|
||||||
|
style: context.textTheme.bodySmall!.copyWith(
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.blackColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
leading: Radio<ScheduleModes>(
|
||||||
|
value: mode,
|
||||||
|
groupValue: state.scheduleMode,
|
||||||
|
onChanged: (ScheduleModes? value) {
|
||||||
|
if (value != null) {
|
||||||
|
if (value == ScheduleModes.countdown) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: value,
|
||||||
|
hours: state.countdownHours ?? 0,
|
||||||
|
minutes: state.countdownMinutes ?? 0,
|
||||||
|
));
|
||||||
|
} else if (value == ScheduleModes.inching) {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEvent(
|
||||||
|
scheduleMode: value,
|
||||||
|
hours: state.inchingHours ?? 0,
|
||||||
|
minutes: state.inchingMinutes ?? 0,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (value == ScheduleModes.schedule) {
|
||||||
|
context.read<WaterHeaterBloc>().add(
|
||||||
|
GetSchedulesEvent(
|
||||||
|
category: 'switch_1',
|
||||||
|
uuid: state.status.uuid,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,222 @@
|
|||||||
|
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/water_heater/bloc/water_heater_bloc.dart';
|
||||||
|
import 'package:syncrow_web/pages/device_managment/water_heater/models/schedule_model.dart';
|
||||||
|
import 'package:syncrow_web/utils/color_manager.dart';
|
||||||
|
import 'package:syncrow_web/utils/constants/assets.dart';
|
||||||
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
||||||
|
import 'package:syncrow_web/utils/format_date_time.dart';
|
||||||
|
|
||||||
|
import '../helper/add_schedule_dialog_helper.dart';
|
||||||
|
|
||||||
|
class ScheduleTableWidget extends StatelessWidget {
|
||||||
|
final WaterHeaterDeviceStatusLoaded state;
|
||||||
|
|
||||||
|
const ScheduleTableWidget({
|
||||||
|
super.key,
|
||||||
|
required this.state,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Table(
|
||||||
|
border: TableBorder.all(
|
||||||
|
color: ColorsManager.graysColor,
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
children: [
|
||||||
|
TableRow(
|
||||||
|
decoration: const BoxDecoration(
|
||||||
|
color: ColorsManager.boxColor,
|
||||||
|
borderRadius: BorderRadius.only(
|
||||||
|
topLeft: Radius.circular(20),
|
||||||
|
topRight: Radius.circular(20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
children: [
|
||||||
|
_buildTableHeader('Active'),
|
||||||
|
_buildTableHeader('Days'),
|
||||||
|
_buildTableHeader('Time'),
|
||||||
|
_buildTableHeader('Function'),
|
||||||
|
_buildTableHeader('Action'),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
BlocBuilder<WaterHeaterBloc, WaterHeaterState>(
|
||||||
|
builder: (context, state) {
|
||||||
|
if (state is ScheduleLoadingState) {
|
||||||
|
return const SizedBox(
|
||||||
|
height: 200,
|
||||||
|
child: Center(child: CircularProgressIndicator()));
|
||||||
|
}
|
||||||
|
if (state is WaterHeaterDeviceStatusLoaded &&
|
||||||
|
state.schedules.isEmpty) {
|
||||||
|
return _buildEmptyState(context);
|
||||||
|
} else if (state is WaterHeaterDeviceStatusLoaded) {
|
||||||
|
return Container(
|
||||||
|
height: 200,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: ColorsManager.graysColor),
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(20),
|
||||||
|
bottomRight: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: _buildTableBody(state, context));
|
||||||
|
}
|
||||||
|
return const SizedBox(
|
||||||
|
height: 200,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildEmptyState(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
height: 200,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
border: Border.all(color: ColorsManager.graysColor),
|
||||||
|
borderRadius: const BorderRadius.only(
|
||||||
|
bottomLeft: Radius.circular(20), bottomRight: Radius.circular(20)),
|
||||||
|
),
|
||||||
|
child: Center(
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
SvgPicture.asset(Assets.emptyRecords, width: 40, height: 40),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: Text(
|
||||||
|
'No schedules added yet',
|
||||||
|
style: context.textTheme.bodySmall!.copyWith(
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildTableBody(
|
||||||
|
WaterHeaterDeviceStatusLoaded state, BuildContext context) {
|
||||||
|
return SizedBox(
|
||||||
|
height: 200,
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Table(
|
||||||
|
border: TableBorder.all(color: ColorsManager.graysColor),
|
||||||
|
defaultVerticalAlignment: TableCellVerticalAlignment.middle,
|
||||||
|
children: [
|
||||||
|
for (int i = 0; i < state.schedules.length; i++)
|
||||||
|
_buildScheduleRow(state.schedules[i], i, context, state),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildTableHeader(String label) {
|
||||||
|
return TableCell(
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.all(12),
|
||||||
|
child: Text(
|
||||||
|
label,
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 13,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
TableRow _buildScheduleRow(ScheduleModel schedule, int index,
|
||||||
|
BuildContext context, WaterHeaterDeviceStatusLoaded state) {
|
||||||
|
return TableRow(
|
||||||
|
children: [
|
||||||
|
Center(
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
context.read<WaterHeaterBloc>().add(UpdateScheduleEntryEvent(
|
||||||
|
index: index,
|
||||||
|
enable: !schedule.enable,
|
||||||
|
scheduleId: schedule.scheduleId,
|
||||||
|
deviceId: state.status.uuid,
|
||||||
|
functionOn: schedule.function.value,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
child: SizedBox(
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
child: schedule.enable
|
||||||
|
? const Icon(Icons.radio_button_checked,
|
||||||
|
color: ColorsManager.blueColor)
|
||||||
|
: const Icon(
|
||||||
|
Icons.radio_button_unchecked,
|
||||||
|
color: ColorsManager.grayColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Center(
|
||||||
|
child: Text(_getSelectedDays(
|
||||||
|
ScheduleModel.parseSelectedDays(schedule.days)))),
|
||||||
|
Center(child: Text(formatIsoStringToTime(schedule.time, context))),
|
||||||
|
Center(child: Text(schedule.function.value ? 'On' : 'Off')),
|
||||||
|
Center(
|
||||||
|
child: Wrap(
|
||||||
|
runAlignment: WrapAlignment.center,
|
||||||
|
children: [
|
||||||
|
TextButton(
|
||||||
|
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
||||||
|
onPressed: () {
|
||||||
|
ScheduleDialogHelper.showAddScheduleDialog(context,
|
||||||
|
schedule: schedule, index: index, isEdit: true);
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
'Edit',
|
||||||
|
style: context.textTheme.bodySmall!
|
||||||
|
.copyWith(color: ColorsManager.blueColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
TextButton(
|
||||||
|
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
||||||
|
onPressed: () {
|
||||||
|
context.read<WaterHeaterBloc>().add(DeleteScheduleEvent(
|
||||||
|
index: index,
|
||||||
|
scheduleId: schedule.scheduleId,
|
||||||
|
));
|
||||||
|
},
|
||||||
|
child: Text(
|
||||||
|
'Delete',
|
||||||
|
style: context.textTheme.bodySmall!
|
||||||
|
.copyWith(color: ColorsManager.blueColor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
String _getSelectedDays(List<bool> selectedDays) {
|
||||||
|
final days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
||||||
|
List<String> selectedDaysStr = [];
|
||||||
|
for (int i = 0; i < selectedDays.length; i++) {
|
||||||
|
if (selectedDays[i]) {
|
||||||
|
selectedDaysStr.add(days[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return selectedDaysStr.join(', ');
|
||||||
|
}
|
||||||
|
}
|
@ -40,7 +40,7 @@ class HomeCard extends StatelessWidget {
|
|||||||
child: Text(
|
child: Text(
|
||||||
name,
|
name,
|
||||||
style: const TextStyle(
|
style: const TextStyle(
|
||||||
fontSize: 30,
|
fontSize: 20,
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
fontWeight: FontWeight.bold,
|
fontWeight: FontWeight.bold,
|
||||||
),
|
),
|
||||||
|
@ -97,7 +97,7 @@ class _HomeWebPageState extends State<HomeWebPage> {
|
|||||||
itemCount: homeBloc.homeItems.length,
|
itemCount: homeBloc.homeItems.length,
|
||||||
gridDelegate:
|
gridDelegate:
|
||||||
const SliverGridDelegateWithFixedCrossAxisCount(
|
const SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
crossAxisCount: 4, // Adjust as needed.
|
crossAxisCount: 3, // Adjust as needed.
|
||||||
crossAxisSpacing: 20.0,
|
crossAxisSpacing: 20.0,
|
||||||
mainAxisSpacing: 20.0,
|
mainAxisSpacing: 20.0,
|
||||||
childAspectRatio: 1.5,
|
childAspectRatio: 1.5,
|
||||||
|
@ -118,7 +118,6 @@ class DeviceDialogHelper {
|
|||||||
uniqueCustomId: data['uniqueCustomId'],
|
uniqueCustomId: data['uniqueCustomId'],
|
||||||
deviceSelectedFunctions: deviceSelectedFunctions,
|
deviceSelectedFunctions: deviceSelectedFunctions,
|
||||||
device: data['device'],
|
device: data['device'],
|
||||||
dialogType: dialogType,
|
|
||||||
);
|
);
|
||||||
case 'NCPS':
|
case 'NCPS':
|
||||||
return FlushPresenceSensor.showFlushFunctionsDialog(
|
return FlushPresenceSensor.showFlushFunctionsDialog(
|
||||||
|
@ -65,9 +65,7 @@ class ACHelper {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(dialogType == 'THEN'
|
const DialogHeader('AC Functions'),
|
||||||
? 'AC Functions'
|
|
||||||
: 'AC Conditions'),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Row(
|
child: Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
@ -96,9 +96,7 @@ class _WallPresenceSensorState extends State<FlushPresenceSensor> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(widget.dialogType == 'THEN'
|
const DialogHeader('Presence Sensor Condition'),
|
||||||
? 'Presence Sensor Functions'
|
|
||||||
: 'Presence Sensor Condition'),
|
|
||||||
Expanded(child: _buildMainContent(context, state)),
|
Expanded(child: _buildMainContent(context, state)),
|
||||||
_buildDialogFooter(context, state),
|
_buildDialogFooter(context, state),
|
||||||
],
|
],
|
||||||
|
@ -16,10 +16,9 @@ class GatewayDialog extends StatefulWidget {
|
|||||||
required this.functions,
|
required this.functions,
|
||||||
required this.deviceSelectedFunctions,
|
required this.deviceSelectedFunctions,
|
||||||
required this.device,
|
required this.device,
|
||||||
required this.dialogType,
|
|
||||||
super.key,
|
super.key,
|
||||||
});
|
});
|
||||||
final String dialogType;
|
|
||||||
final String? uniqueCustomId;
|
final String? uniqueCustomId;
|
||||||
final List<DeviceFunction> functions;
|
final List<DeviceFunction> functions;
|
||||||
final List<DeviceFunctionData> deviceSelectedFunctions;
|
final List<DeviceFunctionData> deviceSelectedFunctions;
|
||||||
@ -56,9 +55,7 @@ class _GatewayDialogState extends State<GatewayDialog> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(widget.dialogType == 'THEN'
|
const DialogHeader('Gateway Conditions'),
|
||||||
? 'Gateway Functions'
|
|
||||||
: 'Gateway Conditions'),
|
|
||||||
Expanded(child: _buildMainContent(context, state)),
|
Expanded(child: _buildMainContent(context, state)),
|
||||||
_buildDialogFooter(context, state),
|
_buildDialogFooter(context, state),
|
||||||
],
|
],
|
||||||
|
@ -14,7 +14,6 @@ abstract final class GatewayHelper {
|
|||||||
required String? uniqueCustomId,
|
required String? uniqueCustomId,
|
||||||
required List<DeviceFunctionData> deviceSelectedFunctions,
|
required List<DeviceFunctionData> deviceSelectedFunctions,
|
||||||
required AllDevicesModel? device,
|
required AllDevicesModel? device,
|
||||||
required String dialogType,
|
|
||||||
}) async {
|
}) async {
|
||||||
return showDialog(
|
return showDialog(
|
||||||
context: context,
|
context: context,
|
||||||
@ -28,7 +27,6 @@ abstract final class GatewayHelper {
|
|||||||
functions: functions,
|
functions: functions,
|
||||||
deviceSelectedFunctions: deviceSelectedFunctions,
|
deviceSelectedFunctions: deviceSelectedFunctions,
|
||||||
device: device,
|
device: device,
|
||||||
dialogType:dialogType,
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
@ -59,9 +59,7 @@ class OneGangSwitchHelper {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(dialogType == 'THEN'
|
const DialogHeader('1 Gang Light Switch Condition'),
|
||||||
? '1 Gang Light Switch Functions'
|
|
||||||
: '1 Gang Light Switch Condition'),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
@ -248,9 +246,9 @@ class OneGangSwitchHelper {
|
|||||||
withSpecialChar: false,
|
withSpecialChar: false,
|
||||||
currentCondition: selectedFunctionData?.condition,
|
currentCondition: selectedFunctionData?.condition,
|
||||||
dialogType: dialogType,
|
dialogType: dialogType,
|
||||||
sliderRange: (0, 43200),
|
sliderRange: (0, 43200),
|
||||||
displayedValue: (initialValue ?? 0).toString(),
|
displayedValue: (initialValue ?? 0).toString(),
|
||||||
initialValue: (initialValue ?? 0).toString(),
|
initialValue: (initialValue ?? 0).toString(),
|
||||||
onConditionChanged: (condition) {
|
onConditionChanged: (condition) {
|
||||||
context.read<FunctionBloc>().add(
|
context.read<FunctionBloc>().add(
|
||||||
AddFunction(
|
AddFunction(
|
||||||
|
@ -98,9 +98,7 @@ class _EnergyClampDialogState extends State<EnergyClampDialog> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(widget.dialogType == 'THEN'
|
const DialogHeader('Energy Clamp Conditions'),
|
||||||
? 'Energy Clamp Functions'
|
|
||||||
: 'Energy Clamp Conditions'),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Visibility(
|
child: Visibility(
|
||||||
visible: _functions.isNotEmpty,
|
visible: _functions.isNotEmpty,
|
||||||
|
@ -58,9 +58,7 @@ class ThreeGangSwitchHelper {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(dialogType == 'THEN'
|
const DialogHeader('3 Gangs Light Switch Condition'),
|
||||||
? '3 Gangs Light Switch Functions'
|
|
||||||
: '3 Gangs Light Switch Condition'),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
|
@ -59,9 +59,7 @@ class TwoGangSwitchHelper {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(dialogType == 'THEN'
|
const DialogHeader('2 Gangs Light Switch Condition'),
|
||||||
? '2 Gangs Light Switch Functions'
|
|
||||||
: '2 Gangs Light Switch Condition'),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
|
@ -63,8 +63,7 @@ class _WallPresenceSensorState extends State<WallPresenceSensor> {
|
|||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
super.initState();
|
super.initState();
|
||||||
_wpsFunctions =
|
_wpsFunctions = widget.functions.whereType<WpsFunctions>().where((function) {
|
||||||
widget.functions.whereType<WpsFunctions>().where((function) {
|
|
||||||
if (widget.dialogType == 'THEN') {
|
if (widget.dialogType == 'THEN') {
|
||||||
return function.type == 'THEN' || function.type == 'BOTH';
|
return function.type == 'THEN' || function.type == 'BOTH';
|
||||||
}
|
}
|
||||||
@ -98,9 +97,7 @@ class _WallPresenceSensorState extends State<WallPresenceSensor> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(widget.dialogType == 'THEN'
|
const DialogHeader('Presence Sensor Condition'),
|
||||||
? 'Presence Sensor Functions'
|
|
||||||
: 'Presence Sensor Condition'),
|
|
||||||
Expanded(child: _buildMainContent(context, state)),
|
Expanded(child: _buildMainContent(context, state)),
|
||||||
_buildDialogFooter(context, state),
|
_buildDialogFooter(context, state),
|
||||||
],
|
],
|
||||||
|
@ -93,9 +93,7 @@ class _WaterHeaterDialogRoutinesState extends State<WaterHeaterDialogRoutines> {
|
|||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.min,
|
mainAxisSize: MainAxisSize.min,
|
||||||
children: [
|
children: [
|
||||||
DialogHeader(widget.dialogType == 'THEN'
|
const DialogHeader('Water Heater Condition'),
|
||||||
? 'Water Heater Funtions'
|
|
||||||
: 'Water Heater Condition'),
|
|
||||||
Expanded(child: _buildMainContent(context, state)),
|
Expanded(child: _buildMainContent(context, state)),
|
||||||
_buildDialogFooter(context, state),
|
_buildDialogFooter(context, state),
|
||||||
],
|
],
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import 'dart:convert';
|
|
||||||
import 'dart:core';
|
import 'dart:core';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_reports.dart';
|
import 'package:syncrow_web/pages/device_managment/all_devices/models/device_reports.dart';
|
||||||
@ -387,34 +386,4 @@ class DevicesManagementApi {
|
|||||||
);
|
);
|
||||||
return response;
|
return response;
|
||||||
}
|
}
|
||||||
|
|
||||||
Future<bool> postSchedule({
|
|
||||||
required String category,
|
|
||||||
required String deviceId,
|
|
||||||
required String time,
|
|
||||||
required String code,
|
|
||||||
required bool value,
|
|
||||||
required List<String> days,
|
|
||||||
}) async {
|
|
||||||
final response = await HTTPService().post(
|
|
||||||
path: ApiEndpoints.saveSchedule.replaceAll('{deviceUuid}', deviceId),
|
|
||||||
showServerMessage: false,
|
|
||||||
body: jsonEncode(
|
|
||||||
{
|
|
||||||
'category': category,
|
|
||||||
'time': time,
|
|
||||||
'function': {
|
|
||||||
'code': code,
|
|
||||||
'value': value,
|
|
||||||
},
|
|
||||||
'days': days
|
|
||||||
},
|
|
||||||
),
|
|
||||||
expectedResponseModel: (json) {
|
|
||||||
return json['success'] ?? false;
|
|
||||||
},
|
|
||||||
);
|
|
||||||
return response;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -136,5 +136,4 @@ abstract class ApiEndpoints {
|
|||||||
|
|
||||||
static const String assignDeviceToRoom =
|
static const String assignDeviceToRoom =
|
||||||
'/projects/{projectUuid}/communities/{communityUuid}/spaces/{spaceUuid}/subspaces/{subSpaceUuid}/devices/{deviceUuid}';
|
'/projects/{projectUuid}/communities/{communityUuid}/spaces/{spaceUuid}/subspaces/{subSpaceUuid}/devices/{deviceUuid}';
|
||||||
static const String saveSchedule = '/schedule/{deviceUuid}';
|
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user