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