forked from eatvio/eatvio_app
280 lines
12 KiB
Dart
280 lines
12 KiB
Dart
import 'package:eatvio_app/core/locator_service.dart';
|
||
import 'package:eatvio_app/core/theme/custom_text_style.dart';
|
||
import 'package:eatvio_app/core/theme/theme_helper.dart';
|
||
import 'package:eatvio_app/core/utils/localization_utils.dart';
|
||
import 'package:eatvio_app/core/widgets/bottom_sheet_with_blur.dart';
|
||
import 'package:eatvio_app/core/widgets/custom_outlined_button.dart';
|
||
import 'package:eatvio_app/core/widgets/custom_text_form_field.dart';
|
||
import 'package:eatvio_app/core/widgets/loader.dart';
|
||
import 'package:eatvio_app/core/widgets/main_background_bouble.dart';
|
||
import 'package:eatvio_app/core/widgets/show_error_dialog.dart';
|
||
import 'package:eatvio_app/core/widgets/success_published_diet_bottom_sheet.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/cubit/create_diet_cubit.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/cubit/create_diet_state.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/day_widget.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/diet_preview_screen.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/diet_duration_drop_down_widget.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/diet_image_picker_widget.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/error_widget.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/status_drop_down_widget.dart';
|
||
import 'package:eatvio_app/features/create_diet/presentation/widgets/diet_type_choice_widget.dart';
|
||
import 'package:eatvio_app/features/feed/models/diets_pagination_model.dart';
|
||
import 'package:eatvio_app/generated/l10n.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
|
||
class CreateDietScreen extends StatelessWidget {
|
||
static const name = 'createDietScreen';
|
||
static const path = '/create-diet-screen';
|
||
|
||
const CreateDietScreen({super.key, this.diet});
|
||
|
||
final Diet? diet;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BlocProvider(
|
||
create: (context) => sl<CreateDietCubit>()..setInitialData(diet),
|
||
child: CreateDietScreenContent(diet: diet),
|
||
);
|
||
}
|
||
}
|
||
|
||
class CreateDietScreenContent extends StatefulWidget {
|
||
const CreateDietScreenContent({super.key, this.diet});
|
||
|
||
final Diet? diet;
|
||
|
||
@override
|
||
State<CreateDietScreenContent> createState() => _CreateDietScreenContentState();
|
||
}
|
||
|
||
class _CreateDietScreenContentState extends State<CreateDietScreenContent> {
|
||
final nameController = TextEditingController();
|
||
final descriptionController = TextEditingController();
|
||
final scaffoldKey = GlobalKey<ScaffoldState>();
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
if (widget.diet != null) {
|
||
nameController.text = widget.diet?.name ?? '';
|
||
descriptionController.text = widget.diet?.details ?? '';
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final s = S.of(context);
|
||
return BlocBuilder<CreateDietCubit, CreateDietState>(
|
||
builder: (context, state) {
|
||
if (state.published) {
|
||
Future.delayed(const Duration(milliseconds: 500), () {
|
||
if (!context.mounted) return;
|
||
context.pop();
|
||
showBottomSheetWithBlur(
|
||
userRootNavigator: true,
|
||
context: context,
|
||
child: SuccessPublishedDietOrPlanBottomSheet(
|
||
title: state.dietData.name ?? 'Диета',
|
||
),
|
||
);
|
||
});
|
||
} else if (state.drafted) {
|
||
Future.delayed(const Duration(milliseconds: 500), () {
|
||
if (!context.mounted) return;
|
||
context.pop();
|
||
showBottomSheetWithBlur(
|
||
context: context,
|
||
child: SuccessPublishedDietOrPlanBottomSheet(
|
||
title: '${state.dietData.name ?? 'Диета'} сохраненна в черновиках',
|
||
),
|
||
);
|
||
});
|
||
}
|
||
|
||
return Scaffold(
|
||
backgroundColor: appTheme.gray100,
|
||
appBar: AppBar(
|
||
centerTitle: true,
|
||
title: Text(
|
||
s.create_diet,
|
||
textAlign: TextAlign.center,
|
||
overflow: TextOverflow.ellipsis,
|
||
softWrap: true,
|
||
style: TextStyles.headingXLSemibold.copyWith(color: appTheme.black),
|
||
),
|
||
),
|
||
body: SingleChildScrollView(
|
||
child: Column(
|
||
children: [
|
||
const SizedBox(height: 8),
|
||
MainBackgroundBouble(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const SizedBox(height: 16),
|
||
CustomTextFormField(
|
||
hintText: s.enter_diet_name,
|
||
controller: nameController,
|
||
hasError: state.dietNameError != null,
|
||
onChanged: (value) {
|
||
context.read<CreateDietCubit>().setName(value);
|
||
},
|
||
),
|
||
if (state.dietNameError != null) ...[
|
||
const SizedBox(
|
||
height: 4,
|
||
),
|
||
ValidationErrorWidget(error: state.dietNameError ?? ''),
|
||
],
|
||
const SizedBox(height: 12),
|
||
SizedBox(
|
||
height: 132,
|
||
child: CustomTextFormField(
|
||
hasError: state.dietDescriptionError != null,
|
||
controller: descriptionController,
|
||
textAlignVertical: TextAlignVertical.top,
|
||
maxLines: null,
|
||
minLines: null,
|
||
expands: true,
|
||
hintText: s.enter_diet_description,
|
||
onChanged: (value) {
|
||
context.read<CreateDietCubit>().setDetails(value);
|
||
},
|
||
),
|
||
),
|
||
if (state.dietDescriptionError != null) ...[
|
||
const SizedBox(
|
||
height: 4,
|
||
),
|
||
ValidationErrorWidget(error: state.dietDescriptionError ?? ''),
|
||
],
|
||
const SizedBox(height: 12),
|
||
const DietDurationDropDownWidget(),
|
||
const SizedBox(height: 12),
|
||
StatusDropDownWidget(dietState: widget.diet?.state),
|
||
const SizedBox(height: 16),
|
||
const DietTypeChoiceWidget(),
|
||
const SizedBox(height: 16),
|
||
const DietImagePickerWidget(),
|
||
const SizedBox(height: 16),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
MainBackgroundBouble(
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 16.0),
|
||
child: Center(
|
||
child: Text(
|
||
'${s.diet_plan} (${state.dietData.duration ?? 0} ${getDayForm(state.dietData.duration ?? 0, s)})',
|
||
style: TextStyles.headingXLSemibold.copyWith(
|
||
color: appTheme.black,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
ListView.separated(
|
||
padding: const EdgeInsets.all(0),
|
||
itemBuilder: (context, index) => DayWidget(index: index),
|
||
itemCount: state.dietData.dailySchedule?.length ?? 0,
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
separatorBuilder: (context, index) => const SizedBox(height: 8),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
||
child: Column(
|
||
children: [
|
||
CustomOutlinedButton(
|
||
onPressed: () async {
|
||
context.read<CreateDietCubit>().setDietState(DietState.draft);
|
||
if (widget.diet != null) {
|
||
final result = await context.read<CreateDietCubit>().updateDiet(
|
||
widget.diet!.id,
|
||
);
|
||
if (result == 'error') {
|
||
if (!context.mounted) return;
|
||
showErrorDialog(context, title: '${s.could_not_update_diet} ${state.dietData.name}');
|
||
}
|
||
} else {
|
||
final result = await context.read<CreateDietCubit>().createDiet();
|
||
if (result == 'error') {
|
||
if (!context.mounted) return;
|
||
showErrorDialog(context, title: '${s.could_not_publish_diet} ${state.dietData.name}');
|
||
}
|
||
}
|
||
},
|
||
// onPressed: state.isDietPublishing
|
||
// ? () {}
|
||
// : () async {
|
||
// final diet = await context.read<CreateDietCubit>().getDietForPreview();
|
||
// if (diet == null) return;
|
||
// if (!context.mounted) return;
|
||
// GoRouter.of(context).pushNamed(DietPreviewScreen.name, extra: diet);
|
||
// },
|
||
text: "В черновик",
|
||
height: 52,
|
||
buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.gray),
|
||
buttonStyle: ButtonStyle(
|
||
side: const WidgetStatePropertyAll(BorderSide.none),
|
||
backgroundColor: WidgetStatePropertyAll(appTheme.dottedBorder),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
CustomOutlinedButton(
|
||
onPressed: state.isDietPublishing
|
||
? () {}
|
||
: () async {
|
||
final diet = await context.read<CreateDietCubit>().getDietForPreview();
|
||
if (diet == null) return;
|
||
if (!context.mounted) return;
|
||
GoRouter.of(context).pushNamed(DietPreviewScreen.name, extra: diet);
|
||
},
|
||
text: s.preview,
|
||
height: 52,
|
||
buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.gray),
|
||
buttonStyle: ButtonStyle(
|
||
side: const WidgetStatePropertyAll(BorderSide.none),
|
||
backgroundColor: WidgetStatePropertyAll(appTheme.dottedBorder),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
if (state.isDietPublishing)
|
||
const Loader()
|
||
else
|
||
CustomOutlinedButton(
|
||
onPressed: () async {
|
||
final result = await context.read<CreateDietCubit>().createDiet();
|
||
if (result == 'error') {
|
||
if (!context.mounted) return;
|
||
showErrorDialog(context, title: '${s.could_not_publish_diet} ${state.dietData.name}');
|
||
}
|
||
},
|
||
text: s.publish,
|
||
height: 52,
|
||
buttonTextStyle: TextStyles.textMSemibold.copyWith(color: appTheme.whiteA700),
|
||
buttonStyle: ButtonStyle(
|
||
side: const WidgetStatePropertyAll(BorderSide.none),
|
||
backgroundColor: WidgetStatePropertyAll(appTheme.blueA400),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 20),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
);
|
||
}
|
||
}
|