|
|
|
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/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,
|
|
|
|
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: MaterialButton(
|
|
|
|
height: 50,
|
|
|
|
color: Theme.of(context).appBarTheme.color,
|
|
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10) ),
|
|
|
|
onPressed: () =>
|
|
|
|
Navigator.push(
|
|
|
|
context,
|
|
|
|
FadePage(page: RRTPlaceOrderPage(selectedAddress: selectedAddress, servicePrice: widget.servicePrice,))
|
|
|
|
),
|
|
|
|
child: Text(localize.continues, style: TextStyle(color: Colors.white, fontSize: 15, letterSpacing: 1),),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
}
|
|
|
|
}
|