|
|
|
import 'dart:async';
|
|
|
|
|
|
|
|
import 'package:diplomaticquarterapp/config/config.dart';
|
|
|
|
import 'package:diplomaticquarterapp/core/model/pharmacies/Addresses.dart';
|
|
|
|
import 'package:diplomaticquarterapp/core/viewModels/er/rrt-view-model.dart';
|
|
|
|
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
|
|
|
|
import 'package:diplomaticquarterapp/models/rrt/service_price.dart';
|
|
|
|
import 'package:diplomaticquarterapp/pages/base/base_view.dart';
|
|
|
|
import 'package:diplomaticquarterapp/uitl/app_toast.dart';
|
|
|
|
import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
|
|
|
|
import 'package:diplomaticquarterapp/widgets/buttons/defaultButton.dart';
|
|
|
|
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
|
|
|
|
import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_material_pickers/flutter_material_pickers.dart';
|
|
|
|
import 'package:geolocator/geolocator.dart';
|
|
|
|
import 'package:google_maps_flutter/google_maps_flutter.dart';
|
|
|
|
import 'package:google_maps_place_picker/google_maps_place_picker.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
|
|
|
|
import 'rrt-place-order.dart';
|
|
|
|
|
|
|
|
class RRTRequestPickupAddressPage extends StatefulWidget {
|
|
|
|
final ServicePrice servicePrice;
|
|
|
|
|
|
|
|
RRTRequestPickupAddressPage({@required this.servicePrice});
|
|
|
|
|
|
|
|
@override
|
|
|
|
State<StatefulWidget> createState() => RRTRequestPickupAddressPageState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class RRTRequestPickupAddressPageState extends State<RRTRequestPickupAddressPage> with SingleTickerProviderStateMixin {
|
|
|
|
bool acceptTerms = false;
|
|
|
|
|
|
|
|
bool mapIdle = true;
|
|
|
|
Completer<GoogleMapController> mapController = Completer();
|
|
|
|
CameraPosition mapCameraPosition = CameraPosition(
|
|
|
|
target: LatLng(24.7114693, 46.67469582),
|
|
|
|
zoom: 14.4746,
|
|
|
|
);
|
|
|
|
|
|
|
|
List<Addresses> myAddresses = [];
|
|
|
|
Addresses selectedAddress;
|
|
|
|
StreamController<int> addressStreamController = StreamController();
|
|
|
|
Stream<int> addressStream;
|
|
|
|
StreamController<int> addressLoadingStreamController = StreamController();
|
|
|
|
Stream<int> addressLoadingStream;
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
goToCurrentLocation();
|
|
|
|
addressStream = addressStreamController.stream;
|
|
|
|
addressLoadingStream = addressLoadingStreamController.stream;
|
|
|
|
}
|
|
|
|
|
|
|
|
void loadAddresses() async {
|
|
|
|
// GifLoaderDialogUtils.showMyDialog(context);
|
|
|
|
myAddresses = await viewModel.getAddresses();
|
|
|
|
// GifLoaderDialogUtils.hideDialog(context);
|
|
|
|
|
|
|
|
if (myAddresses.isNotEmpty) setState(() {});
|
|
|
|
}
|
|
|
|
|
|
|
|
TranslationBase localize;
|
|
|
|
RRTViewModel viewModel;
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
localize = TranslationBase.of(context);
|
|
|
|
ProjectViewModel projectViewModel = Provider.of(context);
|
|
|
|
|
|
|
|
addressStreamController.sink.add(0);
|
|
|
|
|
|
|
|
return BaseView<RRTViewModel>(
|
|
|
|
onModelReady: (vm) {
|
|
|
|
viewModel = vm;
|
|
|
|
loadAddresses();
|
|
|
|
},
|
|
|
|
builder: (ctx, vm, widget) => AppScaffold(
|
|
|
|
appBarTitle: localize.pickupLocation,
|
|
|
|
isShowAppBar: true,
|
|
|
|
showNewAppBar: true,
|
|
|
|
showNewAppBarTitle: true,
|
|
|
|
body: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
children: [
|
|
|
|
StreamBuilder<Object>(
|
|
|
|
stream: addressStream,
|
|
|
|
builder: (context, snapshot) {
|
|
|
|
return selectAddressField();
|
|
|
|
}),
|
|
|
|
StreamBuilder<Object>(
|
|
|
|
stream: addressLoadingStream,
|
|
|
|
builder: (context, snapshot) {
|
|
|
|
return snapshot.hasData
|
|
|
|
? LinearProgressIndicator(backgroundColor: Colors.transparent)
|
|
|
|
: Container(
|
|
|
|
height: 4,
|
|
|
|
);
|
|
|
|
}),
|
|
|
|
Expanded(
|
|
|
|
child: PlacePicker(
|
|
|
|
apiKey: GOOGLE_API_KEY,
|
|
|
|
enableMyLocationButton: true,
|
|
|
|
automaticallyImplyAppBarLeading: false,
|
|
|
|
autocompleteOnTrailingWhitespace: true,
|
|
|
|
selectInitialPosition: true,
|
|
|
|
autocompleteLanguage: projectViewModel.currentLanguage,
|
|
|
|
enableMapTypeButton: true,
|
|
|
|
searchForInitialValue: false,
|
|
|
|
selectedPlaceWidgetBuilder: (_, selectedPlace, state, isSearchBarFocused) {
|
|
|
|
if (state == SearchingState.Idle) {
|
|
|
|
addressLoadingStreamController.sink.add(null);
|
|
|
|
if (selectedPlace != null) {
|
|
|
|
var loc = selectedPlace.geometry.location;
|
|
|
|
var address1 = selectedPlace.addressComponents.first.longName;
|
|
|
|
var address2 = "";
|
|
|
|
if (selectedPlace.addressComponents.length > 1) address2 = selectedPlace.addressComponents[1].longName;
|
|
|
|
|
|
|
|
selectedAddress = Addresses(latLong: '${loc.lat},${loc.lng}', address1: address1, address2: address2);
|
|
|
|
addressStreamController.sink.add(0);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
addressLoadingStreamController.sink.add(0);
|
|
|
|
}
|
|
|
|
return Container();
|
|
|
|
},
|
|
|
|
initialPosition: LatLng(24.7114693, 46.67469582),
|
|
|
|
useCurrentLocation: false,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
continueButton()
|
|
|
|
],
|
|
|
|
)));
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget centerTargetPoint() {
|
|
|
|
double size = mapIdle ? 20 : 30;
|
|
|
|
double margin = mapIdle ? 3 : 10;
|
|
|
|
return Center(
|
|
|
|
child: Container(
|
|
|
|
width: size,
|
|
|
|
height: size,
|
|
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(20), border: Border.all(width: 2, color: Theme.of(context).appBarTheme.color)),
|
|
|
|
child: Container(margin: EdgeInsets.all(margin), decoration: BoxDecoration(color: Theme.of(context).appBarTheme.color, borderRadius: BorderRadius.circular(20))),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget selectAddressField() {
|
|
|
|
var text = selectedAddress == null ? localize.selectAddress : selectedAddress.toString();
|
|
|
|
return Container(
|
|
|
|
margin: EdgeInsets.all(10),
|
|
|
|
height: 50,
|
|
|
|
child: MaterialButton(
|
|
|
|
height: 50,
|
|
|
|
color: Colors.white,
|
|
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
|
|
|
onPressed: openAddressSelectDialog,
|
|
|
|
child: Row(
|
|
|
|
children: [
|
|
|
|
Expanded(child: Text(text, style: TextStyle(color: Colors.grey, fontSize: 13, letterSpacing: 1))),
|
|
|
|
Icon(
|
|
|
|
Icons.keyboard_arrow_down,
|
|
|
|
size: 20,
|
|
|
|
color: Colors.grey,
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget continueButton() {
|
|
|
|
return Padding(
|
|
|
|
padding: const EdgeInsets.all(15),
|
|
|
|
child: DefaultButton(TranslationBase.of(context).continues, () {
|
|
|
|
Navigator.push(
|
|
|
|
context,
|
|
|
|
FadePage(
|
|
|
|
page: RRTPlaceOrderPage(
|
|
|
|
selectedAddress: selectedAddress,
|
|
|
|
servicePrice: widget.servicePrice,
|
|
|
|
)));
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
openAddressSelectDialog() {
|
|
|
|
showMaterialResponsiveDialog(
|
|
|
|
hideButtons: true,
|
|
|
|
context: context,
|
|
|
|
title: localize.selectAddress,
|
|
|
|
child: ListView.separated(
|
|
|
|
shrinkWrap: true,
|
|
|
|
padding: EdgeInsets.all(10),
|
|
|
|
itemCount: myAddresses.length,
|
|
|
|
itemBuilder: (ctx, idx) {
|
|
|
|
var itm = myAddresses[idx];
|
|
|
|
return ListTile(
|
|
|
|
title: Text(itm.toString()),
|
|
|
|
onTap: () {
|
|
|
|
setState(() {
|
|
|
|
selectedAddress = itm;
|
|
|
|
Navigator.pop(context);
|
|
|
|
if (itm.latLong != null && itm.latLong.isNotEmpty && itm.latLong.split(',').length > 1) {
|
|
|
|
var cordinates = itm.latLong.split(',');
|
|
|
|
var latlng = LatLng(double.parse(cordinates.first), double.parse(cordinates.last));
|
|
|
|
moveToLocation(latlng);
|
|
|
|
} else {
|
|
|
|
AppToast.showErrorToast(message: 'Invalid address coordinates');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
);
|
|
|
|
},
|
|
|
|
separatorBuilder: (ctx, idx) => Container(
|
|
|
|
height: 0.25,
|
|
|
|
color: Colors.grey.withOpacity(0.7),
|
|
|
|
)));
|
|
|
|
}
|
|
|
|
|
|
|
|
moveToLocation(LatLng location, {bool animate = true}) async {
|
|
|
|
await Future.delayed(Duration(milliseconds: 200));
|
|
|
|
mapCameraPosition = CameraPosition(
|
|
|
|
target: location,
|
|
|
|
zoom: 16.4746,
|
|
|
|
);
|
|
|
|
if (animate)
|
|
|
|
(await mapController.future).animateCamera(
|
|
|
|
CameraUpdate.newCameraPosition(mapCameraPosition),
|
|
|
|
);
|
|
|
|
else
|
|
|
|
(await mapController.future).moveCamera(
|
|
|
|
CameraUpdate.newCameraPosition(mapCameraPosition),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
goToCurrentLocation() async {
|
|
|
|
var location = await Geolocator.getLastKnownPosition();
|
|
|
|
if (location == null) {
|
|
|
|
Geolocator.getCurrentPosition().then((value) {
|
|
|
|
moveToLocation(LatLng(value.latitude, value.longitude));
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
moveToLocation(LatLng(location.latitude, location.longitude), animate: false);
|
|
|
|
}
|
|
|
|
}
|