feat :
1 - search and filter location 2 - mapWidget
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:rasadyar_core/core.dart';
|
||||
import 'package:rasadyar_inspection/data/model/response/poultry_location/poultry_location_model.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 'logic.dart';
|
||||
import 'widget/map/view.dart';
|
||||
|
||||
class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
const InspectionMapPage({super.key});
|
||||
@@ -18,109 +18,24 @@ class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
hasBack: false,
|
||||
defaultSearch: false,
|
||||
filteringWidget: filterWidget(showIndex: 3.obs, filterIndex: 5.obs),
|
||||
onSearchTap: _handleSearchTap,
|
||||
widgets: [_buildMap()],
|
||||
floatingActionButton: _buildGpsButton(),
|
||||
);
|
||||
}
|
||||
|
||||
void _handleSearchTap() {
|
||||
controller.baseLogic.isSearchSelected.value = !controller.baseLogic.isSearchSelected.value;
|
||||
}
|
||||
|
||||
Widget _buildMap() {
|
||||
return Expanded(
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
ObxValue((currentLocation) {
|
||||
return FlutterMap(
|
||||
mapController: controller.animatedMapController.mapController,
|
||||
options: MapOptions(
|
||||
initialCenter: currentLocation.value,
|
||||
interactionOptions: const InteractionOptions(
|
||||
flags: InteractiveFlag.all & ~InteractiveFlag.rotate,
|
||||
),
|
||||
initialZoom: 15,
|
||||
onPositionChanged: (camera, hasGesture) {
|
||||
controller.debouncedUpdateVisibleMarkers(
|
||||
center: camera.center,
|
||||
zoom: camera.zoom,
|
||||
);
|
||||
},
|
||||
),
|
||||
|
||||
children: [
|
||||
TileLayer(
|
||||
urlTemplate: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
userAgentPackageName: 'ir.mnpc.rasadyar',
|
||||
),
|
||||
|
||||
ObxValue((markers) {
|
||||
return MarkerClusterLayerWidget(
|
||||
options: MarkerClusterLayerOptions(
|
||||
maxClusterRadius: 80,
|
||||
size: const Size(40, 40),
|
||||
alignment: Alignment.center,
|
||||
padding: const EdgeInsets.all(50),
|
||||
maxZoom: 15,
|
||||
markers: buildMarkers(markers),
|
||||
builder: (context, clusterMarkers) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
color: Colors.blue,
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
clusterMarkers.length.toString(),
|
||||
style: const TextStyle(color: Colors.white),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}, controller.markers2),
|
||||
],
|
||||
);
|
||||
}, controller.currentLocation),
|
||||
|
||||
Obx(() {
|
||||
if (controller.baseLogic.isSearchSelected.value) {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
if (Get.isBottomSheetOpen != true) {
|
||||
Get.bottomSheet(
|
||||
searchWidget(),
|
||||
isDismissible: true,
|
||||
ignoreSafeArea: false,
|
||||
isScrollControlled: true,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
return const SizedBox.shrink();
|
||||
}),
|
||||
|
||||
// Uncomment the following lines to enable the search widget
|
||||
/* 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),
|
||||
),*/
|
||||
],
|
||||
),
|
||||
widgets: [
|
||||
MapPage(),
|
||||
ObxValue((p0) => Text(p0.toString()), controller.showIndex),
|
||||
ObxValue((data) {
|
||||
if (data.value) {
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
Get.bottomSheet(
|
||||
searchWidget(),
|
||||
isScrollControlled: true,
|
||||
isDismissible: true,
|
||||
ignoreSafeArea: false,
|
||||
);
|
||||
controller.baseLogic.isSearchSelected.value = false;
|
||||
});
|
||||
}
|
||||
return const SizedBox.shrink();
|
||||
}, controller.baseLogic.isSearchSelected),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
@@ -130,44 +45,63 @@ class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
rootChild: Column(
|
||||
spacing: 8,
|
||||
children: [
|
||||
RTextField(
|
||||
height: 40,
|
||||
borderColor: AppColor.blackLight,
|
||||
suffixIcon: ObxValue(
|
||||
(data) => Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: (data.value == null)
|
||||
? Assets.vec.searchSvg.svg(
|
||||
width: 10,
|
||||
height: 10,
|
||||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||||
)
|
||||
: IconButton(
|
||||
onPressed: () {
|
||||
controller.baseLogic.searchTextController.clear();
|
||||
controller.baseLogic.searchValue.value = null;
|
||||
controller.baseLogic.isSearchSelected.value = false;
|
||||
controller.searchedPoultryLocation.value = Resource.initial();
|
||||
},
|
||||
enableFeedback: true,
|
||||
padding: EdgeInsets.zero,
|
||||
iconSize: 24,
|
||||
splashRadius: 50,
|
||||
icon: Assets.vec.closeCircleSvg.svg(
|
||||
width: 20,
|
||||
height: 20,
|
||||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||||
),
|
||||
),
|
||||
Row(
|
||||
spacing: 12,
|
||||
children: [
|
||||
Expanded(
|
||||
child: RTextField(
|
||||
height: 40,
|
||||
borderColor: AppColor.blackLight,
|
||||
suffixIcon: ObxValue(
|
||||
(data) => Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
child: (data.value == null)
|
||||
? Assets.vec.searchSvg.svg(
|
||||
width: 10,
|
||||
height: 10,
|
||||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||||
)
|
||||
: IconButton(
|
||||
onPressed: () {
|
||||
controller.baseLogic.searchTextController.clear();
|
||||
controller.baseLogic.searchValue.value = null;
|
||||
controller.baseLogic.isSearchSelected.value = false;
|
||||
controller. mapLogic.hasFilterOrSearch.value = false;
|
||||
controller.searchedPoultryLocation.value = Resource.initial();
|
||||
},
|
||||
enableFeedback: true,
|
||||
padding: EdgeInsets.zero,
|
||||
iconSize: 24,
|
||||
splashRadius: 50,
|
||||
icon: Assets.vec.closeCircleSvg.svg(
|
||||
width: 20,
|
||||
height: 20,
|
||||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||||
),
|
||||
),
|
||||
),
|
||||
controller.baseLogic.searchValue,
|
||||
),
|
||||
hintText: 'جستجو کنید ...',
|
||||
hintStyle: AppFonts.yekan16.copyWith(color: AppColor.blueNormal),
|
||||
filledColor: Colors.white,
|
||||
filled: true,
|
||||
controller: controller.baseLogic.searchTextController,
|
||||
onChanged: (val) => controller.baseLogic.searchValue.value = val,
|
||||
),
|
||||
),
|
||||
controller.baseLogic.searchValue,
|
||||
),
|
||||
hintText: 'جستجو کنید ...',
|
||||
hintStyle: AppFonts.yekan16.copyWith(color: AppColor.blueNormal),
|
||||
filledColor: Colors.white,
|
||||
filled: true,
|
||||
controller: controller.baseLogic.searchTextController,
|
||||
onChanged: (val) => controller.baseLogic.searchValue.value = val,
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
|
||||
Get.back();
|
||||
},
|
||||
child: Assets.vec.mapSvg.svg(
|
||||
width: 24.w,
|
||||
height: 24.h,
|
||||
colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
child: ObxValue((rxData) {
|
||||
@@ -244,16 +178,7 @@ class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
);
|
||||
}
|
||||
|
||||
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,
|
||||
@@ -345,14 +270,16 @@ class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
height: 40.h,
|
||||
backgroundColor: AppColor.blueNormal,
|
||||
onPressed: () {
|
||||
/*controller.setEditData(item);
|
||||
*/
|
||||
/*controller.setEditData(item);
|
||||
Get.bottomSheet(
|
||||
addOrEditBottomSheet(true),
|
||||
isScrollControlled: true,
|
||||
backgroundColor: Colors.transparent,
|
||||
).whenComplete(() {
|
||||
|
||||
});*/
|
||||
});*/ /*
|
||||
|
||||
},
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
@@ -438,368 +365,7 @@ class InspectionMapPage extends GetView<InspectionMapLogic> {
|
||||
);
|
||||
}, controller.isSelectedDetailsLocation);
|
||||
}
|
||||
|
||||
List<Marker> buildMarkers(RxList<PoultryLocationModel> markers) {
|
||||
final visibleBounds = controller.animatedMapController.mapController.camera.visibleBounds;
|
||||
final isZoomedIn = controller.currentZoom > 17;
|
||||
|
||||
final updatedMarkers = markers.map((location) {
|
||||
final point = LatLng(location.lat ?? 0, location.long ?? 0);
|
||||
final isVisible = visibleBounds.contains(point);
|
||||
|
||||
return Marker(
|
||||
point: point,
|
||||
width: isZoomedIn && isVisible ? 180.w : 40.h,
|
||||
height: isZoomedIn && isVisible ? 50.h : 50.h,
|
||||
child: GestureDetector(
|
||||
onTap: () {
|
||||
bool hasHatching = location.hatching != null && location.hatching!.isNotEmpty;
|
||||
Get.bottomSheet(
|
||||
ObxValue((data) {
|
||||
return BaseBottomSheet(
|
||||
height: data.value
|
||||
? hasHatching
|
||||
? 550.h
|
||||
: 400.h
|
||||
: 150.h,
|
||||
child: Column(
|
||||
spacing: 12,
|
||||
children: [
|
||||
ListItemWithOutCounter(
|
||||
secondChild: Column(
|
||||
spacing: 8,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||||
child: Column(
|
||||
spacing: 8,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
location.unitName ?? 'N/A',
|
||||
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(
|
||||
hasHatching ? 'دارد' : 'ندارد',
|
||||
style: AppFonts.yekan14.copyWith(
|
||||
color: AppColor.blueNormal,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
buildRow(
|
||||
title: 'مشخصات خریدار',
|
||||
value: location.user?.fullname ?? 'N/A',
|
||||
),
|
||||
|
||||
buildRow(
|
||||
title: 'تلفن خریدار',
|
||||
value: location.user?.mobile ?? 'N/A',
|
||||
valueStyle: AppFonts.yekan14.copyWith(
|
||||
color: AppColor.blueNormal,
|
||||
),
|
||||
),
|
||||
|
||||
Visibility(
|
||||
visible: location.address?.city?.name != null,
|
||||
child: buildRow(
|
||||
title: 'شهر',
|
||||
value: location.address?.city?.name ?? 'N/A',
|
||||
),
|
||||
),
|
||||
Visibility(
|
||||
visible: location.address?.address != null,
|
||||
child: buildRow(
|
||||
title: 'آردس',
|
||||
value: location.address?.address ?? 'N/A',
|
||||
),
|
||||
),
|
||||
|
||||
buildRow(
|
||||
title: 'شناسه یکتا',
|
||||
value: location.breedingUniqueId ?? 'N/A',
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
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(
|
||||
location.unitName ?? 'N/A',
|
||||
style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
|
||||
),
|
||||
Text(
|
||||
location.user?.fullname ?? '',
|
||||
style: AppFonts.yekan12.copyWith(
|
||||
color: AppColor.darkGreyDarkHover,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
'جوجه ریزی فعال',
|
||||
style: AppFonts.yekan10.copyWith(color: AppColor.blueNormal),
|
||||
),
|
||||
Text(
|
||||
(location.hatching != null && location.hatching!.isNotEmpty)
|
||||
? 'دارد'
|
||||
: 'ندراد',
|
||||
style: AppFonts.yekan12.copyWith(
|
||||
color: AppColor.darkGreyDarkHover,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Assets.vec.scanBarcodeSvg.svg(),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
Visibility(
|
||||
visible: hasHatching,
|
||||
child: Container(
|
||||
width: Get.width,
|
||||
margin: const EdgeInsets.fromLTRB(0, 0, 10, 0),
|
||||
padding: EdgeInsets.all(8.r),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(width: 1, color: AppColor.lightGreyNormalHover),
|
||||
),
|
||||
child: Column(
|
||||
spacing: 8.h,
|
||||
children: [
|
||||
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(
|
||||
location.hatching?.first.date?.formattedJalaliDate ?? 'N/A',
|
||||
style: AppFonts.yekan14.copyWith(color: AppColor.blueNormal),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
buildRow(
|
||||
title: 'باقیمانده',
|
||||
value: location.hatching?.first.leftOver.separatedByComma ?? 'N/A',
|
||||
),
|
||||
buildRow(
|
||||
title: 'سن جوجه ریزی',
|
||||
value: '${location.hatching?.first.chickenAge ?? 'N/A'} روز',
|
||||
),
|
||||
buildRow(
|
||||
title: 'شماره مجوز جوجه ریزی',
|
||||
value: location.hatching?.first.licenceNumber.toString() ?? 'N/A',
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}, controller.isSelectedDetailsLocation),
|
||||
isScrollControlled: true,
|
||||
isDismissible: true,
|
||||
);
|
||||
},
|
||||
child: isZoomedIn && isVisible
|
||||
? Container(
|
||||
height: 30.h,
|
||||
padding: EdgeInsets.all(5.r),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(15.r),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withValues(alpha: 0.1),
|
||||
blurRadius: 5,
|
||||
offset: const Offset(0, 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
spacing: 8,
|
||||
children: [
|
||||
Assets.vec.chickenMapMarkerSvg.svg(width: 24.w, height: 24.h),
|
||||
Text(location.user?.fullname ?? '', style: AppFonts.yekan12),
|
||||
],
|
||||
),
|
||||
)
|
||||
: Assets.vec.chickenMapMarkerSvg.svg(width: 24.w, height: 24.h),
|
||||
),
|
||||
);
|
||||
}).toList();
|
||||
|
||||
return updatedMarkers;
|
||||
}
|
||||
}
|
||||
|
||||
Marker markerWidget({required LatLng marker, required VoidCallback onTap}) {
|
||||
iLog('lat: ${marker.latitude}, lng: ${marker.longitude}');
|
||||
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}) {
|
||||
|
||||
Reference in New Issue
Block a user