325 lines
12 KiB
Dart
325 lines
12 KiB
Dart
import 'package:flutter/cupertino.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:rasadyar_core/core.dart';
|
||
import 'package:rasadyar_inspection/presentation/widget/custom_chips.dart';
|
||
|
||
import 'logic.dart';
|
||
|
||
class StatisticsPage extends GetView<StatisticsLogic> {
|
||
const StatisticsPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Column(
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
spacing: 10,
|
||
children: [
|
||
Expanded(
|
||
child: Container(
|
||
height: 32.h,
|
||
decoration: BoxDecoration(
|
||
border: Border.all(color: AppColor.blueNormal, width: 1),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
padding: EdgeInsets.symmetric(horizontal: 11.w, vertical: 4.h),
|
||
child: Row(
|
||
children: [
|
||
Assets.vec.calendarSvg.svg(
|
||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||
),
|
||
SizedBox(width: 4.w),
|
||
Text('از', style: AppFonts.yekan16.copyWith(color: AppColor.blueNormal)),
|
||
SizedBox(width: 22.w),
|
||
|
||
Text(
|
||
'1404/12/12',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.lightGreyNormalActive),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Container(
|
||
height: 32.h,
|
||
decoration: BoxDecoration(
|
||
border: Border.all(color: AppColor.blueNormal, width: 1),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
padding: EdgeInsets.symmetric(horizontal: 11.w, vertical: 4.h),
|
||
child: Row(
|
||
children: [
|
||
Assets.vec.calendarSvg.svg(
|
||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||
),
|
||
SizedBox(width: 4.w),
|
||
Text('تا', style: AppFonts.yekan16.copyWith(color: AppColor.blueNormal)),
|
||
SizedBox(width: 22.w),
|
||
|
||
Text(
|
||
'1404/12/12',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.lightGreyNormalActive),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
SizedBox(height: 16.h),
|
||
|
||
Container(
|
||
height: 80.h,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: AppColor.lightGreyNormalHover, width: 1),
|
||
),
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 8,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text(
|
||
'فیلتر تراکنش ها',
|
||
textAlign: TextAlign.right,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
],
|
||
),
|
||
Expanded(
|
||
child: ListView.separated(
|
||
shrinkWrap: true,
|
||
physics: const BouncingScrollPhysics(),
|
||
scrollDirection: Axis.horizontal,
|
||
itemBuilder: (context, index) => ObxValue((selectedIndex) {
|
||
return customChip(
|
||
title: controller.transactionFilters[index],
|
||
isSelected: selectedIndex.contains(index),
|
||
index: index,
|
||
onTap: (data) => controller.onTransactionFilterSelected(data),
|
||
);
|
||
}, controller.transactionFiltersSelected),
|
||
separatorBuilder: (context, index) => SizedBox(width: 8),
|
||
itemCount: controller.transactionFilters.length,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
SizedBox(height: 8.h),
|
||
Container(
|
||
height: 80.h,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: AppColor.lightGreyNormalHover, width: 1),
|
||
),
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 8,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Text(
|
||
'فیلتر شهرستان',
|
||
textAlign: TextAlign.right,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
],
|
||
),
|
||
Expanded(child: _provinceDropdownWidget()),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
SizedBox(height: 8.h),
|
||
Container(
|
||
height: 152.h,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: AppColor.lightGreyNormalHover, width: 1),
|
||
),
|
||
child: Padding(
|
||
padding: const EdgeInsets.fromLTRB(0, 10, 0, 13),
|
||
child: Row(
|
||
spacing: 8,
|
||
children: [
|
||
Expanded(
|
||
child: ObxValue(
|
||
(data) => _informationLabelCard(
|
||
title: 'تعداد تراکنش ها',
|
||
titleColor: AppColor.blueNormal,
|
||
isLoading: data.value == null,
|
||
description: 25369654.separatedByComma,
|
||
iconPath: Assets.vec.cubeSearchSvg.path,
|
||
iconColor: AppColor.blueNormal,
|
||
bgDescriptionColor: Colors.white,
|
||
gradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [AppColor.blueLight, Colors.white],
|
||
),
|
||
),
|
||
controller.s1,
|
||
),
|
||
),
|
||
|
||
Expanded(
|
||
child: ObxValue((data) {
|
||
return _informationLabelCard(
|
||
title: 'جمع تراکنش ها',
|
||
isLoading: data.value == null,
|
||
description: data.value.separatedByComma ?? '0',
|
||
unit: 'ريال',
|
||
iconPath: Assets.vec.cubeWattingSvg.path,
|
||
bgDescriptionColor: Colors.white,
|
||
gradient: LinearGradient(
|
||
begin: Alignment.topCenter,
|
||
end: Alignment.bottomCenter,
|
||
colors: [const Color(0xFFFFE7BB), Colors.white],
|
||
),
|
||
);
|
||
}, controller.s2),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _provinceDropdownWidget() {
|
||
return ObxValue((data) {
|
||
return OverlayDropdownWidget<String>(
|
||
items: data,
|
||
onChanged: (value) {
|
||
controller.iranProvincesSelected.value = value;
|
||
controller.iranProvincesSelected.refresh();
|
||
},
|
||
selectedItem: controller.iranProvincesSelected.value,
|
||
itemBuilder: (item) => Text(
|
||
item ?? 'بدون نام',
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.lightGreyDarker),
|
||
),
|
||
labelBuilder: (item) =>
|
||
Text('انتخاب استان', style: AppFonts.yekan14.copyWith(color: AppColor.textColorLight)),
|
||
);
|
||
}, controller.iranProvinces);
|
||
}
|
||
|
||
Container _informationLabelCard({
|
||
required String title,
|
||
required String description,
|
||
required String iconPath,
|
||
required Color bgDescriptionColor,
|
||
String? unit,
|
||
bool isLoading = false,
|
||
Color? iconColor,
|
||
Color? titleColor,
|
||
Color? bgLabelColor,
|
||
LinearGradient? gradient,
|
||
}) {
|
||
return Container(
|
||
height: 82.h,
|
||
margin: EdgeInsets.symmetric(horizontal: 12.w),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(color: AppColor.lightGreyNormalHover, width: 1),
|
||
),
|
||
clipBehavior: Clip.hardEdge,
|
||
child: Row(
|
||
children: [
|
||
// Left side with icon and title
|
||
Expanded(
|
||
flex: 2,
|
||
child: Container(
|
||
height: 82.h,
|
||
padding: EdgeInsets.all(8),
|
||
decoration: BoxDecoration(
|
||
color: gradient == null ? bgLabelColor : null,
|
||
borderRadius: BorderRadius.only(
|
||
topRight: Radius.circular(8),
|
||
bottomRight: Radius.circular(8),
|
||
),
|
||
gradient: gradient,
|
||
),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 4,
|
||
children: [
|
||
SvgGenImage.vec(iconPath).svg(
|
||
width: 24,
|
||
height: 24,
|
||
colorFilter: iconColor != null
|
||
? ColorFilter.mode(iconColor, BlendMode.srcIn)
|
||
: null,
|
||
),
|
||
Text(
|
||
title,
|
||
textAlign: TextAlign.right,
|
||
style: AppFonts.yekan10.copyWith(
|
||
color: titleColor ?? AppColor.mediumGreyDarkActive,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
// Right side with description and unit
|
||
Expanded(
|
||
flex: 3,
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: bgDescriptionColor,
|
||
borderRadius: BorderRadius.only(
|
||
topLeft: Radius.circular(8),
|
||
bottomLeft: Radius.circular(8),
|
||
),
|
||
),
|
||
child: isLoading
|
||
? Center(child: CupertinoActivityIndicator())
|
||
: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 4,
|
||
children: [
|
||
Text(
|
||
description,
|
||
textAlign: TextAlign.right,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.mediumGreyDarkActive),
|
||
),
|
||
Visibility(
|
||
visible: unit != null,
|
||
child: Text(
|
||
unit,
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan12.copyWith(color: AppColor.mediumGreyDarkActive),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|