choi
/
TIF_NGANJUK_E41212036
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feat: done data statistic for home porter

This commit is contained in:
orangdeso 2025-05-14 15:33:25 +07:00
parent 52edb41fb2
commit a9e1390a4a
8 changed files with 70 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.dart_tool/package_config.json
View File

@ -680,7 +680,7 @@
"languageVersion": "3.4"
}
],
"generated": "2025-05-14T06:38:43.763178Z",
"generated": "2025-05-14T07:20:56.034581Z",
"generator": "pub",
"generatorVersion": "3.5.0",
"flutterRoot": "file:///D:/Flutter/flutter_sdk/flutter_3.24.0",

3
assets/icons/ic_income_filled.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.3074 8.00016H21.1934L22.6867 4.01816C22.802 3.71083 22.7587 3.36683 22.572 3.0975C22.3854 2.8275 22.078 2.66683 21.75 2.66683H19.242C18.7034 1.8635 17.788 1.3335 16.75 1.3335C15.712 1.3335 14.7967 1.8635 14.258 2.66683H11.75C11.422 2.66683 11.1147 2.8275 10.9287 3.0975C10.742 3.36683 10.6987 3.71083 10.814 4.01816L12.3074 8.00016ZM22.63 10.0002H10.87C8.10336 12.4668 3.90336 17.2335 4.12336 23.2535C4.25002 26.6602 7.03002 29.3335 10.4567 29.3335H23.0434C26.47 29.3335 29.25 26.6602 29.3767 23.2535C29.5967 17.2335 25.3967 12.4668 22.63 10.0002ZM17.75 24.6735V25.0002C17.75 25.5535 17.3034 26.0002 16.75 26.0002C16.1967 26.0002 15.75 25.5535 15.75 25.0002V24.6268C14.7234 24.4135 13.8767 23.6735 13.55 22.6402C13.3834 22.1135 13.6767 21.5535 14.2034 21.3868C14.73 21.2202 15.2967 21.5135 15.4567 22.0402C15.5834 22.4335 15.9434 22.7002 16.3567 22.7002L17.5834 22.6868C18.2234 22.6802 18.75 22.1535 18.75 21.5135C18.75 20.8602 18.2234 20.3335 17.57 20.3335H16.5967C14.8434 20.3335 13.4167 18.9068 13.4167 17.1535C13.4167 15.7068 14.41 14.4802 15.75 14.1068V13.6668C15.75 13.1135 16.1967 12.6668 16.75 12.6668C17.3034 12.6668 17.75 13.1135 17.75 13.6668V14.0468C18.7834 14.2668 19.6167 15.0135 19.9367 16.0468C20.0967 16.5735 19.8034 17.1335 19.27 17.3002C18.7434 17.4602 18.1834 17.1602 18.0234 16.6335C17.9034 16.2402 17.5367 15.9668 17.1234 15.9668L16.5767 15.9802C15.9367 15.9868 15.4167 16.5135 15.4167 17.1535C15.4167 17.8068 15.9434 18.3335 16.5967 18.3335H17.57C19.3234 18.3335 20.75 19.7602 20.75 21.5135C20.75 23.1935 19.4167 24.5735 17.75 24.6735Z" fill="#004B87"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

3
assets/icons/ic_order_complete_filled.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6666 3.33184C12.54 3.33184 12.4129 3.35605 12.2929 3.40605L9.35284 4.57923L6.73956 3.42038C6.4329 3.28038 6.0731 3.31329 5.78644 3.49329C5.50644 3.67996 5.33331 3.99314 5.33331 4.33314V24.9998C5.33331 27.0198 6.97998 28.6665 8.99998 28.6665H16.5065C15.3532 27.1998 14.6666 25.3465 14.6666 23.3331H9.66665C9.11331 23.3331 8.66665 22.8865 8.66665 22.3331C8.66665 21.7798 9.11331 21.3331 9.66665 21.3331H14.9062C15.0729 20.6265 15.3204 19.9598 15.6471 19.3331H9.66665C9.11331 19.3331 8.66665 18.8865 8.66665 18.3331C8.66665 17.7798 9.11331 17.3331 9.66665 17.3331H17C17.0266 17.3331 17.0527 17.3396 17.0794 17.3396C18.6594 15.693 20.8733 14.6665 23.3333 14.6665C24.5133 14.6665 25.64 14.9065 26.6666 15.3331V4.33314C26.6666 3.99314 26.4935 3.67996 26.2135 3.49329C25.9269 3.30663 25.5671 3.28038 25.2604 3.42038L22.6471 4.57923L19.707 3.40605C19.467 3.30605 19.1996 3.30605 18.9596 3.40605L16 4.58704L13.0403 3.40605C12.9203 3.35605 12.7933 3.33184 12.6666 3.33184ZM9.66665 9.99981H22.3333C22.8866 9.99981 23.3333 10.4465 23.3333 10.9998C23.3333 11.5531 22.8866 11.9998 22.3333 11.9998H9.66665C9.11331 11.9998 8.66665 11.5531 8.66665 10.9998C8.66665 10.4465 9.11331 9.99981 9.66665 9.99981ZM23.3333 15.9998C19.2833 15.9998 16 19.2831 16 23.3331C16 27.3831 19.2833 30.6665 23.3333 30.6665C27.3833 30.6665 30.6666 27.3831 30.6666 23.3331C30.6666 19.2831 27.3833 15.9998 23.3333 15.9998ZM27.3333 19.9998C27.5038 19.9998 27.6743 20.0648 27.8047 20.1951C28.0653 20.4558 28.0653 20.8772 27.8047 21.1378L22.4713 26.4712C22.3413 26.6012 22.1706 26.6665 22 26.6665C21.8293 26.6665 21.6586 26.6012 21.5286 26.4712L18.862 23.8045C18.6013 23.5438 18.6013 23.1225 18.862 22.8618C19.1226 22.6011 19.544 22.6011 19.8047 22.8618L22 25.0571L26.862 20.1951C26.9923 20.0648 27.1628 19.9998 27.3333 19.9998Z" fill="#004B87"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

3
assets/icons/ic_order_filled.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.33331 3.3335C6.68831 3.3335 5.33331 4.6885 5.33331 6.3335V22.0002H4.33331C4.0681 22.0002 3.81377 22.1056 3.62624 22.2931C3.43871 22.4806 3.33334 22.735 3.33331 23.0002V24.3335C3.33331 26.7148 5.28535 28.6668 7.66665 28.6668H22.3333C24.7146 28.6668 26.6666 26.7148 26.6666 24.3335V6.3335C26.6666 4.6885 25.3116 3.3335 23.6666 3.3335H8.33331ZM11 8.66683C11.552 8.66683 12 9.11483 12 9.66683C12 10.2188 11.552 10.6668 11 10.6668C10.448 10.6668 9.99998 10.2188 9.99998 9.66683C9.99998 9.11483 10.448 8.66683 11 8.66683ZM14.3333 8.66683H21C21.5526 8.66683 22 9.11416 22 9.66683C22 10.2195 21.5526 10.6668 21 10.6668H14.3333C13.7806 10.6668 13.3333 10.2195 13.3333 9.66683C13.3333 9.11416 13.7806 8.66683 14.3333 8.66683ZM11 12.6668C11.552 12.6668 12 13.1148 12 13.6668C12 14.2188 11.552 14.6668 11 14.6668C10.448 14.6668 9.99998 14.2188 9.99998 13.6668C9.99998 13.1148 10.448 12.6668 11 12.6668ZM14.3333 12.6668H21C21.5526 12.6668 22 13.1142 22 13.6668C22 14.2195 21.5526 14.6668 21 14.6668H14.3333C13.7806 14.6668 13.3333 14.2195 13.3333 13.6668C13.3333 13.1142 13.7806 12.6668 14.3333 12.6668ZM11 16.6668C11.552 16.6668 12 17.1148 12 17.6668C12 18.2188 11.552 18.6668 11 18.6668C10.448 18.6668 9.99998 18.2188 9.99998 17.6668C9.99998 17.1148 10.448 16.6668 11 16.6668ZM14.3333 16.6668H21C21.5526 16.6668 22 17.1142 22 17.6668C22 18.2195 21.5526 18.6668 21 18.6668H14.3333C13.7806 18.6668 13.3333 18.2195 13.3333 17.6668C13.3333 17.1142 13.7806 16.6668 14.3333 16.6668ZM5.33331 24.0002H18V24.3335C18 25.2102 18.3294 25.9825 18.7825 26.6668H7.66665C6.36661 26.6668 5.33331 25.6335 5.33331 24.3335V24.0002Z" fill="#004B87"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

10
assets/icons/ic_order_history_filled.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1024_142)">
<path d="M8.33331 3.3335C6.67931 3.3335 5.33331 4.6795 5.33331 6.3335V22.0002H4.33331C3.78131 22.0002 3.33331 22.4475 3.33331 23.0002V24.3335C3.33331 26.7228 5.27731 28.6668 7.66665 28.6668H16.9831C16.6571 28.0415 16.4075 27.3702 16.2409 26.6668H7.66665C6.37998 26.6668 5.33331 25.6202 5.33331 24.3335V24.0002H16.0338C16.1912 21.9348 17.0699 20.0742 18.4219 18.6668H14.3333C13.7806 18.6668 13.3333 18.2195 13.3333 17.6668C13.3333 17.1142 13.7806 16.6668 14.3333 16.6668H21C21.0866 16.6668 21.1693 16.6813 21.25 16.702C22.2986 16.2513 23.4526 16.0002 24.6666 16.0002C25.356 16.0002 26.0233 16.089 26.6666 16.241V6.3335C26.6666 4.6795 25.3206 3.3335 23.6666 3.3335H8.33331ZM11 8.66683C11.552 8.66683 12 9.11483 12 9.66683C12 10.2188 11.552 10.6668 11 10.6668C10.448 10.6668 9.99998 10.2188 9.99998 9.66683C9.99998 9.11483 10.448 8.66683 11 8.66683ZM14.3333 8.66683H21C21.5526 8.66683 22 9.11416 22 9.66683C22 10.2195 21.5526 10.6668 21 10.6668H14.3333C13.7806 10.6668 13.3333 10.2195 13.3333 9.66683C13.3333 9.11416 13.7806 8.66683 14.3333 8.66683ZM11 12.6668C11.552 12.6668 12 13.1148 12 13.6668C12 14.2188 11.552 14.6668 11 14.6668C10.448 14.6668 9.99998 14.2188 9.99998 13.6668C9.99998 13.1148 10.448 12.6668 11 12.6668ZM14.3333 12.6668H21C21.5526 12.6668 22 13.1142 22 13.6668C22 14.2195 21.5526 14.6668 21 14.6668H14.3333C13.7806 14.6668 13.3333 14.2195 13.3333 13.6668C13.3333 13.1142 13.7806 12.6668 14.3333 12.6668ZM11 16.6668C11.552 16.6668 12 17.1148 12 17.6668C12 18.2188 11.552 18.6668 11 18.6668C10.448 18.6668 9.99998 18.2188 9.99998 17.6668C9.99998 17.1148 10.448 16.6668 11 16.6668ZM24.6666 17.3335C20.6166 17.3335 17.3333 20.6168 17.3333 24.6668C17.3333 28.7168 20.6166 32.0002 24.6666 32.0002C28.7166 32.0002 32 28.7168 32 24.6668C32 20.6168 28.7166 17.3335 24.6666 17.3335ZM22 20.0002H27.3333C27.702 20.0002 28 20.2988 28 20.6668C28 21.0348 27.702 21.3335 27.3333 21.3335V22.6668C27.3333 23.4668 26.9714 24.1775 26.4114 24.6668C26.9714 25.1562 27.3333 25.8668 27.3333 26.6668V28.0002C27.702 28.0002 28 28.2988 28 28.6668C28 29.0348 27.702 29.3335 27.3333 29.3335H26.6666H22.6666H22C21.6313 29.3335 21.3333 29.0348 21.3333 28.6668C21.3333 28.2988 21.6313 28.0002 22 28.0002V26.6668C22 25.8668 22.3619 25.1562 22.9219 24.6668C22.3619 24.1775 22 23.4668 22 22.6668V21.3335C21.6313 21.3335 21.3333 21.0348 21.3333 20.6668C21.3333 20.2988 21.6313 20.0002 22 20.0002ZM23.3333 21.3335V22.6668H26V21.3335H23.3333ZM24.6666 25.3335C23.9313 25.3335 23.3333 25.9315 23.3333 26.6668V27.741L24.4557 27.3673C24.5924 27.322 24.7409 27.322 24.8776 27.3673L26 27.741V26.6668C26 25.9315 25.402 25.3335 24.6666 25.3335Z" fill="#004B87"/>
</g>
<defs>
<clipPath id="clip0_1024_142">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

6
lib/_core/component/icons/icons_library.dart
View File

@ -22,6 +22,7 @@ class CustomeIcons {
);
}
// Icons Outlined
static SvgPicture AccountOutline({double? size, Color? color}) => getIcon('ic_account', color: color);
static SvgPicture CalendarOutline({double? size, Color? color}) => getIcon('ic_calendar', color: color);
static SvgPicture DataTransferOutline({double? size, Color? color}) => getIcon('ic_data_transfer', color: color);
@ -55,8 +56,13 @@ class CustomeIcons {
static SvgPicture ScrollOutline({double? size, Color? color}) => getIcon('ic_scroll_outline', color: color);
static SvgPicture PhoneOutline({double? size, Color? color}) => getIcon('ic_phone', color: color);
// Icons Filled
static SvgPicture ScrollFilled({double? size, Color? color}) => getIcon('ic_scroll_filled', color: color);
static SvgPicture FlightSeatFilled({double? size, Color? color}) => getIcon('ic_flight_seat_filled', color: color);
static SvgPicture PlaneRightFilled({double? size, Color? color}) => getIcon('ic_plane_filled', color: color);
static SvgPicture VIPFilled({double? size, Color? color}) => getIcon('ic_vip', color: color);
static SvgPicture IncomeFilled({double? size, Color? color}) => getIcon('ic_income_filled', color: color);
static SvgPicture OrderFilled({double? size, Color? color}) => getIcon('ic_order_filled', color: color);
static SvgPicture OrderHistoryFilled({double? size, Color? color}) => getIcon('ic_order_history_filled', color: color);
static SvgPicture OrderCompleteFilled({double? size, Color? color}) => getIcon('ic_order_complete_filled', color: color);
}

49
lib/presentation/screens/home/component/summary_card.dart
View File

@ -23,28 +23,35 @@ class SummaryCard extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
icon,
SizedBox(width: 16.w),
Expanded(
child: TypographyStyles.caption(
label,
color: GrayColors.gray600,
fontWeight: FontWeight.w600,
overflow: TextOverflow.ellipsis,
maxlines: 1,
),
),
],
Container(
padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 10.h),
decoration: BoxDecoration(
color: PrimaryColors.primary50,
borderRadius: BorderRadius.circular(8.r),
),
child: icon,
),
SizedBox(height: 12.h),
Padding(
padding: EdgeInsets.only(left: 8.w),
child: TypographyStyles.h6(
value,
color: GrayColors.gray800,
overflow: TextOverflow.ellipsis,
maxlines: 1,
),
),
SizedBox(height: 12.h),
Padding(
padding: EdgeInsets.only(left: 8.w),
child: TypographyStyles.caption(
label,
fontWeight: FontWeight.w400,
color: GrayColors.gray500,
overflow: TextOverflow.ellipsis,
maxlines: 2,
),
),
SizedBox(height: 10.h),
TypographyStyles.body(
value,
color: GrayColors.gray800,
overflow: TextOverflow.ellipsis,
maxlines: 1,
)
],
),
),

32
lib/presentation/screens/home/pages/home_screen.dart
View File

@ -398,17 +398,17 @@ class _HomeScreenState extends State<HomeScreen> {
children: [
Obx(
() => SummaryCard(
label: 'Pesanan Masuk',
label: 'Daftar pesanan masuk anda',
value: '${_statisticController.incoming.value}',
icon: CustomeIcons.PlaneLeftOutline(),
icon: CustomeIcons.OrderFilled(),
),
),
SizedBox(width: 16.w),
Obx(
() => SummaryCard(
label: 'Pesanan Diproses',
label: 'Daftar pesanan status diproses',
value: '${_statisticController.inProgress.value}',
icon: CustomeIcons.PlaneLeftOutline(),
icon: CustomeIcons.OrderHistoryFilled(),
),
)
],
@ -418,9 +418,9 @@ class _HomeScreenState extends State<HomeScreen> {
children: [
Obx(
() => SummaryCard(
label: 'Pesanan Selesai',
value: 'Rp ${_statisticController.completed.value}',
icon: CustomeIcons.PlaneLeftOutline(),
label: 'Daftar pesanan status selesai',
value: '${_statisticController.completed.value}',
icon: CustomeIcons.OrderCompleteFilled(),
),
),
SizedBox(width: 16.w),
@ -431,9 +431,9 @@ class _HomeScreenState extends State<HomeScreen> {
NumberFormat.currency(locale: 'id_ID', symbol: 'Rp ', decimalDigits: 0)
.format(revenue);
return SummaryCard(
label: 'Pendapatan',
label: 'Jumlah pendapatan anda hari ini',
value: formatted,
icon: CustomeIcons.PlaneLeftOutline(),
icon: CustomeIcons.IncomeFilled(),
);
},
),
@ -637,7 +637,7 @@ class _HomeScreenState extends State<HomeScreen> {
required String nameAvatar,
required String nameUser,
required String subTitle,
VoidCallback? onTap,
// VoidCallback? onTap,
}) {
return CustomeShadowCotainner(
sizeRadius: 0.r,
@ -659,12 +659,12 @@ class _HomeScreenState extends State<HomeScreen> {
],
),
),
ZoomTapAnimation(
child: IconButton(
onPressed: onTap,
icon: CustomeIcons.NotificationOutline(),
),
)
// ZoomTapAnimation(
// child: IconButton(
// onPressed: onTap,
// icon: CustomeIcons.NotificationOutline(),
// ),
// )
],
),
);