You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
286 lines
9.9 KiB
Dart
286 lines
9.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:hmg_patient_app_new/core/app_assets.dart';
|
|
import 'package:hmg_patient_app_new/core/app_export.dart';
|
|
import 'package:hmg_patient_app_new/core/utils/utils.dart';
|
|
import 'package:hmg_patient_app_new/extensions/route_extensions.dart';
|
|
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
|
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
|
|
import 'package:hmg_patient_app_new/features/symptoms_checker/symptoms_checker_view_model.dart';
|
|
import 'package:hmg_patient_app_new/theme/colors.dart';
|
|
import 'package:hmg_patient_app_new/widgets/appbar/collapsing_list_view.dart';
|
|
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class SuggestionsScreen extends StatefulWidget {
|
|
const SuggestionsScreen({super.key});
|
|
|
|
@override
|
|
State<SuggestionsScreen> createState() => _SuggestionsScreenState();
|
|
}
|
|
|
|
class _SuggestionsScreenState extends State<SuggestionsScreen> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
// Initialize symptom groups based on selected organs
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
final viewModel = context.read<SymptomsCheckerViewModel>();
|
|
viewModel.fetchSuggestions();
|
|
});
|
|
}
|
|
|
|
void _onOptionSelected(int optionIndex) {}
|
|
|
|
void _onSuggestionSelected(SymptomsCheckerViewModel viewModel, String suggestionId) {
|
|
viewModel.toggleSuggestionsSelection(suggestionId);
|
|
}
|
|
|
|
void _onNextPressed(SymptomsCheckerViewModel viewModel) {
|
|
if (viewModel.hasSelectedSuggestions) {
|
|
// Navigate to triage screen
|
|
context.navigateWithName(AppRoutes.triageScreen);
|
|
} else {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text('Please select at least one option before proceeding'.needTranslation),
|
|
backgroundColor: AppColors.errorColor,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
void _onPreviousPressed() {
|
|
context.pop();
|
|
}
|
|
|
|
Widget _buildSuggestionItem(SymptomsCheckerViewModel viewModel, String suggestionId, String optionText) {
|
|
final bool selected = viewModel.isSuggestionsSelected(suggestionId);
|
|
|
|
return GestureDetector(
|
|
onTap: () => _onSuggestionSelected(viewModel, suggestionId),
|
|
child: Container(
|
|
margin: EdgeInsets.only(bottom: 16.h),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
AnimatedContainer(
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeInOut,
|
|
width: 24.w,
|
|
height: 24.w,
|
|
decoration: BoxDecoration(
|
|
color: selected ? AppColors.primaryRedColor : Colors.transparent,
|
|
borderRadius: BorderRadius.circular(5.r),
|
|
border: Border.all(color: selected ? AppColors.primaryRedColor : AppColors.checkBoxBorderColor, width: 1.w),
|
|
),
|
|
child: selected ? Icon(Icons.check, size: 16.f, color: AppColors.whiteColor) : null,
|
|
),
|
|
SizedBox(width: 12.w),
|
|
Expanded(
|
|
child: optionText.toText14(
|
|
color: suggestionId == "not_applicable" ? AppColors.errorColor : AppColors.textColor,
|
|
weight: FontWeight.w500,
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSuggestionsList(SymptomsCheckerViewModel viewModel) {
|
|
return Container(
|
|
key: ValueKey<int>(viewModel.suggestionsList.length),
|
|
width: double.infinity,
|
|
margin: EdgeInsets.symmetric(horizontal: 24.w),
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.r),
|
|
padding: EdgeInsets.only(top: 24.h, left: 16.w, right: 16.w, bottom: 8.h),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
...viewModel.suggestionsList.map((factor) {
|
|
return _buildSuggestionItem(viewModel, factor.id ?? '', factor.getDisplayName());
|
|
}),
|
|
SizedBox(height: 12.w),
|
|
Row(
|
|
children: [
|
|
Utils.buildSvgWithAssets(
|
|
icon: AppAssets.alertSquare,
|
|
height: 24.h,
|
|
width: 24.h,
|
|
iconColor: AppColors.textColor,
|
|
),
|
|
SizedBox(width: 12.w),
|
|
Expanded(
|
|
child: "This is a list of symptoms suggested by our AI, based on the information gathered so far during the interview".toText12(
|
|
color: AppColors.greyInfoTextColor,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLoadingShimmer() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(height: 16.h),
|
|
// Create 2-3 shimmer cards
|
|
...List.generate(3, (index) {
|
|
return Padding(
|
|
padding: EdgeInsets.only(bottom: 16.h),
|
|
child: _buildShimmerCard(),
|
|
);
|
|
}),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildShimmerCard() {
|
|
return Container(
|
|
width: double.infinity,
|
|
margin: EdgeInsets.symmetric(horizontal: 24.w),
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.r),
|
|
padding: EdgeInsets.symmetric(vertical: 24.h, horizontal: 16.w),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Shimmer title
|
|
Container(
|
|
height: 40.h,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(24.r),
|
|
),
|
|
).toShimmer2(isShow: true, radius: 24.r),
|
|
SizedBox(height: 16.h),
|
|
// Shimmer chips
|
|
Wrap(
|
|
runSpacing: 12.h,
|
|
spacing: 8.w,
|
|
children: List.generate(4, (index) {
|
|
return Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 6.h),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.whiteColor,
|
|
borderRadius: BorderRadius.circular(24.r),
|
|
border: Border.all(color: AppColors.bottomNAVBorder, width: 1),
|
|
),
|
|
child: Text(
|
|
'Not Applicable Suggestion',
|
|
style: TextStyle(fontSize: 14.f, color: AppColors.textColor),
|
|
),
|
|
).toShimmer2(isShow: true, radius: 24.r);
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColors.bgScaffoldColor,
|
|
body: Consumer<SymptomsCheckerViewModel>(
|
|
builder: (context, viewModel, _) {
|
|
return Column(
|
|
children: [
|
|
Expanded(
|
|
child: CollapsingListView(
|
|
title: "Suggestions".needTranslation,
|
|
leadingCallback: () => context.pop(),
|
|
child: viewModel.isSuggestionsLoading
|
|
? _buildLoadingShimmer()
|
|
: viewModel.suggestionsList.isEmpty
|
|
? _buildEmptyState()
|
|
: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(height: 16.h),
|
|
_buildSuggestionsList(viewModel),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
_buildStickyBottomCard(context, viewModel),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEmptyState() {
|
|
return Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(24.h),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.info_outline, size: 64.h, color: AppColors.greyTextColor),
|
|
SizedBox(height: 16.h),
|
|
Text(
|
|
'No organs selected'.needTranslation,
|
|
style: TextStyle(
|
|
fontSize: 18.f,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.textColor,
|
|
),
|
|
),
|
|
SizedBox(height: 8.h),
|
|
Text(
|
|
'Please go back and select organs first'.needTranslation,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 14.f,
|
|
color: AppColors.greyTextColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStickyBottomCard(BuildContext context, SymptomsCheckerViewModel viewModel) {
|
|
return Container(
|
|
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 24.r),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
SizedBox(height: 16.h),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: CustomButton(
|
|
text: "Previous".needTranslation,
|
|
onPressed: _onPreviousPressed,
|
|
backgroundColor: AppColors.primaryRedColor.withValues(alpha: 0.11),
|
|
borderColor: Colors.transparent,
|
|
textColor: AppColors.primaryRedColor,
|
|
fontSize: 16.f,
|
|
),
|
|
),
|
|
SizedBox(width: 12.w),
|
|
Expanded(
|
|
child: CustomButton(
|
|
text: "Next".needTranslation,
|
|
onPressed: () => _onNextPressed(viewModel),
|
|
backgroundColor: AppColors.primaryRedColor,
|
|
borderColor: AppColors.primaryRedColor,
|
|
textColor: AppColors.whiteColor,
|
|
fontSize: 16.f,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 24.h),
|
|
],
|
|
).paddingSymmetrical(24.w, 0),
|
|
);
|
|
}
|
|
}
|