622 lines
21 KiB
Dart
622 lines
21 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:rasadyar_core/core.dart';
|
||
import 'package:rasadyar_inspection/presentation/pages/filter/view.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/custom_chips.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',
|
||
userAgentPackageName: 'ir.mnpc.rasadyar',
|
||
),
|
||
ObxValue((markers) {
|
||
return MarkerLayer(
|
||
markers: markers
|
||
.map(
|
||
(e) => markerWidget(
|
||
marker: e,
|
||
onTap: () {
|
||
Get.bottomSheet(
|
||
selectedLocationWidget2(
|
||
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);
|
||
}
|
||
|
||
Widget selectedLocationWidget2({
|
||
required bool showHint,
|
||
required SlidableController sliderController,
|
||
required VoidCallback trigger,
|
||
required VoidCallback toggle,
|
||
}) {
|
||
return ObxValue((data) {
|
||
return BaseBottomSheet(
|
||
height: data.value ? 450.h : 150.h,
|
||
child: ListItemWithOutCounter(
|
||
secondChild: Column(
|
||
spacing: 8,
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||
child: Column(
|
||
spacing: 8,
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
'داوود خرم پور',
|
||
textAlign: TextAlign.center,
|
||
style: AppFonts.yekan16.copyWith(color: AppColor.greenDark),
|
||
),
|
||
],
|
||
),
|
||
Container(
|
||
height: 32.h,
|
||
padding: EdgeInsets.symmetric(horizontal: 8),
|
||
decoration: ShapeDecoration(
|
||
color: AppColor.blueLight,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 1.w, color: AppColor.blueLightHover),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
spacing: 3,
|
||
children: [
|
||
Text(
|
||
'تاریخ بازرسی',
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.textColor),
|
||
),
|
||
|
||
Text(
|
||
'1403/12/12',
|
||
style: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
buildRow(
|
||
title: 'تلفن خریدار',
|
||
value: '0326598653',
|
||
valueStyle: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
buildRow(title: 'آخرین فعالیت', value: '1409/12/12'),
|
||
buildRow(title: 'موجودی', value: '5KG'),
|
||
buildRow(title: 'فروش رفته', value: '5KG'),
|
||
],
|
||
),
|
||
),
|
||
Row(
|
||
children: [
|
||
Expanded(
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 7,
|
||
children: [
|
||
RElevated(
|
||
width: 40.h,
|
||
height: 38.h,
|
||
backgroundColor: AppColor.greenNormal,
|
||
child: Assets.vec.messageAddSvg.svg(
|
||
width: 24.w,
|
||
height: 24.h,
|
||
colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
|
||
),
|
||
onPressed: () {},
|
||
),
|
||
RElevated(
|
||
width: 150.w,
|
||
height: 40.h,
|
||
backgroundColor: AppColor.blueNormal,
|
||
onPressed: () {
|
||
/*controller.setEditData(item);
|
||
Get.bottomSheet(
|
||
addOrEditBottomSheet(true),
|
||
isScrollControlled: true,
|
||
backgroundColor: Colors.transparent,
|
||
).whenComplete(() {
|
||
|
||
});*/
|
||
},
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
spacing: 8,
|
||
children: [
|
||
Assets.vec.mapSvg.svg(
|
||
width: 24.w,
|
||
height: 24.h,
|
||
colorFilter: ColorFilter.mode(Colors.white, BlendMode.srcIn),
|
||
),
|
||
Text(
|
||
'مسیریابی',
|
||
style: AppFonts.yekan14Bold.copyWith(color: Colors.white),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
ROutlinedElevated(
|
||
width: 150.w,
|
||
height: 40.h,
|
||
onPressed: () {
|
||
buildDeleteDialog(onConfirm: () async {}, onRefresh: () async {});
|
||
},
|
||
borderColor: AppColor.bgIcon,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 8,
|
||
children: [
|
||
Assets.vec.securityTimeSvg.svg(
|
||
width: 24.w,
|
||
height: 24.h,
|
||
colorFilter: ColorFilter.mode(AppColor.bgIcon, BlendMode.srcIn),
|
||
),
|
||
Text(
|
||
'سوابق بازرسی',
|
||
style: AppFonts.yekan14Bold.copyWith(color: AppColor.bgIcon),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
labelColor: AppColor.blueLight,
|
||
labelIcon: Assets.vec.cowSvg.path,
|
||
labelIconColor: AppColor.bgIcon,
|
||
onTap: () => data.value = !data.value,
|
||
selected: data.value,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||
children: [
|
||
Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
'داود خرم مهری پور',
|
||
style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
|
||
),
|
||
Text(
|
||
'گوشت و مرغ',
|
||
style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text('باقی مانده', style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal)),
|
||
Text(
|
||
'0 کیلوگرم',
|
||
style: AppFonts.yekan12.copyWith(color: AppColor.darkGreyDarkHover),
|
||
),
|
||
],
|
||
),
|
||
Assets.vec.scanBarcodeSvg.svg(),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}, controller.isSelectedDetailsLocation);
|
||
}
|
||
}
|
||
|
||
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 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(),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|