109 lines
4.3 KiB
Dart
109 lines
4.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:syncfusion_flutter_gauges/gauges.dart';
|
|
import 'package:tetra_stats/data_objects/tetrio.dart';
|
|
import 'package:tetra_stats/gen/strings.g.dart';
|
|
import 'package:tetra_stats/utils/colors_functions.dart';
|
|
import 'package:tetra_stats/utils/numers_formats.dart';
|
|
|
|
class GaugetNum extends StatelessWidget {
|
|
final num playerStat;
|
|
final num? oldPlayerStat;
|
|
final bool higherIsBetter;
|
|
final List<GaugeRange> ranges;
|
|
final double minimum;
|
|
final double maximum;
|
|
final String playerStatLabel;
|
|
final String? okText;
|
|
final String? alertTitle;
|
|
final List<Widget>? alertWidgets;
|
|
final LeaderboardPosition? pos;
|
|
final num? averageStat;
|
|
|
|
const GaugetNum(
|
|
{super.key,
|
|
required this.playerStat,
|
|
required this.playerStatLabel,
|
|
this.alertWidgets,
|
|
this.oldPlayerStat,
|
|
required this.higherIsBetter,
|
|
required this.minimum,
|
|
required this.maximum,
|
|
required this.ranges,
|
|
this.okText, this.alertTitle, this.pos, this.averageStat});
|
|
|
|
Color getStatColor(){
|
|
if (averageStat == null) return Colors.white;
|
|
num percentile = (higherIsBetter ? playerStat / averageStat! : averageStat! / playerStat).abs();
|
|
if (percentile > 1.50) return Colors.purpleAccent;
|
|
else if (percentile > 1.20) return Colors.blueAccent;
|
|
else if (percentile > 0.90) return Colors.greenAccent;
|
|
else if (percentile > 0.70) return Colors.yellowAccent;
|
|
else return Colors.redAccent;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
width: 200,
|
|
height: 120,
|
|
child: SfRadialGauge(
|
|
title: GaugeTitle(text: playerStatLabel),
|
|
axes: [RadialAxis(
|
|
startAngle: 180,
|
|
endAngle: 360,
|
|
showLabels: false,
|
|
showTicks: false,
|
|
radiusFactor: 2.1,
|
|
centerY: 0.5,
|
|
minimum: minimum,
|
|
maximum: maximum,
|
|
ranges: ranges,
|
|
pointers: [
|
|
NeedlePointer(
|
|
value: playerStat as double,
|
|
enableAnimation: true,
|
|
needleLength: 0.9,
|
|
needleStartWidth: 2,
|
|
needleEndWidth: 15,
|
|
knobStyle: const KnobStyle(color: Colors.transparent),
|
|
gradient: const LinearGradient(colors: [Colors.transparent, Colors.white], begin: Alignment.bottomCenter, end: Alignment.topCenter, stops: [0.5, 1]),)
|
|
],
|
|
annotations: [GaugeAnnotation(
|
|
widget: TextButton(child: Text(f3.format(playerStat),
|
|
style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: 36, color: getStatColor())),
|
|
onPressed: (){
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) => AlertDialog(
|
|
title: Text(alertTitle??playerStatLabel, style: const TextStyle(fontFamily: "Eurostile Round Extended")),
|
|
content: SingleChildScrollView(child: ListBody(children: alertWidgets!)),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
child: Text(okText??t.popupActions.ok),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
)
|
|
],
|
|
));
|
|
},), verticalAlignment: GaugeAlignment.far, positionFactor: 0.05),
|
|
if (oldPlayerStat != null || pos != null) GaugeAnnotation(
|
|
widget: RichText(text: TextSpan(
|
|
text: "",
|
|
style: const TextStyle(fontFamily: "Eurostile Round", fontSize: 14, color: Colors.grey),
|
|
children: [
|
|
if (oldPlayerStat != null) TextSpan(text: comparef.format(playerStat - oldPlayerStat!), style: TextStyle(
|
|
color: higherIsBetter ?
|
|
oldPlayerStat! > playerStat ? Colors.redAccent : Colors.greenAccent :
|
|
oldPlayerStat! < playerStat ? Colors.redAccent : Colors.greenAccent
|
|
),),
|
|
if (oldPlayerStat != null && pos != null) const TextSpan(text: " • "),
|
|
if (pos != null) TextSpan(text: pos!.position >= 1000 ? "${t.top} ${f2.format(pos!.percentage*100)}%" : "№${pos!.position}", style: TextStyle(color: getColorOfRank(pos!.position)))
|
|
]
|
|
),
|
|
),
|
|
positionFactor: 0.05)],
|
|
)],),
|
|
);
|
|
}
|
|
} |