144 lines
5.6 KiB
Dart
144 lines
5.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:loading_animation_widget/loading_animation_widget.dart';
|
|
|
|
import '../../app/constant.dart';
|
|
import '../../models/work_total_model.dart';
|
|
|
|
class InformationCard extends StatelessWidget {
|
|
const InformationCard(
|
|
{super.key,
|
|
this.bgColor,
|
|
this.elevation = false,
|
|
required this.data,
|
|
required this.loading});
|
|
final Color? bgColor;
|
|
final bool? elevation;
|
|
final bool loading;
|
|
final WorkTotalModel data;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(40),
|
|
color: bgColor ?? Colors.white,
|
|
// border: Border.all(width: 0),
|
|
boxShadow: [
|
|
if (elevation == true)
|
|
BoxShadow(
|
|
color: Colors.grey.shade200,
|
|
offset: Offset(0.0, 1.0), //(x,y)
|
|
blurRadius: 2,
|
|
),
|
|
if (elevation == false)
|
|
BoxShadow(
|
|
color: Color(0XFF0000000F).withOpacity(0.06),
|
|
offset: Offset(0.0, 2), //(x,y)
|
|
blurRadius: 30,
|
|
),
|
|
],
|
|
),
|
|
height: Constant.getActualY(context: context, y: 112),
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: Constant.getActualX(context: context, x: 32),
|
|
vertical: Constant.getActualY(context: context, y: 12)),
|
|
child: SizedBox(
|
|
// color: Colors.blue,
|
|
height: Constant.getActualY(context: context, y: 88),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
Image.asset(
|
|
width: Constant.getActualX(context: context, x: 24),
|
|
height: Constant.getActualX(context: context, x: 24),
|
|
"assets/icon_home_total_yellow.png"),
|
|
loading
|
|
? SizedBox(
|
|
height: Constant.getActualX(context: context, x: 20),
|
|
width: Constant.getActualX(context: context, x: 20),
|
|
child: LoadingAnimationWidget.discreteCircle(
|
|
color: Constant.primaryBlue, size: 20))
|
|
: Text(
|
|
"${data.totalAll}",
|
|
textAlign: TextAlign.center,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context)
|
|
.copyWith(fontWeight: FontWeight.w600),
|
|
),
|
|
Text(
|
|
"Total",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
color: Constant.textSecondary),
|
|
)
|
|
],
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Image.asset(
|
|
"assets/icon_home_diterima_yellow.png",
|
|
width: Constant.getActualX(context: context, x: 24),
|
|
height: Constant.getActualX(context: context, x: 24),
|
|
),
|
|
loading
|
|
? SizedBox(
|
|
height: Constant.getActualX(context: context, x: 20),
|
|
width: Constant.getActualX(context: context, x: 20),
|
|
child: LoadingAnimationWidget.discreteCircle(
|
|
color: Constant.primaryBlue, size: 20))
|
|
: Text(
|
|
"${data.receive}",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
Text(
|
|
"Diterima",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
color: Constant.textSecondary),
|
|
)
|
|
],
|
|
),
|
|
Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Image.asset(
|
|
width: Constant.getActualX(context: context, x: 24),
|
|
height: Constant.getActualX(context: context, x: 24),
|
|
"assets/icon_home_selesai_yellow.png"),
|
|
loading
|
|
? SizedBox(
|
|
height: Constant.getActualX(context: context, x: 20),
|
|
width: Constant.getActualX(context: context, x: 20),
|
|
child: LoadingAnimationWidget.discreteCircle(
|
|
color: Constant.primaryBlue, size: 20))
|
|
: Text(
|
|
"${data.done}",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
Text(
|
|
"Selesai",
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Constant.body3(context: context).copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
color: Constant.textSecondary),
|
|
)
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|