476 lines
22 KiB
Dart
476 lines
22 KiB
Dart
import 'dart:async';
|
|
import 'dart:typed_data';
|
|
|
|
import 'package:auto_size_text/auto_size_text.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
|
|
import 'package:google_maps_flutter/google_maps_flutter.dart';
|
|
import 'package:mapbox_maps_flutter/mapbox_maps_flutter.dart' as mapBox;
|
|
import 'package:manager_api_new/api.dart';
|
|
import 'package:mymuseum_visitapp/Components/video_viewer_youtube.dart';
|
|
import 'package:mymuseum_visitapp/Models/agenda.dart';
|
|
import 'package:mymuseum_visitapp/Models/visitContext.dart';
|
|
import 'package:mymuseum_visitapp/app_context.dart';
|
|
import 'package:mymuseum_visitapp/constants.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
class EventPopup extends StatefulWidget {
|
|
final EventAgenda eventAgenda;
|
|
final MapProvider mapProvider;
|
|
final Uint8List mapIcon;
|
|
|
|
EventPopup({Key? key, required this.eventAgenda, required this.mapProvider, required this.mapIcon}) : super(key: key);
|
|
|
|
@override
|
|
State<EventPopup> createState() => _EventPopupState();
|
|
}
|
|
|
|
class _EventPopupState extends State<EventPopup> {
|
|
final DateFormat formatter = DateFormat('dd/MM/yyyy hh:mm');
|
|
Completer<GoogleMapController> _controller = Completer();
|
|
Set<Marker> markers = {};
|
|
bool init = false;
|
|
|
|
mapBox.MapboxMap? mapboxMap;
|
|
mapBox.PointAnnotationManager? pointAnnotationManager;
|
|
|
|
Set<Marker> getMarkers() {
|
|
markers = {};
|
|
|
|
if (widget.eventAgenda.address!.lat != null && widget.eventAgenda.address!.lng != null) {
|
|
markers.add(Marker(
|
|
draggable: false,
|
|
markerId: MarkerId(widget.eventAgenda.address!.lat.toString() +
|
|
widget.eventAgenda.address!.lng.toString()),
|
|
position: LatLng(
|
|
double.parse(widget.eventAgenda.address!.lat!.toString()),
|
|
double.parse(widget.eventAgenda.address!.lng!.toString()),
|
|
),
|
|
icon: BitmapDescriptor.defaultMarker,
|
|
infoWindow: InfoWindow.noText));
|
|
}
|
|
return markers;
|
|
}
|
|
|
|
_onMapCreated(mapBox.MapboxMap mapboxMap, Uint8List icon) {
|
|
this.mapboxMap = mapboxMap;
|
|
|
|
mapboxMap.annotations.createPointAnnotationManager().then((pointAnnotationManager) async {
|
|
this.pointAnnotationManager = pointAnnotationManager;
|
|
pointAnnotationManager.createMulti(createPoints(LatLng(double.parse(widget.eventAgenda.address!.lat!.toString()), double.parse(widget.eventAgenda.address!.lng!.toString())), icon));
|
|
init = true;
|
|
});
|
|
}
|
|
|
|
createPoints(LatLng position, Uint8List icon) {
|
|
var options = <mapBox.PointAnnotationOptions>[];
|
|
options.add(mapBox.PointAnnotationOptions(
|
|
geometry: mapBox.Point(
|
|
coordinates: mapBox.Position(
|
|
position.longitude,
|
|
position.latitude,
|
|
)), // .toJson()
|
|
iconSize: 1.3,
|
|
iconOffset: [0.0, 0.0],
|
|
symbolSortKey: 10,
|
|
iconColor: 0,
|
|
iconImage: null,
|
|
image: icon, //widget.selectedMarkerIcon,
|
|
));
|
|
print(options.length);
|
|
|
|
return options;
|
|
}
|
|
|
|
Future<void> openEmail(String email) async {
|
|
final Uri emailLaunchUri = Uri(
|
|
scheme: 'mailto',
|
|
path: email,
|
|
);
|
|
|
|
try {
|
|
await launchUrl(emailLaunchUri, mode: LaunchMode.externalApplication);
|
|
} catch (e) {
|
|
print('Erreur lors de l\'ouverture de l\'email: $e');
|
|
}
|
|
}
|
|
|
|
Future<void> openPhone(String phone) async {
|
|
final Uri phoneLaunchUri = Uri(
|
|
scheme: 'tel',
|
|
path: phone,
|
|
);
|
|
|
|
try {
|
|
await launchUrl(phoneLaunchUri, mode: LaunchMode.externalApplication);
|
|
} catch (e) {
|
|
print('Erreur lors de l\'ouverture de l\'email: $e');
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appContext = Provider.of<AppContext>(context);
|
|
VisitAppContext visitAppContext = appContext.getContext();
|
|
|
|
var dateToShow = widget.eventAgenda.dateFrom!.isAtSameMomentAs(widget.eventAgenda.dateTo!) ? "${formatter.format(widget.eventAgenda.dateFrom!)}": "${formatter.format(widget.eventAgenda.dateFrom!)} - ${formatter.format(widget.eventAgenda.dateTo!)}";
|
|
Size size = MediaQuery.of(context).size;
|
|
|
|
if(!init) {
|
|
print("getmarkers in build");
|
|
getMarkers();
|
|
init = true;
|
|
}
|
|
|
|
return Dialog(
|
|
insetPadding: const EdgeInsets.all(4.0),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0))
|
|
),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0)),
|
|
color: kBackgroundColor,
|
|
),
|
|
height: size.height * 0.92,
|
|
width: size.width * 0.95,
|
|
child: Stack(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.only(topLeft: Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0), topRight: Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0)),
|
|
child: Stack(
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: kMainGrey,
|
|
spreadRadius: 0.5,
|
|
blurRadius: 5,
|
|
offset: Offset(0, 1), // changes position of shadow
|
|
),
|
|
],
|
|
gradient: const LinearGradient(
|
|
begin: Alignment.centerRight,
|
|
end: Alignment.centerLeft,
|
|
colors: [
|
|
kMainColor0,
|
|
kMainColor1,
|
|
kMainColor2,
|
|
],
|
|
),
|
|
border: const Border(right: BorderSide(width: 0.05, color: kMainGrey)),
|
|
color: Colors.grey,
|
|
image: widget.eventAgenda.image != null ? DecorationImage(
|
|
fit: BoxFit.cover,
|
|
opacity: 0.4,
|
|
image: NetworkImage(
|
|
widget.eventAgenda.image!,
|
|
),
|
|
): null
|
|
),
|
|
width: size.width,
|
|
height: 125,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 10, right: 10, top: 4),
|
|
child: Center(
|
|
child: HtmlWidget(
|
|
'<div style="text-align: center;">${widget.eventAgenda.name!}</div>',
|
|
textStyle: const TextStyle(fontSize: 20.0, color: Colors.white),
|
|
customStylesBuilder: (element)
|
|
{
|
|
return {'text-align': 'center', 'font-family': "Roboto", '-webkit-line-clamp': "2"};
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 125),
|
|
child: SingleChildScrollView(
|
|
child: IntrinsicHeight(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 8.0),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: kSecondColor.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Center(
|
|
child: Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
spacing: 6.0,
|
|
children: [
|
|
const Icon(Icons.calendar_today_rounded, color: kSecondColor, size: 18),
|
|
Text(
|
|
dateToShow,
|
|
style: const TextStyle(
|
|
fontSize: 16,
|
|
color: kSecondColor,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: Container(
|
|
constraints: BoxConstraints(minHeight: 250, maxHeight: size.height * 0.38),
|
|
width: size.width,
|
|
decoration: BoxDecoration(
|
|
color: kBackgroundLight,
|
|
borderRadius: BorderRadius.all(Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0))
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 20, right: 10, bottom: 10, top: 15),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
thickness: 2.0,
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
HtmlWidget(
|
|
widget.eventAgenda.description!,
|
|
customStylesBuilder: (element) {
|
|
return {'text-align': 'left', 'font-family': "Roboto"};
|
|
},
|
|
textStyle: const TextStyle(fontSize: 15.0),
|
|
),
|
|
widget.eventAgenda.idVideoYoutube != null && widget.eventAgenda.idVideoYoutube!.isNotEmpty ?
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: SizedBox(
|
|
height: 250,
|
|
width: 350,
|
|
child: VideoViewerYoutube(videoUrl: "https://www.youtube.com/watch?v=${widget.eventAgenda.idVideoYoutube}", isAuto: false, webView: true)
|
|
),
|
|
) :
|
|
SizedBox(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
widget.eventAgenda.address!.lat != null && widget.eventAgenda.address!.lng != null ?
|
|
SizedBox(
|
|
width: size.width,
|
|
height: size.height * 0.2,
|
|
child: widget.mapProvider == MapProvider.Google ?
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0)),
|
|
child: GoogleMap(
|
|
mapToolbarEnabled: false,
|
|
initialCameraPosition: CameraPosition(
|
|
target: LatLng(double.parse(widget.eventAgenda.address!.lat!.toString()), double.parse(widget.eventAgenda.address!.lng!.toString())),
|
|
zoom: 14,
|
|
),
|
|
onMapCreated: (GoogleMapController controller) {
|
|
_controller.complete(controller);
|
|
},
|
|
markers: markers,
|
|
),
|
|
) :
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(visitAppContext.configuration!.roundedValue?.toDouble() ?? 20.0)),
|
|
child: mapBox.MapWidget(
|
|
key: ValueKey("mapBoxWidget"),
|
|
styleUri: mapBox.MapboxStyles.STANDARD,
|
|
onMapCreated: (maBoxMap) {
|
|
_onMapCreated(maBoxMap, widget.mapIcon);
|
|
},
|
|
cameraOptions: mapBox.CameraOptions(
|
|
center: mapBox.Point(coordinates: mapBox.Position(double.parse(widget.eventAgenda.address!.lng!.toString()), double.parse(widget.eventAgenda.address!.lat!.toString()))), // .toJson()
|
|
zoom: 14
|
|
),
|
|
),
|
|
),
|
|
): SizedBox(),
|
|
widget.eventAgenda.address?.address != null &&
|
|
widget.eventAgenda.address!.address!.isNotEmpty
|
|
? GestureDetector(
|
|
onTap: () async {
|
|
final query = Uri.encodeComponent(widget.eventAgenda.address!.address!);
|
|
final googleMapsUrl = Uri.parse("https://www.google.com/maps/search/?api=1&query=$query");
|
|
|
|
if (await canLaunchUrl(googleMapsUrl)) {
|
|
await launchUrl(googleMapsUrl, mode: LaunchMode.externalApplication);
|
|
} else {
|
|
print("Impossible d'ouvrir Google Maps");
|
|
}
|
|
},
|
|
child: Container(
|
|
width: size.width,
|
|
height: 60,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.location_on, size: 13, color: kMainColor),
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: SizedBox(
|
|
width: size.width * 0.7,
|
|
child: AutoSizeText(
|
|
textAlign: TextAlign.center,
|
|
widget.eventAgenda.address!.address!,
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: kMainColor,
|
|
//decoration: TextDecoration.underline,
|
|
),
|
|
maxLines: 3,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
widget.eventAgenda.phone != null && widget.eventAgenda.phone!.isNotEmpty
|
|
? SizedBox(
|
|
width: size.width,
|
|
height: 35,
|
|
child: InkWell(
|
|
onTap: () => openPhone(widget.eventAgenda.phone!),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.phone, size: 13, color: kMainColor),
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: Text(widget.eventAgenda.phone!, style: TextStyle(fontSize: 12, color: kMainColor)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
: SizedBox(),
|
|
widget.eventAgenda.email != null && widget.eventAgenda.email!.isNotEmpty
|
|
? SizedBox(
|
|
width: size.width,
|
|
height: 35,
|
|
child: InkWell(
|
|
onTap: () => openEmail(widget.eventAgenda.email!),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(Icons.email, size: 13, color: kMainColor),
|
|
Padding(
|
|
padding: const EdgeInsets.all(4.0),
|
|
child: AutoSizeText(
|
|
widget.eventAgenda.email!,
|
|
style: TextStyle(fontSize: 12, color: kMainColor),
|
|
maxLines: 3
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
)
|
|
: SizedBox(),
|
|
widget.eventAgenda.website != null && widget.eventAgenda.website!.isNotEmpty
|
|
? GestureDetector(
|
|
onTap: () async {
|
|
final url = Uri.parse(widget.eventAgenda.website!);
|
|
if (await canLaunchUrl(url)) {
|
|
await launchUrl(url, mode: LaunchMode.externalApplication);
|
|
} else {
|
|
// Optionnel : afficher une erreur
|
|
print('Impossible d\'ouvrir le lien');
|
|
}
|
|
},
|
|
child: SizedBox(
|
|
width: size.width * 0.8,
|
|
height: 35,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.public, size: 13, color: kMainColor),
|
|
const SizedBox(width: 4),
|
|
Flexible(
|
|
child: AutoSizeText(
|
|
textAlign: TextAlign.center,
|
|
widget.eventAgenda.website!,
|
|
style: const TextStyle(
|
|
fontSize: 12,
|
|
color: kMainColor,
|
|
//decoration: TextDecoration.underline,
|
|
),
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
: const SizedBox(),
|
|
],
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 4.5,
|
|
top: 4.5,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
Navigator.of(context).pop();
|
|
});
|
|
},
|
|
child: Container(
|
|
width: 50,
|
|
height: 50,
|
|
decoration: BoxDecoration(
|
|
color: kMainColor.withValues(alpha: 0.55),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: const Icon(
|
|
Icons.close,
|
|
size: 25,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|