GPG Key ID:
C1980A470C3EE5B1
13 changed files with 491 additions and 347 deletions
@ -0,0 +1,157 @@ |
|||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:info_tren/pages/train_info_page/train_info_constants.dart'; |
||||||
|
import 'package:info_tren/pages/train_info_page/view_train/train_info_material.dart'; |
||||||
|
|
||||||
|
class MaterialBadge extends StatelessWidget { |
||||||
|
final String text; |
||||||
|
final String caption; |
||||||
|
final bool isNotScheduled; |
||||||
|
final bool isOnTime; |
||||||
|
final bool isDelayed; |
||||||
|
|
||||||
|
MaterialBadge({ |
||||||
|
required this.text, |
||||||
|
required this.caption, |
||||||
|
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: Text( |
||||||
|
text, |
||||||
|
style: Theme.of(context).textTheme.bodyText2?.copyWith( |
||||||
|
fontSize: isSmallScreen(context) ? 16 : 20, |
||||||
|
fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200, |
||||||
|
color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor, |
||||||
|
), |
||||||
|
textAlign: TextAlign.center, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
caption, |
||||||
|
style: Theme.of(context).textTheme.bodyText2?.copyWith( |
||||||
|
fontSize: 10, |
||||||
|
color: MediaQuery.of(context).boldText ? Colors.white70 : foregroundColor, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class CupertinoBadge extends StatelessWidget { |
||||||
|
final String text; |
||||||
|
final String caption; |
||||||
|
final bool isNotScheduled; |
||||||
|
final bool isOnTime; |
||||||
|
final bool isDelayed; |
||||||
|
|
||||||
|
CupertinoBadge({ |
||||||
|
required this.text, |
||||||
|
required this.caption, |
||||||
|
this.isNotScheduled = false, |
||||||
|
this.isOnTime = false, |
||||||
|
this.isDelayed = false, |
||||||
|
}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
Color foregroundColor = FOREGROUND_WHITE; |
||||||
|
Color? backgroundColor; |
||||||
|
|
||||||
|
if (isNotScheduled) { |
||||||
|
foregroundColor = Color.fromRGBO(225, 175, 30, 1); |
||||||
|
backgroundColor = Color.fromRGBO(80, 40, 10, 1); |
||||||
|
} |
||||||
|
else if (isOnTime) { |
||||||
|
foregroundColor = Color.fromRGBO(130, 175, 65, 1); |
||||||
|
backgroundColor = Color.fromRGBO(40, 80, 10, 1); |
||||||
|
} |
||||||
|
else if (isDelayed) { |
||||||
|
foregroundColor = Color.fromRGBO(225, 75, 30, 1); |
||||||
|
backgroundColor = Color.fromRGBO(80, 20, 10, 1); |
||||||
|
} |
||||||
|
|
||||||
|
return Padding( |
||||||
|
padding: const EdgeInsets.all(8), |
||||||
|
child: Container( |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.circular(10), |
||||||
|
border: Border.all( |
||||||
|
width: 2, |
||||||
|
color: foregroundColor, |
||||||
|
), |
||||||
|
color: backgroundColor, |
||||||
|
// color: CupertinoColors.activeOrange, |
||||||
|
), |
||||||
|
width: 48, |
||||||
|
height: 48, |
||||||
|
child: Column( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: <Widget>[ |
||||||
|
Expanded( |
||||||
|
child: Center( |
||||||
|
child: Text( |
||||||
|
text, |
||||||
|
style: CupertinoTheme.of(context).textTheme.textStyle.copyWith( |
||||||
|
fontSize: 20, |
||||||
|
fontWeight: MediaQuery.of(context).boldText ? FontWeight.w400 : FontWeight.w200, |
||||||
|
color: MediaQuery.of(context).boldText ? FOREGROUND_WHITE : foregroundColor, |
||||||
|
), |
||||||
|
textAlign: TextAlign.center, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
caption, |
||||||
|
style: CupertinoTheme.of(context).textTheme.textStyle.copyWith( |
||||||
|
fontSize: 12, |
||||||
|
color: MediaQuery.of(context).boldText ? FOREGROUND_WHITE : foregroundColor, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue