mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-10 15:17:31 +00:00
354 lines
17 KiB
Dart
354 lines
17 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:syncrow_web/pages/common/buttons/default_button.dart';
|
|
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc/routine_bloc.dart';
|
|
import 'package:syncrow_web/pages/routiens/helper/save_routine_helper.dart';
|
|
import 'package:syncrow_web/pages/routiens/widgets/routine_dialogs/discard_dialog.dart';
|
|
import 'package:syncrow_web/pages/routiens/widgets/routine_dialogs/setting_dialog.dart';
|
|
import 'package:syncrow_web/utils/color_manager.dart';
|
|
import 'package:syncrow_web/utils/extension/build_context_x.dart';
|
|
import 'package:syncrow_web/utils/style.dart';
|
|
|
|
class RoutineSearchAndButtons extends StatelessWidget {
|
|
const RoutineSearchAndButtons({
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BlocBuilder<RoutineBloc, RoutineState>(
|
|
builder: (context, state) {
|
|
return LayoutBuilder(
|
|
builder: (BuildContext context, BoxConstraints constraints) {
|
|
return Wrap(
|
|
runSpacing: 16,
|
|
children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Expanded(
|
|
child: Wrap(
|
|
spacing: 12,
|
|
runSpacing: 12,
|
|
crossAxisAlignment: WrapCrossAlignment.end,
|
|
children: [
|
|
ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
maxWidth:
|
|
constraints.maxWidth > 700 ? 450 : constraints.maxWidth - 32),
|
|
// child: StatefulTextField(
|
|
// title: 'Routine Name',
|
|
// initialValue: state.routineName ?? '',
|
|
// height: 40,
|
|
// // controller: TextEditingController(),
|
|
// hintText: 'Please enter the name',
|
|
// boxDecoration: containerWhiteDecoration,
|
|
// elevation: 0,
|
|
// borderRadius: 15,
|
|
// isRequired: true,
|
|
// width: 450,
|
|
// onSubmitted: (value) {
|
|
// // context.read<RoutineBloc>().add(SetRoutineName(value));
|
|
// },
|
|
// onChanged: (value) {
|
|
// context.read<RoutineBloc>().add(SetRoutineName(value));
|
|
// },
|
|
// ),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text('* ',
|
|
style: context.textTheme.bodyMedium!
|
|
.copyWith(color: ColorsManager.red, fontSize: 13)),
|
|
Text(
|
|
'Routine Name',
|
|
style: context.textTheme.bodyMedium!.copyWith(
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.w600,
|
|
color: ColorsManager.blackColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
width: 450,
|
|
height: 40,
|
|
decoration: containerWhiteDecoration,
|
|
child: TextFormField(
|
|
style: context.textTheme.bodyMedium!
|
|
.copyWith(color: ColorsManager.blackColor),
|
|
initialValue: state.routineName,
|
|
decoration: InputDecoration(
|
|
hintText: 'Please enter the name',
|
|
hintStyle: context.textTheme.bodyMedium!
|
|
.copyWith(fontSize: 12, color: ColorsManager.grayColor),
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
border: InputBorder.none,
|
|
),
|
|
onChanged: (value) {
|
|
context.read<RoutineBloc>().add(SetRoutineName(value));
|
|
},
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'This field is required';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
(constraints.maxWidth <= 1000)
|
|
? const SizedBox()
|
|
: SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: state.isAutomation || state.isTabToRun
|
|
? () async {
|
|
final result = await SettingHelper.showSettingDialog(
|
|
context: context,
|
|
);
|
|
if (result != null) {
|
|
context
|
|
.read<RoutineBloc>()
|
|
.add(AddSelectedIcon(result));
|
|
}
|
|
}
|
|
: null,
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
borderColor: ColorsManager.greyColor,
|
|
backgroundColor: ColorsManager.boxColor,
|
|
child: const Text(
|
|
'Settings',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.primaryColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (constraints.maxWidth > 1000)
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
DiscardDialog.show(context);
|
|
},
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
borderColor: ColorsManager.greyColor,
|
|
backgroundColor: ColorsManager.boxColor,
|
|
child: const Text(
|
|
'Cancel',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.blackColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
if (state.routineName == null || state.routineName!.isEmpty) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('Please enter the routine name'),
|
|
duration: const Duration(seconds: 2),
|
|
backgroundColor: ColorsManager.red,
|
|
action: SnackBarAction(
|
|
label: 'Dismiss',
|
|
onPressed: () {
|
|
// Optional action on Snackbar
|
|
},
|
|
),
|
|
),
|
|
);
|
|
return;
|
|
}
|
|
|
|
if (state.ifItems.isEmpty || state.thenItems.isEmpty) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('Please add if and then condition'),
|
|
duration: const Duration(seconds: 2),
|
|
backgroundColor: ColorsManager.red,
|
|
action: SnackBarAction(
|
|
label: 'Dismiss',
|
|
onPressed: () {
|
|
// Optional action on Snackbar
|
|
},
|
|
),
|
|
),
|
|
);
|
|
return;
|
|
}
|
|
SaveRoutineHelper.showSaveRoutineDialog(context);
|
|
},
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
backgroundColor: ColorsManager.primaryColor,
|
|
child: const Text(
|
|
'Save',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.whiteColors,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
if (constraints.maxWidth <= 1000)
|
|
Wrap(
|
|
runSpacing: 12,
|
|
children: [
|
|
SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: state.isAutomation || state.isTabToRun
|
|
? () async {
|
|
final result = await SettingHelper.showSettingDialog(
|
|
context: context,
|
|
);
|
|
if (result != null) {
|
|
context.read<RoutineBloc>().add(AddSelectedIcon(result));
|
|
}
|
|
}
|
|
: null,
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
borderColor: ColorsManager.greyColor,
|
|
backgroundColor: ColorsManager.boxColor,
|
|
child: const Text(
|
|
'Settings',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.primaryColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
DiscardDialog.show(context);
|
|
},
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
borderColor: ColorsManager.greyColor,
|
|
backgroundColor: ColorsManager.boxColor,
|
|
child: const Text(
|
|
'Cancel',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.blackColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
SizedBox(
|
|
height: 40,
|
|
width: 200,
|
|
child: Center(
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
if (state.routineName == null || state.routineName!.isEmpty) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('Please enter the routine name'),
|
|
duration: const Duration(seconds: 2),
|
|
backgroundColor: ColorsManager.red,
|
|
action: SnackBarAction(
|
|
label: 'Dismiss',
|
|
onPressed: () {
|
|
// Optional action on Snackbar
|
|
},
|
|
),
|
|
),
|
|
);
|
|
return;
|
|
}
|
|
|
|
if (state.ifItems.isEmpty || state.thenItems.isEmpty) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('Please add if and then condition'),
|
|
duration: const Duration(seconds: 2),
|
|
backgroundColor: ColorsManager.red,
|
|
action: SnackBarAction(
|
|
label: 'Dismiss',
|
|
onPressed: () {
|
|
// Optional action on Snackbar
|
|
},
|
|
),
|
|
),
|
|
);
|
|
return;
|
|
}
|
|
SaveRoutineHelper.showSaveRoutineDialog(context);
|
|
},
|
|
borderRadius: 15,
|
|
elevation: 0,
|
|
backgroundColor: ColorsManager.primaryColor,
|
|
child: const Text(
|
|
'Save',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: ColorsManager.whiteColors,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|