commit
3911a8fd1a
@ -0,0 +1,103 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:easy_localization/easy_localization.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/widget_extensions.dart';
|
||||
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
||||
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||
|
||||
class CollapsingListView extends StatelessWidget {
|
||||
final String title;
|
||||
Widget? child;
|
||||
VoidCallback? search;
|
||||
Widget? bottomChild;
|
||||
bool isClose;
|
||||
|
||||
CollapsingListView({required this.title, this.child, this.search, this.isClose = false, this.bottomChild});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.bgScaffoldColor,
|
||||
body: Column(
|
||||
children: [
|
||||
CustomScrollView(
|
||||
slivers: [
|
||||
SliverAppBar(
|
||||
pinned: true,
|
||||
expandedHeight: 100,
|
||||
stretch: true,
|
||||
backgroundColor: AppColors.bgScaffoldColor,
|
||||
leading: IconButton(
|
||||
icon: Utils.buildSvgWithAssets(icon: isClose ? AppAssets.closeBottomNav : AppAssets.arrow_back, width: 32.h, height: 32.h),
|
||||
padding: EdgeInsets.only(left: 12),
|
||||
onPressed: () => Navigator.pop(context),
|
||||
),
|
||||
flexibleSpace: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final double maxHeight = 100;
|
||||
final double minHeight = kToolbarHeight;
|
||||
double t = (constraints.maxHeight - minHeight) / (maxHeight - minHeight);
|
||||
t = t - 1;
|
||||
if (t < 0.7) t = 0.7;
|
||||
t = t.clamp(0.0, 1.0);
|
||||
|
||||
final double fontSize = lerpDouble(14, 18, t)!;
|
||||
final double bottomPadding = lerpDouble(0, 0, t)!;
|
||||
final double leftPadding = lerpDouble(150, 24, t)!;
|
||||
|
||||
return Stack(
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.lerp(
|
||||
Alignment.center,
|
||||
Alignment.bottomLeft,
|
||||
t,
|
||||
)!,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(
|
||||
left: leftPadding,
|
||||
bottom: bottomPadding,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 4.h,
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
maxLines: 1,
|
||||
style: TextStyle(
|
||||
fontSize: (27 - (5 * (2 - t))).fSize,
|
||||
fontWeight: FontWeight.lerp(
|
||||
FontWeight.w300,
|
||||
FontWeight.w600,
|
||||
t,
|
||||
)!,
|
||||
color: AppColors.blackColor,
|
||||
letterSpacing: -0.5),
|
||||
).expanded,
|
||||
if (search != null) Utils.buildSvgWithAssets(icon: AppAssets.search_icon).onPress(search!).paddingOnly(right: 24)
|
||||
],
|
||||
)),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, index) => child,
|
||||
childCount: 1,
|
||||
),
|
||||
),
|
||||
],
|
||||
).expanded,
|
||||
if (bottomChild != null) bottomChild!
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,172 @@
|
||||
import 'package:easy_localization/easy_localization.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/date_util.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/lab/models/resp_models/patient_lab_orders_response_model.dart';
|
||||
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
||||
import 'package:hmg_patient_app_new/theme/colors.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
|
||||
import 'package:hmg_patient_app_new/widgets/chip/app_custom_chip_widget.dart';
|
||||
|
||||
class LabResultItemView extends StatelessWidget {
|
||||
final VoidCallback onTap;
|
||||
final int index;
|
||||
final PatientLabOrdersResponseModel? labOrder;
|
||||
final bool isLoading;
|
||||
final bool isExpanded;
|
||||
|
||||
LabResultItemView({Key? key, required this.onTap, this.labOrder, required this.index, this.isLoading = false, this.isExpanded = false}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedContainer(
|
||||
duration: Duration(milliseconds: 300),
|
||||
curve: Curves.easeInOut,
|
||||
margin: EdgeInsets.symmetric(vertical: 8.h),
|
||||
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(color: AppColors.whiteColor, borderRadius: 20.h, hasShadow: true),
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
if (!isLoading) {
|
||||
onTap();
|
||||
}
|
||||
},
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.all(16.h),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
AppCustomChipWidget(
|
||||
labelText: getLabOrderStatusText(labOrder?.status ?? 0, context),
|
||||
backgroundColor: getLabOrderStatusColor(labOrder?.status ?? 0).withOpacity(0.15),
|
||||
textColor: getLabOrderStatusColor(labOrder?.status ?? 0),
|
||||
).toShimmer2(isShow: isLoading, width: 100),
|
||||
if (!isLoading) Icon(isExpanded ? Icons.expand_less : Icons.expand_more),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 8.h),
|
||||
Row(
|
||||
children: [
|
||||
Image.network(
|
||||
isLoading ? "" : labOrder!.doctorImageURL!,
|
||||
width: 24.h,
|
||||
height: 24.h,
|
||||
fit: BoxFit.fill,
|
||||
errorBuilder: (cxt, child, tr) {
|
||||
return SizedBox(height: 24, width: 24);
|
||||
},
|
||||
).toShimmer2(isShow: isLoading).circle(100),
|
||||
SizedBox(width: 4.h),
|
||||
(labOrder?.doctorName ?? "").toText16(isBold: true).toShimmer2(isShow: isLoading, width: 200)
|
||||
],
|
||||
),
|
||||
SizedBox(height: 8.h),
|
||||
Wrap(
|
||||
spacing: 8.h,
|
||||
runSpacing: 0.h,
|
||||
children: [
|
||||
AppCustomChipWidget(labelText: isLoading ? "null" : DateUtil.formatDateToDate(DateUtil.convertStringToDate(labOrder!.createdOn), false)).toShimmer2(isShow: isLoading, width: 70),
|
||||
AppCustomChipWidget(labelText: isLoading ? "null" : labOrder!.clinicDescription!).toShimmer2(isShow: isLoading, width: 100),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
AnimatedSwitcher(
|
||||
duration: Duration(milliseconds: 300),
|
||||
switchInCurve: Curves.easeIn,
|
||||
switchOutCurve: Curves.easeOut,
|
||||
transitionBuilder: (Widget child, Animation<double> animation) {
|
||||
return FadeTransition(
|
||||
opacity: animation,
|
||||
child: SizeTransition(
|
||||
sizeFactor: animation,
|
||||
axisAlignment: 0.0,
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
},
|
||||
child: isExpanded
|
||||
? Container(
|
||||
key: ValueKey<int>(index),
|
||||
padding: EdgeInsets.symmetric(horizontal: 16.h, vertical: 8.h),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
...labOrder!.testDetails!.map((detail) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(bottom: 8.h),
|
||||
child: '● ${detail.description}'.toText14(weight: FontWeight.w500),
|
||||
);
|
||||
}).toList(),
|
||||
SizedBox(height: 16.h),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
SizedBox(),
|
||||
CustomButton(
|
||||
icon: AppAssets.view_report_icon,
|
||||
iconColor: AppColors.primaryRedColor,
|
||||
iconSize: 16.h,
|
||||
text: LocaleKeys.viewReport.tr(context: context),
|
||||
onPressed: () {},
|
||||
backgroundColor: AppColors.secondaryLightRedColor,
|
||||
borderColor: AppColors.secondaryLightRedColor,
|
||||
textColor: AppColors.primaryRedColor,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
borderRadius: 12,
|
||||
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
|
||||
height: 40.h,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
: SizedBox.shrink(key: ValueKey<int>(-index)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String getLabOrderStatusText(num status, context) {
|
||||
switch (status) {
|
||||
case 44:
|
||||
return LocaleKeys.resultsPending.tr(context: context);
|
||||
case 45:
|
||||
return LocaleKeys.resultsPending.tr(context: context);
|
||||
case 16:
|
||||
return LocaleKeys.resultsAvailable.tr(context: context);
|
||||
case 17:
|
||||
return LocaleKeys.resultsAvailable.tr(context: context);
|
||||
default:
|
||||
return "";
|
||||
}
|
||||
}
|
||||
|
||||
Color getLabOrderStatusColor(num status) {
|
||||
switch (status) {
|
||||
case 44:
|
||||
return AppColors.warningColorYellow;
|
||||
case 45:
|
||||
return AppColors.warningColorYellow;
|
||||
case 16:
|
||||
return AppColors.successColor;
|
||||
case 17:
|
||||
return AppColors.successColor;
|
||||
default:
|
||||
return AppColors.greyColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue