|
|
|
@ -19,116 +19,128 @@ class DashboardReferralPatient extends StatelessWidget {
|
|
|
|
|
const DashboardReferralPatient({Key key, this.dashboardItemList, this.height, this.model}) : super(key: key);
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return RoundedContainer(
|
|
|
|
|
raduis: 16,
|
|
|
|
|
showBorder: false,
|
|
|
|
|
borderColor: Colors.white,
|
|
|
|
|
shadowWidth: 0.2,
|
|
|
|
|
shadowSpreadRadius: 3,
|
|
|
|
|
shadowDy: 1,
|
|
|
|
|
margin: EdgeInsets.only(top: 15, bottom: 15, left: 10, right: 10),
|
|
|
|
|
child:
|
|
|
|
|
Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 4,
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.all(5.0),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.all(8),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
(SizeConfig.isHeightVeryShort?
|
|
|
|
|
3
|
|
|
|
|
: SizeConfig.isHeightShort?
|
|
|
|
|
2
|
|
|
|
|
: 2)),
|
|
|
|
|
Label(
|
|
|
|
|
firstLine: TranslationBase.of(context).patients,
|
|
|
|
|
secondLine: TranslationBase.of(context).referral,
|
|
|
|
|
color: Color(0xFF2B353E),
|
|
|
|
|
secondLineFontSize: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
return Container(
|
|
|
|
|
margin: EdgeInsets.only(bottom: 20, top: 10, left: 5, right: 5),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
borderRadius: BorderRadius.only(
|
|
|
|
|
topLeft: Radius.circular(20),
|
|
|
|
|
topRight: Radius.circular(20),
|
|
|
|
|
bottomLeft: Radius.circular(20),
|
|
|
|
|
bottomRight: Radius.circular(20)
|
|
|
|
|
),
|
|
|
|
|
boxShadow: [
|
|
|
|
|
BoxShadow(
|
|
|
|
|
color: Colors.grey.withOpacity(0.5),
|
|
|
|
|
spreadRadius: 0,
|
|
|
|
|
blurRadius: 9,
|
|
|
|
|
offset: Offset(0, 0), // changes position of shadow
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 4,
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.all(5.0),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.all(8),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
(SizeConfig.isHeightVeryShort?
|
|
|
|
|
3
|
|
|
|
|
: SizeConfig.isHeightShort?
|
|
|
|
|
2
|
|
|
|
|
: 2)),
|
|
|
|
|
Label(
|
|
|
|
|
firstLine: TranslationBase.of(context).patients,
|
|
|
|
|
secondLine: TranslationBase.of(context).referral,
|
|
|
|
|
color: Color(0xFF2B353E),
|
|
|
|
|
secondLineFontSize: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
(SizeConfig.isHeightVeryShort?
|
|
|
|
|
5
|
|
|
|
|
: SizeConfig.isHeightShort?
|
|
|
|
|
7
|
|
|
|
|
: 12),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
(SizeConfig.isHeightVeryShort?
|
|
|
|
|
5
|
|
|
|
|
: SizeConfig.isHeightShort?
|
|
|
|
|
7
|
|
|
|
|
: 12),
|
|
|
|
|
),
|
|
|
|
|
SizedBox(
|
|
|
|
|
height: SizeConfig.getHeightMultiplier(height: height) *
|
|
|
|
|
(SizeConfig.isHeightVeryShort?
|
|
|
|
|
5
|
|
|
|
|
: SizeConfig.isHeightShort?
|
|
|
|
|
10
|
|
|
|
|
: 5))
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
10
|
|
|
|
|
: 5))
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[0].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[0].value,
|
|
|
|
|
Colors.black,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[1].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[1].value,
|
|
|
|
|
Colors.grey,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[2].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[2].value,
|
|
|
|
|
Colors.red,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 1,
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[0].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[0].value,
|
|
|
|
|
Colors.black,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[1].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[1].value,
|
|
|
|
|
Colors.grey,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
RowCounts(
|
|
|
|
|
dashboardItemList[2].summaryoptions[2].kPIParameter,
|
|
|
|
|
dashboardItemList[2].summaryoptions[2].value,
|
|
|
|
|
Colors.red,
|
|
|
|
|
height: height,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 3,
|
|
|
|
|
child: Stack(children: [
|
|
|
|
|
Container(padding: EdgeInsets.all(0), child: GaugeChart(_createReferralData(dashboardItemList))),
|
|
|
|
|
Positioned(
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
AppText(
|
|
|
|
|
model.getPatientCount(dashboardItemList[2]).toString(),
|
|
|
|
|
fontSize: SizeConfig.textMultiplier * 3.0,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
),
|
|
|
|
|
Expanded(
|
|
|
|
|
flex: 3,
|
|
|
|
|
child: Stack(children: [
|
|
|
|
|
Container(padding: EdgeInsets.all(0), child: GaugeChart(_createReferralData(dashboardItemList))),
|
|
|
|
|
Positioned(
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
AppText(
|
|
|
|
|
model.getPatientCount(dashboardItemList[2]).toString(),
|
|
|
|
|
fontSize: SizeConfig.textMultiplier * 3.0,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
top: height * (SizeConfig.isHeightVeryShort ? 0.35 : 0.40),
|
|
|
|
|
left: 0,
|
|
|
|
|
right: 0)
|
|
|
|
|
]),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
]));
|
|
|
|
|
),
|
|
|
|
|
top: height * (SizeConfig.isHeightVeryShort ? 0.35 : 0.40),
|
|
|
|
|
left: 0,
|
|
|
|
|
right: 0)
|
|
|
|
|
]),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
]),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static List<charts.Series<GaugeSegment, String>> _createReferralData(List<DashboardModel> dashboardItemList) {
|
|
|
|
|