651 lines
20 KiB
Dart
651 lines
20 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:rasadyar_core/core.dart';
|
||
import 'package:rasadyar_inspection/presentation/routes/app_routes.dart';
|
||
import 'package:rasadyar_inspection/presentation/widget/base_page/view.dart';
|
||
import 'package:rasadyar_inspection/presentation/widget/search.dart';
|
||
|
||
import 'logic.dart';
|
||
|
||
class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||
const InspectionMapPage({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BasePage(
|
||
hasSearch: true,
|
||
hasFilter: true,
|
||
hasBack: false,
|
||
|
||
defaultSearch: false,
|
||
filteringWidget: filterWidget(showIndex: 3.obs, filterIndex: 5.obs),
|
||
onSearchTap: () {
|
||
controller.baseLogic.isSearchSelected.value = !controller.baseLogic.isSearchSelected.value;
|
||
},
|
||
|
||
widgets: [_buildMap()],
|
||
floatingActionButton: _buildGpsButton(),
|
||
);
|
||
}
|
||
|
||
Widget _buildMap() {
|
||
return Expanded(
|
||
child: Stack(
|
||
fit: StackFit.expand,
|
||
children: [
|
||
ObxValue((currentLocation) {
|
||
return FlutterMap(
|
||
mapController: controller.animatedMapController.mapController,
|
||
options: MapOptions(
|
||
initialCenter: currentLocation.value,
|
||
initialZoom: 18,
|
||
onPositionChanged: (camera, hasGesture) {
|
||
controller.debouncedUpdateVisibleMarkers(center: camera.center);
|
||
},
|
||
),
|
||
children: [
|
||
TileLayer(urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'),
|
||
ObxValue((markers) {
|
||
return MarkerLayer(
|
||
markers: markers
|
||
.map(
|
||
(e) => markerWidget(
|
||
marker: e,
|
||
onTap: () {
|
||
Get.bottomSheet(
|
||
selectedLocationWidget(
|
||
showHint: false,
|
||
sliderController: controller.slidController.value,
|
||
trigger: () {},
|
||
toggle: () {},
|
||
),
|
||
isScrollControlled: true,
|
||
enableDrag: true,
|
||
backgroundColor: Colors.transparent,
|
||
);
|
||
},
|
||
),
|
||
)
|
||
.toList(),
|
||
);
|
||
}, controller.markers),
|
||
],
|
||
);
|
||
}, controller.currentLocation),
|
||
|
||
Positioned(
|
||
top: 10,
|
||
left: 20,
|
||
right: 20,
|
||
child: ObxValue((data) {
|
||
if (data.value) {
|
||
return SearchWidget(
|
||
onSearchChanged: (data) {
|
||
controller.baseLogic.searchValue.value = data;
|
||
},
|
||
);
|
||
} else {
|
||
return SizedBox.shrink();
|
||
}
|
||
}, controller.baseLogic.isSearchSelected),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildGpsButton() {
|
||
return ObxValue((data) {
|
||
return RFab(
|
||
backgroundColor: AppColor.greenNormal,
|
||
isLoading: data.value,
|
||
icon: Assets.vec.gpsSvg.svg(width: 40.w, height: 40.h),
|
||
onPressed: () async => await controller.determineCurrentPosition(),
|
||
);
|
||
}, controller.isLoading);
|
||
}
|
||
}
|
||
|
||
Marker markerWidget({required LatLng marker, required VoidCallback onTap}) {
|
||
return Marker(
|
||
point: marker,
|
||
child: GestureDetector(
|
||
onTap: onTap,
|
||
behavior: HitTestBehavior.opaque,
|
||
child: SizedBox(
|
||
width: 36,
|
||
height: 36,
|
||
child: Assets.vec.mapMarkerSvg.svg(width: 30, height: 30),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget filterWidget({required RxInt filterIndex, required RxInt showIndex}) {
|
||
return BaseBottomSheet(
|
||
height: Get.height * 0.5,
|
||
child: Column(
|
||
spacing: 16,
|
||
children: [
|
||
SizedBox(height: 1),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||
spacing: 16,
|
||
children: [
|
||
cardWithLabel(
|
||
title: 'اصناف',
|
||
count: 1234567,
|
||
icon: Assets.vec.shopSvg.svg(width: 24.w, height: 24.h),
|
||
backgroundColor: AppColor.greenLight,
|
||
backgroundBadgeColor: AppColor.greenLightActive,
|
||
),
|
||
cardWithLabel(
|
||
title: 'دامداران',
|
||
count: 1234567,
|
||
icon: Assets.vec.peopleSvg.svg(width: 24.w, height: 24.h),
|
||
|
||
backgroundColor: AppColor.blueLight,
|
||
backgroundBadgeColor: AppColor.blueLightActive,
|
||
),
|
||
cardWithLabel(
|
||
title: 'مرغداران',
|
||
count: 1234567,
|
||
icon: Assets.vec.profile2Svg.svg(width: 24.w, height: 24.h),
|
||
backgroundColor: AppColor.redLight,
|
||
backgroundBadgeColor: AppColor.redLightActive,
|
||
),
|
||
],
|
||
),
|
||
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 12,
|
||
children: [
|
||
Text(
|
||
'فیلتر نمایش',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan13.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
ObxValue((data) {
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
spacing: 8,
|
||
children: [
|
||
customChip(
|
||
isSelected: data.value == 0,
|
||
onTap: (data) {
|
||
filterIndex.value = data;
|
||
},
|
||
index: 0,
|
||
title: 'دامداران',
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 1,
|
||
title: 'مرغداران',
|
||
onTap: (data) {
|
||
filterIndex.value = data;
|
||
},
|
||
index: 1,
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 2,
|
||
title: 'اصناف',
|
||
onTap: (data) {
|
||
filterIndex.value = data;
|
||
},
|
||
index: 2,
|
||
),
|
||
],
|
||
);
|
||
}, filterIndex),
|
||
],
|
||
),
|
||
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 12,
|
||
children: [
|
||
Text(
|
||
'نمایش',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan13.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
ObxValue((data) {
|
||
return SingleChildScrollView(
|
||
scrollDirection: Axis.horizontal,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
spacing: 8,
|
||
children: [
|
||
customChip(
|
||
isSelected: data.value == 0,
|
||
title: 'نمایش همه',
|
||
onTap: (data) {
|
||
showIndex.value = data;
|
||
},
|
||
index: 0,
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 1,
|
||
title: 'دارای تراکنش',
|
||
onTap: (data) {
|
||
showIndex.value = data;
|
||
},
|
||
index: 1,
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 2,
|
||
title: 'بازرسی شده ها',
|
||
onTap: (data) {
|
||
showIndex.value = data;
|
||
},
|
||
index: 2,
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 3,
|
||
title: 'بازرسی نشده ها',
|
||
onTap: (data) {
|
||
showIndex.value = data;
|
||
},
|
||
index: 3,
|
||
),
|
||
customChip(
|
||
isSelected: data.value == 4,
|
||
title: 'متخلفین',
|
||
onTap: (data) {
|
||
showIndex.value = data;
|
||
},
|
||
index: 4,
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}, showIndex),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget cardWithLabel({
|
||
required String title,
|
||
required int count,
|
||
String unit = 'عدد',
|
||
required Widget icon,
|
||
required Color backgroundColor,
|
||
required Color backgroundBadgeColor,
|
||
}) {
|
||
return SizedBox(
|
||
width: 114.w,
|
||
height: 115.h,
|
||
child: Stack(
|
||
clipBehavior: Clip.antiAlias,
|
||
alignment: Alignment.topCenter,
|
||
children: [
|
||
Positioned(
|
||
bottom: 0,
|
||
right: 0,
|
||
left: 0,
|
||
child: Container(
|
||
width: 114.w,
|
||
height: 91.h,
|
||
clipBehavior: Clip.antiAlias,
|
||
decoration: BoxDecoration(
|
||
color: backgroundColor,
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(width: 0.25, color: AppColor.blackLightHover),
|
||
),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 6,
|
||
children: [
|
||
Text(title, style: AppFonts.yekan12.copyWith(color: AppColor.textColor)),
|
||
Text(
|
||
count.separatedByComma,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.textColor),
|
||
),
|
||
Text(unit, style: AppFonts.yekan12.copyWith(color: AppColor.textColor)),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
Positioned(
|
||
top: 5.h,
|
||
child: Container(
|
||
width: 32.w,
|
||
height: 32.h,
|
||
padding: EdgeInsets.all(4),
|
||
decoration: BoxDecoration(
|
||
color: backgroundBadgeColor,
|
||
borderRadius: BorderRadius.circular(50),
|
||
border: Border.all(color: AppColor.borderColor, width: 0.25),
|
||
),
|
||
child: Center(child: icon),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget markerDetailsWidget() {
|
||
return Container(
|
||
clipBehavior: Clip.antiAlias,
|
||
margin: EdgeInsets.all(35),
|
||
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
||
decoration: ShapeDecoration(
|
||
color: Colors.white,
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||
),
|
||
child: Column(
|
||
spacing: 15,
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
spacing: 12,
|
||
children: [
|
||
Text(
|
||
'داود خرم پور',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
Spacer(),
|
||
vecWidgetWithOnTap(
|
||
child: Assets.vec.mapSvg.svg(),
|
||
onTap: () {
|
||
Get.toNamed(InspectionRoutes.inspectionLocationDetails);
|
||
},
|
||
width: 24,
|
||
height: 24,
|
||
color: AppColor.blueNormal,
|
||
),
|
||
vecWidgetWithOnTap(
|
||
child: Assets.vec.messageAddSvg.svg(),
|
||
width: 24,
|
||
height: 24,
|
||
color: AppColor.greenNormal,
|
||
onTap: () {
|
||
Get.toNamed(InspectionRoutes.inspectionAddSupervision);
|
||
},
|
||
),
|
||
|
||
vecWidgetWithOnTap(
|
||
child: Assets.vec.securityTimeSvg.svg(),
|
||
color: AppColor.warning,
|
||
height: 24,
|
||
width: 24,
|
||
onTap: () {},
|
||
),
|
||
],
|
||
),
|
||
Container(
|
||
height: 32,
|
||
clipBehavior: Clip.antiAlias,
|
||
padding: EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||
decoration: ShapeDecoration(
|
||
color: AppColor.blueLight,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 1, color: AppColor.blueLightHover),
|
||
),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text(
|
||
'باقی مانده',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
Text(
|
||
'0 کیلوگرم',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
'شماره همراه',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
Text(
|
||
'0326598653',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
|
||
children: [
|
||
Text(
|
||
'آخرین فعالیت',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
|
||
Text(
|
||
'1409/12/12',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
|
||
children: [
|
||
Text(
|
||
'موجودی',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
Text(
|
||
'5کیلوگرم',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
|
||
...List.generate(
|
||
5,
|
||
(index) => Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
|
||
children: [
|
||
Text(
|
||
'فروش رفته',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
Text(
|
||
'0 کیلوگرم',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget customChip({
|
||
bool isSelected = false,
|
||
required String title,
|
||
required int index,
|
||
required Function(int) onTap,
|
||
}) {
|
||
return GestureDetector(
|
||
onTap: () {
|
||
onTap.call(index);
|
||
},
|
||
child: Container(
|
||
height: 32.h,
|
||
padding: EdgeInsets.symmetric(horizontal: 14.w, vertical: 8.h),
|
||
clipBehavior: Clip.antiAlias,
|
||
decoration: BoxDecoration(
|
||
color: AppColor.whiteGreyNormal,
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(
|
||
width: 1,
|
||
color: isSelected ? AppColor.blueNormal : AppColor.blackLightActive,
|
||
),
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
||
children: [
|
||
SizedBox(
|
||
width: 12.w,
|
||
height: 12.h,
|
||
child: Transform.scale(
|
||
scale: 0.70,
|
||
child: Checkbox(
|
||
value: isSelected,
|
||
side: BorderSide(color: AppColor.whiteDarkHover, width: 1),
|
||
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||
visualDensity: VisualDensity.compact,
|
||
overlayColor: WidgetStateProperty.all<Color>(AppColor.blueNormal),
|
||
fillColor: WidgetStateProperty.resolveWith((states) {
|
||
if (states.contains(WidgetState.selected)) {
|
||
return AppColor.blueNormal;
|
||
} else {
|
||
return AppColor.whiteGreyNormal;
|
||
}
|
||
}),
|
||
|
||
onChanged: (value) {
|
||
onTap.call(index);
|
||
},
|
||
),
|
||
),
|
||
),
|
||
SizedBox(width: 8.w),
|
||
Text(
|
||
title,
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan12.copyWith(
|
||
color: isSelected ? AppColor.blueNormal : AppColor.whiteDarkHover,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget selectedLocationWidget({
|
||
required bool showHint,
|
||
required SlidableController sliderController,
|
||
required VoidCallback trigger,
|
||
required VoidCallback toggle,
|
||
}) {
|
||
if (showHint) {
|
||
trigger.call();
|
||
}
|
||
return BaseBottomSheet(
|
||
height: 150.h,
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 30, vertical: 20),
|
||
child: Slidable(
|
||
key: Key('selectedLocationWidget'),
|
||
controller: sliderController,
|
||
endActionPane: ActionPane(
|
||
motion: StretchMotion(),
|
||
children: [
|
||
CustomSlidableAction(
|
||
onPressed: (context) {
|
||
Get.toNamed(InspectionRoutes.inspectionLocationDetails);
|
||
},
|
||
backgroundColor: AppColor.blueNormal,
|
||
foregroundColor: Colors.white,
|
||
padding: EdgeInsets.all(16),
|
||
borderRadius: BorderRadius.only(
|
||
bottomRight: Radius.circular(8),
|
||
topRight: Radius.circular(8),
|
||
),
|
||
child: Assets.vec.mapSvg.svg(width: 24, height: 24),
|
||
),
|
||
CustomSlidableAction(
|
||
onPressed: (context) {
|
||
Get.toNamed(InspectionRoutes.inspectionAddSupervision);
|
||
},
|
||
backgroundColor: AppColor.greenNormal,
|
||
padding: EdgeInsets.all(16),
|
||
child: Assets.vec.messageAddSvg.svg(),
|
||
),
|
||
CustomSlidableAction(
|
||
onPressed: (context) {},
|
||
backgroundColor: AppColor.warning,
|
||
padding: EdgeInsets.all(16),
|
||
borderRadius: BorderRadius.only(
|
||
bottomLeft: Radius.circular(8),
|
||
topLeft: Radius.circular(8),
|
||
),
|
||
child: Assets.vec.securityTimeSvg.svg(),
|
||
),
|
||
],
|
||
),
|
||
child: GestureDetector(
|
||
onTap: toggle,
|
||
child: Container(
|
||
height: 58,
|
||
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(8),
|
||
border: Border.all(width: 1, color: AppColor.blackLightHover),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Column(
|
||
children: [
|
||
Text(
|
||
'داود خرم مهری پور',
|
||
style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
Text(
|
||
'گوشت و مرغ',
|
||
style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Column(
|
||
children: [
|
||
Text(
|
||
'باقی مانده',
|
||
style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
Text(
|
||
'0 کیلوگرم',
|
||
style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Assets.vec.scanBarcodeSvg.svg(),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|