Kenneth Bruen
5 years ago
5 changed files with 516 additions and 262 deletions
@ -0,0 +1,509 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:info_tren/models/train_data.dart'; |
||||||
|
import 'package:info_tren/train_info_page/train_info.dart'; |
||||||
|
import 'package:info_tren/train_info_page/train_info_material.dart' show isSmallScreen; |
||||||
|
|
||||||
|
class DisplayTrainStation extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
|
||||||
|
DisplayTrainStation({@required this.station}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Card( |
||||||
|
child: Padding( |
||||||
|
padding: const EdgeInsets.all(2), |
||||||
|
child: Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: <Widget>[ |
||||||
|
Row( |
||||||
|
mainAxisSize: MainAxisSize.max, |
||||||
|
children: <Widget>[ |
||||||
|
FutureDisplay( |
||||||
|
future: Future.wait([ |
||||||
|
station.delay, |
||||||
|
station.realOrEstimate, |
||||||
|
station.observations, |
||||||
|
]), |
||||||
|
builder: (context, data) { |
||||||
|
final isDelayed = (data[0] as int) > 0 && (data[1] as RealOrEstimate) == RealOrEstimate.real; |
||||||
|
final isOnTime = (data[0] as int) <= 0 && (data[1] as RealOrEstimate) == RealOrEstimate.real; |
||||||
|
final isNotScheduled = data[2] == "ONI"; |
||||||
|
|
||||||
|
return KmBadge( |
||||||
|
station: station, |
||||||
|
isNotScheduled: isNotScheduled, |
||||||
|
isDelayed: isDelayed, |
||||||
|
isOnTime: isOnTime, |
||||||
|
); |
||||||
|
} |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
child: Title( |
||||||
|
station: station, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Time( |
||||||
|
station: station, |
||||||
|
), |
||||||
|
Delay( |
||||||
|
station: station, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class KmBadge extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
final bool isNotScheduled; |
||||||
|
final bool isOnTime; |
||||||
|
final bool isDelayed; |
||||||
|
|
||||||
|
KmBadge({ |
||||||
|
@required this.station, |
||||||
|
this.isNotScheduled = false, |
||||||
|
this.isOnTime = false, |
||||||
|
this.isDelayed = false, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
Color foregroundColor = Colors.white70; |
||||||
|
Color backgroundColor; |
||||||
|
|
||||||
|
if (isNotScheduled) { |
||||||
|
foregroundColor = Colors.orange.shade300; |
||||||
|
backgroundColor = Colors.orange.shade900.withOpacity(0.3); |
||||||
|
} |
||||||
|
else if (isOnTime) { |
||||||
|
foregroundColor = Colors.green.shade300; |
||||||
|
backgroundColor = Colors.green.shade900.withOpacity(0.3); |
||||||
|
} |
||||||
|
else if (isDelayed) { |
||||||
|
foregroundColor = Colors.red.shade300; |
||||||
|
backgroundColor = Colors.red.shade900.withOpacity(0.3); |
||||||
|
} |
||||||
|
|
||||||
|
return Padding( |
||||||
|
padding: const EdgeInsets.all(8), |
||||||
|
child: Container( |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(10), |
||||||
|
border: Border.all( |
||||||
|
width: 2, |
||||||
|
color: foregroundColor, |
||||||
|
), |
||||||
|
color: backgroundColor, |
||||||
|
), |
||||||
|
width: isSmallScreen(context) ? 42 : 48, |
||||||
|
height: isSmallScreen(context) ? 42 : 48, |
||||||
|
child: Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Expanded( |
||||||
|
child: Center( |
||||||
|
child: FutureDisplay<int>( |
||||||
|
future: station.km, |
||||||
|
builder: (context, value) { |
||||||
|
return Text( |
||||||
|
value.toString(), |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 14 : 18, |
||||||
|
fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200, |
||||||
|
color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor, |
||||||
|
), |
||||||
|
textAlign: TextAlign.center, |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"km", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: 10, |
||||||
|
color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class Title extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
|
||||||
|
Title({ |
||||||
|
@required this.station |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<List<String>>( |
||||||
|
future: Future.wait([ |
||||||
|
station.stationName, |
||||||
|
station.observations |
||||||
|
]), |
||||||
|
builder: (context, items) { |
||||||
|
return Text( |
||||||
|
items[0], |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 18 : 22, |
||||||
|
fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200, |
||||||
|
fontStyle: items[1] == "ONI" ? FontStyle.italic : FontStyle.normal, |
||||||
|
), |
||||||
|
textAlign: TextAlign.center, |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class Time extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
|
||||||
|
Time({ |
||||||
|
@required this.station, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<List<String>>( |
||||||
|
future: Future.wait([ |
||||||
|
station.arrivalTime, |
||||||
|
station.stopsFor, |
||||||
|
station.departureTime, |
||||||
|
]), |
||||||
|
builder: (context, items) { |
||||||
|
if (items[0].isEmpty) { |
||||||
|
// Plecare |
||||||
|
return DepartureTime( |
||||||
|
station: station, |
||||||
|
firstStation: true, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
if (items[2].isEmpty) { |
||||||
|
// Sosire |
||||||
|
return ArrivalTime( |
||||||
|
station: station, |
||||||
|
finalStation: true, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
return Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"→", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 18 : 22, |
||||||
|
), |
||||||
|
), |
||||||
|
Container(width: 2,), |
||||||
|
ArrivalTime(station: station,), |
||||||
|
Expanded(child: Container(),), |
||||||
|
StopTime(station: station,), |
||||||
|
Expanded(child: Container(),), |
||||||
|
DepartureTime(station: station,), |
||||||
|
Container(width: 2,), |
||||||
|
Text( |
||||||
|
"→", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 18 : 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class ArrivalTime extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
final bool finalStation; |
||||||
|
|
||||||
|
ArrivalTime({ |
||||||
|
@required this.station, |
||||||
|
this.finalStation = false, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<List<Object>>( |
||||||
|
future: Future.wait([ |
||||||
|
station.arrivalTime, |
||||||
|
station.delay, |
||||||
|
]), |
||||||
|
builder: (context, data) { |
||||||
|
if (finalStation) { |
||||||
|
return Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"→", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 18 : 22, |
||||||
|
), |
||||||
|
), |
||||||
|
Container(width: 2,), |
||||||
|
Text("sosire la "), |
||||||
|
ArrivalTime(station: station,), |
||||||
|
Expanded(child: Container(),), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
if (data[1] == 0) { |
||||||
|
return Text("${data[0]}"); |
||||||
|
} |
||||||
|
else if (data[1] as int > 0) { |
||||||
|
final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList(); |
||||||
|
|
||||||
|
final now = DateTime.now(); |
||||||
|
final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]); |
||||||
|
final oldDate = newDate.subtract(Duration(minutes: data[1] as int)); |
||||||
|
|
||||||
|
return Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
decoration: TextDecoration.lineThrough, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"${data[0]}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.red.shade300, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList(); |
||||||
|
|
||||||
|
final now = DateTime.now(); |
||||||
|
final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]); |
||||||
|
final oldDate = newDate.subtract(Duration(minutes: data[1] as int)); |
||||||
|
|
||||||
|
return Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
decoration: TextDecoration.lineThrough, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"${data[0]}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.green.shade300, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class StopTime extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
|
||||||
|
StopTime({ |
||||||
|
@required this.station, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<String>( |
||||||
|
future: station.stopsFor, |
||||||
|
builder: (context, stopsFor) { |
||||||
|
return Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"staționează pentru", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
), |
||||||
|
Builder( |
||||||
|
builder: (context) { |
||||||
|
int stopsForInt = int.parse(stopsFor); |
||||||
|
if (stopsForInt == 1) { |
||||||
|
return Text( |
||||||
|
"1 minut", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
); |
||||||
|
} |
||||||
|
else if (stopsForInt < 20) { |
||||||
|
return Text( |
||||||
|
"$stopsFor minute", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
return Text( |
||||||
|
"$stopsFor de minute", |
||||||
|
textAlign: TextAlign.center, |
||||||
|
); |
||||||
|
} |
||||||
|
}, |
||||||
|
) |
||||||
|
], |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class DepartureTime extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
final bool firstStation; |
||||||
|
|
||||||
|
DepartureTime({ |
||||||
|
@required this.station, |
||||||
|
this.firstStation = false, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<List<Object>>( |
||||||
|
future: Future.wait([ |
||||||
|
station.departureTime, |
||||||
|
station.delay, |
||||||
|
]), |
||||||
|
builder: (context, data) { |
||||||
|
if (firstStation) { |
||||||
|
return Row( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: <Widget>[ |
||||||
|
Expanded(child: Container(),), |
||||||
|
Text("plecare la "), |
||||||
|
DepartureTime(station: station,), |
||||||
|
Container(width: 2,), |
||||||
|
Text( |
||||||
|
"→", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
fontSize: 22, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
if (data[1] == 0) { |
||||||
|
return Text("${data[0]}"); |
||||||
|
} |
||||||
|
else if (data[1] as int > 0) { |
||||||
|
final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList(); |
||||||
|
|
||||||
|
final now = DateTime.now(); |
||||||
|
final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]); |
||||||
|
final oldDate = newDate.subtract(Duration(minutes: data[1] as int)); |
||||||
|
|
||||||
|
return Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
decoration: TextDecoration.lineThrough, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"${data[0]}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.red.shade300, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
else { |
||||||
|
final splits = (data[0] as String).split(":").map((s) => int.parse(s)).toList(); |
||||||
|
|
||||||
|
final now = DateTime.now(); |
||||||
|
final newDate = DateTime(now.year, now.month, now.day, splits[0], splits[1]); |
||||||
|
final oldDate = newDate.subtract(Duration(minutes: data[1] as int)); |
||||||
|
|
||||||
|
return Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Text( |
||||||
|
"${oldDate.hour.toString().padLeft(2, '0')}:${oldDate.minute.toString().padLeft(2, '0')}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
decoration: TextDecoration.lineThrough, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"${data[0]}", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.green.shade300, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
class Delay extends StatelessWidget { |
||||||
|
final OnDemandStation station; |
||||||
|
|
||||||
|
Delay({ |
||||||
|
@required this.station, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return FutureDisplay<int>( |
||||||
|
future: station.delay, |
||||||
|
builder: (context, delay) { |
||||||
|
if (delay == 0) return Container(); |
||||||
|
|
||||||
|
else if (delay > 0) { |
||||||
|
return Text( |
||||||
|
"$delay minute întârziere", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.red.shade300, |
||||||
|
fontSize: 12, |
||||||
|
fontStyle: FontStyle.italic, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
else if (delay < 0) { |
||||||
|
return Text( |
||||||
|
"${-delay} minute mai devreme", |
||||||
|
style: Theme.of(context).textTheme.body1.copyWith( |
||||||
|
color: Colors.green.shade300, |
||||||
|
fontSize: 12, |
||||||
|
fontStyle: FontStyle.italic, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
return Container(); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue