forked from eatvio/eatvio_app
344 lines
14 KiB
Dart
344 lines
14 KiB
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/utils/toasts.dart';
|
|
import 'package:eatvio_app/core/widgets/cpfc_container.dart';
|
|
import 'package:eatvio_app/core/widgets/custom_divider.dart';
|
|
import 'package:eatvio_app/core/widgets/custom_outlined_button.dart';
|
|
import 'package:eatvio_app/core/widgets/main_background_bouble.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/add_meal_widget.dart';
|
|
import 'package:eatvio_app/features/create_diet/presentation/widgets/error_widget.dart';
|
|
import 'package:eatvio_app/features/feed/presentation/widgets/choice_chip_widget.dart';
|
|
import 'package:eatvio_app/generated/l10n.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
|
|
class DayWidget extends StatefulWidget {
|
|
const DayWidget({
|
|
super.key,
|
|
required this.index,
|
|
});
|
|
final int index;
|
|
@override
|
|
State<DayWidget> createState() => _DayWidgetState();
|
|
}
|
|
|
|
class _DayWidgetState extends State<DayWidget> {
|
|
int _selectedMealIndex = 0;
|
|
final chipsLabelList = ['1', '2', '3', '4', '5'];
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final s = S.of(context);
|
|
return BlocBuilder<CreateDietCubit, CreateDietState>(
|
|
builder: (context, state) {
|
|
return MainBackgroundBouble(
|
|
hasError: state.dailyScheduleErrors[widget.index].isNotEmpty,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 16, right: 16, top: 16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
'${s.day} ${widget.index + 1}',
|
|
style: TextStyles.headingXLSemibold.copyWith(color: appTheme.black),
|
|
),
|
|
const Spacer(),
|
|
GestureDetector(
|
|
onTap: () {
|
|
context.read<CreateDietCubit>().copyDay(widget.index);
|
|
showInfoToast('${s.day} ${widget.index + 1} ${s.copied}');
|
|
},
|
|
child: SvgPicture.asset(
|
|
'assets/icons/copy2.svg',
|
|
width: 20,
|
|
height: 24,
|
|
colorFilter: ColorFilter.mode(appTheme.black, BlendMode.srcIn),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
const CustomDivider(),
|
|
const SizedBox(
|
|
height: 12,
|
|
),
|
|
Text(
|
|
s.meal,
|
|
style: TextStyles.textMMedium.copyWith(color: appTheme.black),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Row(
|
|
children: [
|
|
ChoiceChipWidget(
|
|
chipsLabelList: chipsLabelList,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
fontSize: TextStyles.textMMedium.fontSize,
|
|
fontWeight: TextStyles.textMMedium.fontWeight,
|
|
index: 0,
|
|
selectedChipIndex: _selectedMealIndex,
|
|
onSelected: (selectedValue) {
|
|
setState(() {
|
|
_selectedMealIndex = 0;
|
|
});
|
|
},
|
|
),
|
|
const Spacer(),
|
|
ChoiceChipWidget(
|
|
chipsLabelList: chipsLabelList,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
fontSize: TextStyles.textMMedium.fontSize,
|
|
fontWeight: TextStyles.textMMedium.fontWeight,
|
|
index: 1,
|
|
selectedChipIndex: _selectedMealIndex,
|
|
onSelected: (selectedValue) {
|
|
setState(() {
|
|
_selectedMealIndex = 1;
|
|
});
|
|
},
|
|
),
|
|
const Spacer(),
|
|
ChoiceChipWidget(
|
|
chipsLabelList: chipsLabelList,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
fontSize: TextStyles.textMMedium.fontSize,
|
|
fontWeight: TextStyles.textMMedium.fontWeight,
|
|
index: 2,
|
|
selectedChipIndex: _selectedMealIndex,
|
|
onSelected: (selectedValue) {
|
|
setState(() {
|
|
_selectedMealIndex = 2;
|
|
});
|
|
},
|
|
),
|
|
const Spacer(),
|
|
ChoiceChipWidget(
|
|
chipsLabelList: chipsLabelList,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
fontSize: TextStyles.textMMedium.fontSize,
|
|
fontWeight: TextStyles.textMMedium.fontWeight,
|
|
index: 3,
|
|
selectedChipIndex: _selectedMealIndex,
|
|
onSelected: (selectedValue) {
|
|
setState(() {
|
|
_selectedMealIndex = 3;
|
|
});
|
|
},
|
|
),
|
|
const Spacer(),
|
|
ChoiceChipWidget(
|
|
chipsLabelList: chipsLabelList,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
fontSize: TextStyles.textMMedium.fontSize,
|
|
fontWeight: TextStyles.textMMedium.fontWeight,
|
|
index: 4,
|
|
selectedChipIndex: _selectedMealIndex,
|
|
onSelected: (selectedValue) {
|
|
setState(() {
|
|
_selectedMealIndex = 4;
|
|
});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
ListView.separated(
|
|
separatorBuilder: (context, index) => const SizedBox(
|
|
height: 8,
|
|
),
|
|
padding: const EdgeInsets.all(0),
|
|
itemBuilder: (context, index) {
|
|
final product = state.dietData.dailySchedule?[widget.index][_selectedMealIndex][index];
|
|
if (product != null) {
|
|
return _product(
|
|
index,
|
|
product.name,
|
|
product.quantity,
|
|
getLocalizedMeasurementUnits(
|
|
s,
|
|
product.portion,
|
|
),
|
|
widget.index,
|
|
_selectedMealIndex,
|
|
);
|
|
}
|
|
return null;
|
|
},
|
|
itemCount: state.dietData.dailySchedule?[widget.index][_selectedMealIndex].length ?? 0,
|
|
shrinkWrap: true,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
context.read<CreateDietCubit>().pasteCopiedDay(widget.index);
|
|
},
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
|
|
decoration: BoxDecoration(color: appTheme.gray50, borderRadius: const BorderRadius.all(Radius.circular(12))),
|
|
child: SvgPicture.asset(
|
|
'assets/icons/paste2.svg',
|
|
width: 28,
|
|
height: 24,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: CustomOutlinedButton(
|
|
onPressed: () {
|
|
_modalBottomSheet(
|
|
dayIndex: widget.index,
|
|
mealIndex: _selectedMealIndex,
|
|
createDietCubit: context.read<CreateDietCubit>(),
|
|
);
|
|
},
|
|
text: s.add,
|
|
height: 52,
|
|
buttonTextStyle: TextStyles.textMSemibold.copyWith(
|
|
color: appTheme.whiteA700,
|
|
),
|
|
buttonStyle: ButtonStyle(
|
|
side: const WidgetStatePropertyAll(BorderSide.none),
|
|
backgroundColor: WidgetStatePropertyAll(appTheme.blueA400),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
if (state.dailyScheduleErrors[widget.index].isNotEmpty) ...[
|
|
const SizedBox(height: 12),
|
|
ValidationErrorWidget(error: state.dailyScheduleErrors[widget.index]),
|
|
],
|
|
const SizedBox(height: 20),
|
|
],
|
|
),
|
|
),
|
|
BlocBuilder<CreateDietCubit, CreateDietState>(
|
|
builder: (context, state) {
|
|
if (state.dietData.dailySchedule != null) {
|
|
final day = state.dietData.dailySchedule?[widget.index];
|
|
final double calories = day!.fold(
|
|
0,
|
|
(previousValue, element) =>
|
|
previousValue +
|
|
element.fold(
|
|
0,
|
|
(previousValue, element) => previousValue + (element.dailyNutrition?.energy ?? 0),
|
|
),
|
|
);
|
|
|
|
final double proteins = day.fold(
|
|
0,
|
|
(previousValue, element) =>
|
|
previousValue +
|
|
element.fold(
|
|
0,
|
|
(previousValue, element) => previousValue + (element.dailyNutrition?.proteins ?? 0),
|
|
),
|
|
);
|
|
|
|
final double fats = day.fold(
|
|
0,
|
|
(previousValue, element) =>
|
|
previousValue +
|
|
element.fold(
|
|
0,
|
|
(previousValue, element) => previousValue + (element.dailyNutrition?.fats ?? 0),
|
|
),
|
|
);
|
|
|
|
final double carbohydrates = day.fold(
|
|
0,
|
|
(previousValue, element) =>
|
|
previousValue +
|
|
element.fold(
|
|
0,
|
|
(previousValue, element) => previousValue + (element.dailyNutrition?.carbohydrates ?? 0),
|
|
),
|
|
);
|
|
return CpfcContainer(
|
|
calories: calories,
|
|
proteins: proteins,
|
|
fats: fats,
|
|
carbohydrates: carbohydrates,
|
|
);
|
|
}
|
|
return const CpfcContainer(
|
|
calories: 0,
|
|
proteins: 0,
|
|
fats: 0,
|
|
carbohydrates: 0,
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Material _product(int index, String product, int quantity, String portion, int dayIndex, int mealIndex) {
|
|
return Material(
|
|
child: ListTile(
|
|
onTap: () {
|
|
_modalBottomSheet(
|
|
mealIndex: mealIndex,
|
|
dayIndex: dayIndex,
|
|
createDietCubit: context.read<CreateDietCubit>(),
|
|
portionIndex: index,
|
|
productNameControllerText: product,
|
|
quantityControllerText: quantity.toString(),
|
|
);
|
|
},
|
|
trailing: const Icon(Icons.more_vert_rounded),
|
|
title: Text(product),
|
|
subtitle: Text('$quantity $portion'),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
tileColor: appTheme.gray50,
|
|
),
|
|
);
|
|
}
|
|
|
|
Future _modalBottomSheet({
|
|
required CreateDietCubit createDietCubit,
|
|
required int dayIndex,
|
|
required int mealIndex,
|
|
int? portionIndex,
|
|
String? productNameControllerText,
|
|
String? quantityControllerText,
|
|
}) {
|
|
return showModalBottomSheet(
|
|
useRootNavigator: true,
|
|
context: context,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(12)),
|
|
),
|
|
isScrollControlled: true,
|
|
builder: (context) {
|
|
return AddMealWidget(
|
|
dayIndex: dayIndex,
|
|
createDietCubit: createDietCubit,
|
|
portionIndex: portionIndex,
|
|
productNameControllerText: productNameControllerText,
|
|
quantityControllerText: quantityControllerText,
|
|
mealIndex: mealIndex,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|