Medical File Insurance tab content done

pull/8/head
haroon amjad 2 months ago
parent 22e9fb738b
commit 89456bc2aa

@ -0,0 +1,4 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="10" fill="#EFEFF0"/>
<path d="M13.7111 11.5912C14.306 11.0863 15.1364 10.9755 15.8433 11.3376C16.1565 11.4981 16.3759 11.7476 16.5314 11.9451C16.6881 12.144 16.8637 12.403 17.0592 12.6911L17.0778 12.7186C17.3879 13.1757 17.2687 13.7975 16.8116 14.1076C16.3546 14.4176 15.7327 14.2984 15.4227 13.8414C15.2131 13.5324 15.0804 13.3377 14.9758 13.2025L14.9731 13.208C14.8944 13.3687 14.8007 13.5974 14.6506 13.9663L11.6352 21.375H15.5253C15.9697 21.375 16.3408 21.375 16.6454 21.3958C16.9625 21.4174 17.262 21.464 17.5524 21.5843C17.9648 21.7552 18.3254 22.022 18.6071 22.3579C18.9902 22.0555 19.474 21.875 20 21.875C20.526 21.875 21.0098 22.0555 21.3929 22.3579C21.6746 22.022 22.0352 21.7552 22.4476 21.5843C22.738 21.464 23.0375 21.4174 23.3546 21.3958C23.6592 21.375 24.0303 21.375 24.4747 21.375L28.3651 21.375L25.3498 13.9663C25.1996 13.5974 25.106 13.3687 25.0273 13.208L25.0246 13.2025C24.92 13.3377 24.7872 13.5324 24.5777 13.8414C24.2676 14.2984 23.6458 14.4176 23.1887 14.1076C22.7317 13.7975 22.6125 13.1757 22.9225 12.7186L22.9412 12.6911C23.1366 12.403 23.3123 12.144 23.4689 11.9451C23.6245 11.7476 23.8439 11.4981 24.1571 11.3376C24.8639 10.9755 25.6943 11.0863 26.2893 11.5912C26.5522 11.8143 26.712 12.1003 26.8239 12.3291C26.9364 12.5591 27.0558 12.8527 27.19 13.1823L30.6763 21.7481C30.8452 22.1631 30.7153 22.6253 30.3872 22.8962L30.2042 23.1708C29.9446 23.5602 29.8788 23.666 29.8365 23.7736C29.8121 23.8359 29.7926 23.9 29.7785 23.9654C29.7539 24.0784 29.75 24.2028 29.75 24.6708V24.708C29.75 25.3568 29.75 25.8982 29.7067 26.3372C29.6614 26.7964 29.563 27.2234 29.3137 27.6114C29.1004 27.9433 28.8183 28.2254 28.4864 28.4387C28.0984 28.688 27.6714 28.7864 27.2122 28.8317C26.7732 28.875 26.2318 28.875 25.583 28.875L24.4747 28.875C24.0303 28.875 23.6592 28.875 23.3546 28.8542C23.0375 28.8326 22.738 28.786 22.4476 28.6657C21.7738 28.3866 21.2384 27.8512 20.9593 27.1774C20.839 26.887 20.7924 26.5875 20.7708 26.2704C20.75 25.9658 20.75 25.5947 20.75 25.1503V25.0997C20.75 24.7237 20.75 24.4002 20.7626 24.125H20.75C20.75 23.7108 20.4142 23.375 20 23.375C19.5858 23.375 19.25 23.7108 19.25 24.125H19.2374C19.25 24.4002 19.25 24.7237 19.25 25.0997V25.1503C19.25 25.5947 19.25 25.9658 19.2292 26.2704C19.2076 26.5875 19.161 26.887 19.0407 27.1774C18.7616 27.8512 18.2262 28.3866 17.5524 28.6657C17.262 28.786 16.9625 28.8326 16.6454 28.8542C16.3408 28.875 15.9697 28.875 15.5253 28.875L14.417 28.875C13.7682 28.875 13.2268 28.875 12.7878 28.8317C12.3286 28.7864 11.9016 28.688 11.5136 28.4387C11.1817 28.2254 10.8996 27.9433 10.6863 27.6114C10.437 27.2234 10.3386 26.7964 10.2933 26.3372C10.25 25.8982 10.25 25.3568 10.25 24.708L10.25 24.6708C10.25 24.2028 10.2461 24.0784 10.2216 23.9654C10.2074 23.9 10.1879 23.8359 10.1635 23.7736C10.1212 23.666 10.0554 23.5602 9.79584 23.1708L9.61231 22.8955C9.38239 22.7053 9.25004 22.4209 9.25 22.1249C9.24998 21.9993 9.27378 21.8716 9.32404 21.7481L12.8103 13.1824C12.9445 12.8527 13.064 12.5591 13.1765 12.3291C13.2884 12.1003 13.4481 11.8143 13.7111 11.5912Z" fill="#8F9AA3"/>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

@ -59,6 +59,7 @@ class AppAssets {
static const String habib_background_icon = '$svgBasePath/habib_logo_background.svg';
static const String show_icon = '$svgBasePath/show_icon.svg';
static const String recharge_icon = '$svgBasePath/recharge_icon.svg';
static const String eye_result_icon = '$svgBasePath/eye_results_icon.svg';
// PNGS //
static const String hmg_logo = '$pngBasePath/hmg_logo.png';

@ -5,6 +5,7 @@ import 'package:hmg_patient_app_new/core/utils/size_utils.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/generated/locale_keys.g.dart';
import 'package:hmg_patient_app_new/presentation/medical_file/widgets/medical_file_card.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/input_widget.dart';
@ -165,7 +166,7 @@ class MedicalFilePage extends StatelessWidget {
SizedBox(height: 16.h),
//Insurance Tab Data
Container(
height: 150.h,
// height: 150.h,
width: double.infinity,
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
color: AppColors.whiteColor,
@ -174,6 +175,7 @@ class MedicalFilePage extends StatelessWidget {
child: Padding(
padding: EdgeInsets.all(16.h),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
@ -202,10 +204,75 @@ class MedicalFilePage extends StatelessWidget {
),
],
),
SizedBox(height: 12.h),
"NCCI".toText12(isBold: true),
"NC_Dr Sulaiman Al Habib Medical Group".toText12(isBold: true),
SizedBox(height: 8.h),
Row(
children: [
CustomButton(
icon: AppAssets.cross_circle,
iconColor: AppColors.primaryRedColor,
iconSize: 13.h,
text: "Expiry: 18 Mar, 2025",
onPressed: () {},
backgroundColor: AppColors.primaryRedColor.withOpacity(0.1),
borderColor: AppColors.primaryRedColor.withOpacity(0.0),
textColor: AppColors.primaryRedColor,
fontSize: 10,
fontWeight: FontWeight.w500,
borderRadius: 12,
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
height: 30.h,
),
SizedBox(width: 5.h),
CustomButton(
text: "Patient Card ID: 3628599",
onPressed: () {},
backgroundColor: AppColors.greyColor,
borderColor: AppColors.greyColor,
textColor: AppColors.blackColor,
fontSize: 10,
fontWeight: FontWeight.normal,
borderRadius: 12,
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
height: 30.h,
),
],
),
SizedBox(height: 10.h),
CustomButton(
icon: AppAssets.cross_circle,
iconColor: AppColors.primaryRedColor,
iconSize: 13.h,
text: "${LocaleKeys.updateInsurance.tr(context: context)} ${LocaleKeys.updateInsuranceSubtitle.tr(context: context)}",
onPressed: () {},
backgroundColor: AppColors.bgGreenColor.withOpacity(0.20),
borderColor: AppColors.bgGreenColor.withOpacity(0.0),
textColor: AppColors.bgGreenColor,
fontSize: 14,
fontWeight: FontWeight.w500,
borderRadius: 12,
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
height: 40.h,
),
],
),
),
),
SizedBox(height: 10.h),
GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3, crossAxisSpacing: 13, mainAxisSpacing: 13),
physics: NeverScrollableScrollPhysics(),
padding: EdgeInsets.only(top: 12),
shrinkWrap: true,
children: [
MedicalFileCard(label: "Update Insurance", textColor: AppColors.blackColor, backgroundColor: AppColors.whiteColor, svgIcon: AppAssets.eye_result_icon),
MedicalFileCard(label: "Insurance Approvals", textColor: AppColors.blackColor, backgroundColor: AppColors.whiteColor, svgIcon: AppAssets.eye_result_icon),
MedicalFileCard(label: "My Invoices List", textColor: AppColors.blackColor, backgroundColor: AppColors.whiteColor, svgIcon: AppAssets.eye_result_icon),
MedicalFileCard(label: "Ancillary Orders List", textColor: AppColors.blackColor, backgroundColor: AppColors.whiteColor, svgIcon: AppAssets.eye_result_icon),
],
),
],
),
),

@ -0,0 +1,44 @@
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
import 'package:hmg_patient_app_new/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/extensions/widget_extensions.dart';
class MedicalFileCard extends StatelessWidget {
final String label;
// final Color svgColor;
final Color textColor;
final Color backgroundColor;
final String svgIcon;
MedicalFileCard({
required this.label,
// required this.svgColor,
required this.textColor,
required this.backgroundColor,
this.svgIcon = "",
});
@override
Widget build(BuildContext context) {
return Container(
decoration: RoundedRectangleBorder().toSmoothCornerDecoration(
color: backgroundColor,
borderRadius: 20,
),
child: Padding(
padding: EdgeInsets.all(8.h),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Utils.buildSvgWithAssets(icon: svgIcon, width: 30.h, height: 30.h, fit: BoxFit.contain),
SizedBox(height: 12.h),
label.toText11(color: textColor, isBold: true),
],
),
),
);
}
}
Loading…
Cancel
Save