419 lines
13 KiB
Dart
419 lines
13 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:hl_lieferservice/feature/delivery/bloc/tour_event.dart';
|
|
import 'package:hl_lieferservice/model/article.dart';
|
|
import 'package:hl_lieferservice/model/delivery.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
import '../../../bloc/tour_bloc.dart';
|
|
import '../../../bloc/tour_state.dart';
|
|
|
|
enum _StatusAction { hold, cancel, reactivate }
|
|
|
|
class DeliveryStepInfo extends StatefulWidget {
|
|
final Delivery delivery;
|
|
|
|
const DeliveryStepInfo({required this.delivery, super.key});
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => _DeliveryStepInfo();
|
|
}
|
|
|
|
class _DeliveryStepInfo extends State<DeliveryStepInfo> {
|
|
void _launchMapsUrl(String mapsApp) async {
|
|
final address = widget.delivery.customer.address.toString();
|
|
final encodedAddress = Uri.encodeComponent(address);
|
|
Uri url;
|
|
|
|
switch (mapsApp) {
|
|
case 'google':
|
|
url = Uri.parse(
|
|
'https://www.google.com/maps/search/?api=1&query=$encodedAddress',
|
|
);
|
|
break;
|
|
case 'apple':
|
|
url = Uri.parse('http://maps.apple.com/?daddr=$encodedAddress');
|
|
break;
|
|
default:
|
|
return;
|
|
}
|
|
|
|
await launchUrl(url, mode: LaunchMode.externalApplication);
|
|
}
|
|
|
|
Widget _statusOverflow() {
|
|
final state = widget.delivery.state;
|
|
final List<PopupMenuEntry<_StatusAction>> entries;
|
|
|
|
if (state == DeliveryState.ongoing) {
|
|
entries = const [
|
|
PopupMenuItem(
|
|
value: _StatusAction.hold,
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.change_circle, color: Colors.orangeAccent),
|
|
SizedBox(width: 12),
|
|
Text("Zurückstellen"),
|
|
],
|
|
),
|
|
),
|
|
PopupMenuItem(
|
|
value: _StatusAction.cancel,
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.cancel, color: Colors.red),
|
|
SizedBox(width: 12),
|
|
Text("Abbrechen"),
|
|
],
|
|
),
|
|
),
|
|
];
|
|
} else {
|
|
entries = const [
|
|
PopupMenuItem(
|
|
value: _StatusAction.reactivate,
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.published_with_changes, color: Colors.blueAccent),
|
|
SizedBox(width: 12),
|
|
Text("Reaktivieren"),
|
|
],
|
|
),
|
|
),
|
|
];
|
|
}
|
|
|
|
return PopupMenuButton<_StatusAction>(
|
|
icon: const Icon(Icons.more_vert),
|
|
tooltip: "Status ändern",
|
|
itemBuilder: (context) => entries,
|
|
onSelected: (action) {
|
|
switch (action) {
|
|
case _StatusAction.hold:
|
|
context.read<TourBloc>().add(
|
|
HoldDeliveryEvent(deliveryId: widget.delivery.id),
|
|
);
|
|
Navigator.of(context).pop();
|
|
break;
|
|
case _StatusAction.cancel:
|
|
context.read<TourBloc>().add(
|
|
CancelDeliveryEvent(deliveryId: widget.delivery.id),
|
|
);
|
|
Navigator.of(context).pop();
|
|
break;
|
|
case _StatusAction.reactivate:
|
|
context.read<TourBloc>().add(
|
|
ReactivateDeliveryEvent(deliveryId: widget.delivery.id),
|
|
);
|
|
break;
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _fastActions() {
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
child: Card(
|
|
color: Theme.of(context).colorScheme.onSecondary,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: Builder(
|
|
builder: (context) {
|
|
final phone = widget.delivery.contactPerson?.phoneNumber;
|
|
final bool hasPhone = phone != null && phone.isNotEmpty;
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
IconButton.filled(
|
|
onPressed: hasPhone
|
|
? () async {
|
|
await launchUrl(
|
|
Uri(scheme: "tel", path: phone),
|
|
);
|
|
}
|
|
: null,
|
|
icon: const Icon(Icons.phone),
|
|
),
|
|
const Text("Anrufen"),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
IconButton.filled(
|
|
onPressed: () => _launchMapsUrl("google"),
|
|
icon: const Icon(Icons.map_outlined),
|
|
),
|
|
const Text("Google Maps"),
|
|
],
|
|
),
|
|
),
|
|
_statusOverflow(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _customerInformation() {
|
|
final phone = widget.delivery.contactPerson?.phoneNumber;
|
|
final String phoneText = (phone != null && phone.isNotEmpty)
|
|
? phone
|
|
: "keine Nummer angegeben";
|
|
|
|
final email = widget.delivery.customer.email;
|
|
final String emailText = (email != null && email.isNotEmpty)
|
|
? email
|
|
: "keine E-Mail angegeben";
|
|
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
child: Card(
|
|
color: Theme.of(context).colorScheme.onSecondary,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Icon(Icons.person, color: Theme.of(context).primaryColor),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Text(
|
|
widget.delivery.customer.name,
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 15),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.other_houses,
|
|
color: Theme.of(context).primaryColor,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(widget.delivery.customer.address.street),
|
|
Text(
|
|
"${widget.delivery.customer.address.postalCode} ${widget.delivery.customer.address.city}",
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 15),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.phone, color: Theme.of(context).primaryColor),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Text(phoneText),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 15),
|
|
child: Row(
|
|
children: [
|
|
Icon(Icons.mail, color: Theme.of(context).primaryColor),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Text(
|
|
emailText,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _articleList() {
|
|
TourLoaded tour = context.read<TourBloc>().state as TourLoaded;
|
|
List<Article> filteredArticles =
|
|
widget.delivery.articles
|
|
.where(
|
|
(article) =>
|
|
article.articleNumber != tour.tour.discountArticleNumber,
|
|
)
|
|
.toList();
|
|
|
|
return ListView.separated(
|
|
shrinkWrap: true,
|
|
physics: NeverScrollableScrollPhysics(),
|
|
itemBuilder: (context, index) {
|
|
Article article = filteredArticles[index];
|
|
|
|
return DecoratedBox(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.onSecondary,
|
|
),
|
|
child: ListTile(
|
|
title: Text(article.name),
|
|
subtitle: Text("Artikelnr. ${article.articleNumber}"),
|
|
leading: Chip(label: Text("${article.amount.toString()}x")),
|
|
),
|
|
);
|
|
},
|
|
separatorBuilder: (context, index) => const Divider(height: 0),
|
|
itemCount: filteredArticles.length,
|
|
);
|
|
}
|
|
|
|
Widget _agreementsAndDesiredTime() {
|
|
String agreements = "keine Vereinbarungen getroffen!";
|
|
if (widget.delivery.specialAgreements != null &&
|
|
widget.delivery.specialAgreements != "") {
|
|
agreements = widget.delivery.specialAgreements!;
|
|
}
|
|
|
|
final desiredTime = widget.delivery.desiredTime;
|
|
final bool hasDesiredTime = desiredTime != null && desiredTime.isNotEmpty;
|
|
final primary = Theme.of(context).primaryColor;
|
|
|
|
return Card(
|
|
color: Theme.of(context).colorScheme.onSecondary,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
if (hasDesiredTime) ...[
|
|
Row(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(15),
|
|
child: Icon(Icons.schedule, color: primary, size: 28),
|
|
),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"Wunschtermin",
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
Text(
|
|
desiredTime,
|
|
style: TextStyle(
|
|
fontSize: 22,
|
|
fontWeight: FontWeight.bold,
|
|
color: primary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Divider(height: 24),
|
|
],
|
|
Row(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(15),
|
|
child: Icon(Icons.warning, color: primary, size: 28),
|
|
),
|
|
Expanded(child: Text(agreements)),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
alignment: Alignment.centerLeft,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: ListView(
|
|
children: [
|
|
Text(
|
|
"Schnellaktionen",
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10),
|
|
child: _fastActions(),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 20),
|
|
child: Text(
|
|
"Sondervereinbarungen",
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10),
|
|
child: _agreementsAndDesiredTime(),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 20),
|
|
child: Text(
|
|
"Kundeninformationen",
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10),
|
|
child: _customerInformation(),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 20),
|
|
child: Text(
|
|
"Zu liefernde Artikel",
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
),
|
|
),
|
|
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 20),
|
|
child: _articleList(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|