1040 lines
47 KiB
Dart
1040 lines
47 KiB
Dart
import 'dart:math';
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:tetra_stats/data_objects/tetrio.dart';
|
|
import 'package:tetra_stats/services/tetrio_crud.dart';
|
|
|
|
TetrioPlayer? theGreenSide;
|
|
TetrioPlayer? theRedSide;
|
|
final TetrioService teto = TetrioService();
|
|
|
|
FocusNode greenFocusNode = FocusNode();
|
|
FocusNode redFocusNode = FocusNode();
|
|
|
|
class CompareView extends StatefulWidget {
|
|
final TetrioPlayer greenSide;
|
|
final TetrioPlayer? redSide;
|
|
const CompareView({Key? key, required this.greenSide, required this.redSide}) : super(key: key);
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => CompareState();
|
|
}
|
|
|
|
class CompareState extends State<CompareView> {
|
|
late ScrollController _scrollController;
|
|
|
|
@override
|
|
void initState() {
|
|
theGreenSide = widget.greenSide;
|
|
theRedSide = widget.redSide;
|
|
_scrollController = ScrollController();
|
|
super.initState();
|
|
}
|
|
|
|
void fetchRedSide(String user) async {
|
|
try {
|
|
theRedSide = await teto.fetchPlayer(user, false);
|
|
} on Exception {
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Falied to assign $user")));
|
|
}
|
|
setState(() {});
|
|
}
|
|
|
|
void fetchGreenSide(String user) async {
|
|
try {
|
|
theGreenSide = await teto.fetchPlayer(user, false);
|
|
} on Exception {
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Falied to assign $user")));
|
|
}
|
|
setState(() {});
|
|
}
|
|
|
|
double getWinrateByTR(double yourGlicko, double yourRD, double notyourGlicko, double notyourRD) {
|
|
return ((1 /
|
|
(1 + pow(10, (notyourGlicko - yourGlicko) / (400 * sqrt(1 + (3 * pow(0.0057564273, 2) * (pow(yourRD, 2) + pow(notyourRD, 2)) / pow(pi, 2))))))));
|
|
}
|
|
|
|
void _justUpdate() {
|
|
setState(() {});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
bool bigScreen = MediaQuery.of(context).size.width > 768;
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(
|
|
"${theGreenSide != null ? theGreenSide!.username.toUpperCase() : "???"} vs ${theRedSide != null ? theRedSide!.username.toUpperCase() : "???"}"),
|
|
),
|
|
backgroundColor: Colors.black,
|
|
body: SafeArea(
|
|
child: NestedScrollView(
|
|
controller: _scrollController,
|
|
headerSliverBuilder: (context, value) {
|
|
return [
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 16, 16, 32),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: [Colors.green, Colors.transparent],
|
|
begin: Alignment.bottomCenter,
|
|
end: Alignment.topCenter,
|
|
stops: [0.0, 0.4],
|
|
)),
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(8, 0, 8, 0),
|
|
child: PlayerSelector(
|
|
player: theGreenSide,
|
|
change: fetchGreenSide,
|
|
updateState: _justUpdate,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const Padding(
|
|
padding: EdgeInsets.only(top: 16),
|
|
child: Text("VS"),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: [Colors.red, Colors.transparent],
|
|
begin: Alignment.bottomCenter,
|
|
end: Alignment.topCenter,
|
|
stops: [0.0, 0.4],
|
|
)),
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(8, 0, 8, 0),
|
|
child: PlayerSelector(
|
|
player: theRedSide,
|
|
change: fetchRedSide,
|
|
updateState: _justUpdate,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SliverToBoxAdapter(
|
|
child: Divider(),
|
|
)
|
|
];
|
|
},
|
|
body: theGreenSide != null && theRedSide != null
|
|
? ListView(
|
|
children: [
|
|
if (theGreenSide!.role != "banned" && theRedSide!.role != "banned")
|
|
Column(
|
|
children: [
|
|
CompareRegTimeThingy(greenSide: theGreenSide!.registrationTime, redSide: theRedSide!.registrationTime, label: "Registred"),
|
|
CompareThingy(
|
|
label: "Level",
|
|
greenSide: theGreenSide!.level,
|
|
redSide: theRedSide!.level,
|
|
higherIsBetter: true,
|
|
fractionDigits: 2,
|
|
),
|
|
if (!theGreenSide!.gameTime.isNegative && !theRedSide!.gameTime.isNegative)
|
|
CompareThingy(
|
|
greenSide: theGreenSide!.gameTime.inMicroseconds / 1000000 / 60 / 60,
|
|
redSide: theRedSide!.gameTime.inMicroseconds / 1000000 / 60 / 60,
|
|
label: "Hours Played",
|
|
higherIsBetter: true,
|
|
fractionDigits: 2,
|
|
),
|
|
if (theGreenSide!.gamesPlayed >= 0 && theRedSide!.gamesPlayed >= 0)
|
|
CompareThingy(
|
|
label: "Online Games",
|
|
greenSide: theGreenSide!.gamesPlayed,
|
|
redSide: theRedSide!.gamesPlayed,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.gamesWon >= 0 && theRedSide!.gamesWon >= 0)
|
|
CompareThingy(
|
|
label: "Games Won",
|
|
greenSide: theGreenSide!.gamesWon,
|
|
redSide: theRedSide!.gamesWon,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Friends",
|
|
greenSide: theGreenSide!.friendCount,
|
|
redSide: theRedSide!.friendCount,
|
|
higherIsBetter: true,
|
|
),
|
|
],
|
|
)
|
|
else
|
|
CompareBoolThingy(greenSide: theGreenSide!.role == "banned", redSide: theRedSide!.role == "banned", label: "Banned", trueIsBetter: false),
|
|
const Divider(),
|
|
theGreenSide!.tlSeason1.gamesPlayed > 0 && theRedSide!.tlSeason1.gamesPlayed > 0
|
|
? Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 16),
|
|
child: Text("Tetra League", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
|
|
),
|
|
if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
|
|
CompareThingy(
|
|
label: "TR",
|
|
greenSide: theGreenSide!.tlSeason1.rating,
|
|
redSide: theRedSide!.tlSeason1.rating,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Games Played",
|
|
greenSide: theGreenSide!.tlSeason1.gamesPlayed,
|
|
redSide: theRedSide!.tlSeason1.gamesPlayed,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Games Won",
|
|
greenSide: theGreenSide!.tlSeason1.gamesWon,
|
|
redSide: theRedSide!.tlSeason1.gamesWon,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "WR %",
|
|
greenSide: theGreenSide!.tlSeason1.winrate * 100,
|
|
redSide: theRedSide!.tlSeason1.winrate * 100,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
|
|
CompareThingy(
|
|
label: "Glicko",
|
|
greenSide: theGreenSide!.tlSeason1.glicko!,
|
|
redSide: theRedSide!.tlSeason1.glicko!,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
|
|
CompareThingy(
|
|
label: "RD",
|
|
greenSide: theGreenSide!.tlSeason1.rd!,
|
|
redSide: theRedSide!.tlSeason1.rd!,
|
|
fractionDigits: 3,
|
|
higherIsBetter: false,
|
|
),
|
|
if (theGreenSide!.tlSeason1.standing > 0 && theRedSide!.tlSeason1.standing > 0)
|
|
CompareThingy(
|
|
label: "№ in LB",
|
|
greenSide: theGreenSide!.tlSeason1.standing,
|
|
redSide: theRedSide!.tlSeason1.standing,
|
|
higherIsBetter: false,
|
|
),
|
|
if (theGreenSide!.tlSeason1.standingLocal > 0 && theRedSide!.tlSeason1.standingLocal > 0)
|
|
CompareThingy(
|
|
label: "№ in local LB",
|
|
greenSide: theGreenSide!.tlSeason1.standingLocal,
|
|
redSide: theRedSide!.tlSeason1.standingLocal,
|
|
higherIsBetter: false,
|
|
),
|
|
if (theGreenSide!.tlSeason1.apm != null && theRedSide!.tlSeason1.apm != null)
|
|
CompareThingy(
|
|
label: "APM",
|
|
greenSide: theGreenSide!.tlSeason1.apm!,
|
|
redSide: theRedSide!.tlSeason1.apm!,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.tlSeason1.pps != null && theRedSide!.tlSeason1.pps != null)
|
|
CompareThingy(
|
|
label: "PPS",
|
|
greenSide: theGreenSide!.tlSeason1.pps!,
|
|
redSide: theRedSide!.tlSeason1.pps!,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.tlSeason1.vs != null && theRedSide!.tlSeason1.vs != null)
|
|
CompareThingy(
|
|
label: "VS",
|
|
greenSide: theGreenSide!.tlSeason1.vs!,
|
|
redSide: theRedSide!.tlSeason1.vs!,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
],
|
|
)
|
|
: CompareBoolThingy(
|
|
greenSide: theGreenSide!.tlSeason1.gamesPlayed > 0,
|
|
redSide: theRedSide!.tlSeason1.gamesPlayed > 0,
|
|
label: "Played Tetra League",
|
|
trueIsBetter: false),
|
|
const Divider(),
|
|
if (theGreenSide!.tlSeason1.apm != null &&
|
|
theRedSide!.tlSeason1.apm != null &&
|
|
theGreenSide!.tlSeason1.pps != null &&
|
|
theRedSide!.tlSeason1.pps != null &&
|
|
theGreenSide!.tlSeason1.vs != null &&
|
|
theRedSide!.tlSeason1.vs != null)
|
|
Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 16),
|
|
child: Text("Nerd Stats", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
|
|
),
|
|
CompareThingy(
|
|
label: "APP",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.app,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.app,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "VS/APM",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.vsapm,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.vsapm,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "DS/S",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.dss,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.dss,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "DS/P",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.dsp,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.dsp,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "APP + DS/P",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.appdsp,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.appdsp,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Cheese",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.cheese,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.cheese,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Garbage Eff.",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.gbe,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.gbe,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Weighted APP",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.nyaapp,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.nyaapp,
|
|
fractionDigits: 3,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Area",
|
|
greenSide: theGreenSide!.tlSeason1.nerdStats!.area,
|
|
redSide: theRedSide!.tlSeason1.nerdStats!.area,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
CompareThingy(
|
|
label: "Est. of TR",
|
|
greenSide: theGreenSide!.tlSeason1.estTr!.esttr,
|
|
redSide: theRedSide!.tlSeason1.estTr!.esttr,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theGreenSide!.tlSeason1.gamesPlayed > 9)
|
|
CompareThingy(
|
|
label: "Acc. of Est.",
|
|
greenSide: theGreenSide!.tlSeason1.esttracc!,
|
|
redSide: theRedSide!.tlSeason1.esttracc!,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
Wrap(
|
|
direction: Axis.horizontal,
|
|
alignment: WrapAlignment.spaceAround,
|
|
spacing: 25,
|
|
crossAxisAlignment: WrapCrossAlignment.start,
|
|
clipBehavior: Clip.hardEdge,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
|
|
child: SizedBox(
|
|
height: 300,
|
|
width: 300,
|
|
child: RadarChart(
|
|
RadarChartData(
|
|
radarShape: RadarShape.polygon,
|
|
tickCount: 4,
|
|
ticksTextStyle: const TextStyle(color: Colors.transparent, fontSize: 10),
|
|
radarBorderData: const BorderSide(color: Colors.transparent, width: 1),
|
|
gridBorderData: const BorderSide(color: Colors.white24, width: 1),
|
|
tickBorderData: const BorderSide(color: Colors.transparent, width: 1),
|
|
getTitle: (index, angle) {
|
|
switch (index) {
|
|
case 0:
|
|
return RadarChartTitle(
|
|
text: 'APM',
|
|
angle: angle,
|
|
);
|
|
case 1:
|
|
return RadarChartTitle(
|
|
text: 'PPS',
|
|
angle: angle,
|
|
);
|
|
case 2:
|
|
return RadarChartTitle(text: 'VS', angle: angle);
|
|
case 3:
|
|
return RadarChartTitle(text: 'APP', angle: angle + 180);
|
|
case 4:
|
|
return RadarChartTitle(text: 'DS/S', angle: angle + 180);
|
|
case 5:
|
|
return RadarChartTitle(text: 'DS/P', angle: angle + 180);
|
|
case 6:
|
|
return RadarChartTitle(text: 'APP+DS/P', angle: angle + 180);
|
|
case 7:
|
|
return RadarChartTitle(text: 'VS/APM', angle: angle + 180);
|
|
case 8:
|
|
return RadarChartTitle(text: 'Cheese', angle: angle);
|
|
case 9:
|
|
return RadarChartTitle(text: 'Gb Eff.', angle: angle);
|
|
default:
|
|
return const RadarChartTitle(text: '');
|
|
}
|
|
},
|
|
dataSets: [
|
|
RadarDataSet(
|
|
fillColor: const Color.fromARGB(115, 76, 175, 79),
|
|
borderColor: Colors.green,
|
|
dataEntries: [
|
|
RadarEntry(value: theGreenSide!.tlSeason1.apm! * 1),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.pps! * 45),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.vs! * 0.444),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.app * 185),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.dss * 175),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.dsp * 450),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.appdsp * 140),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.vsapm * 60),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.cheese * 1.25),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.gbe * 315),
|
|
],
|
|
),
|
|
RadarDataSet(
|
|
fillColor: const Color.fromARGB(115, 244, 67, 54),
|
|
borderColor: Colors.red,
|
|
dataEntries: [
|
|
RadarEntry(value: theRedSide!.tlSeason1.apm! * 1),
|
|
RadarEntry(value: theRedSide!.tlSeason1.pps! * 45),
|
|
RadarEntry(value: theRedSide!.tlSeason1.vs! * 0.444),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.app * 185),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.dss * 175),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.dsp * 450),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.appdsp * 140),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.vsapm * 60),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.cheese * 1.25),
|
|
RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.gbe * 315),
|
|
],
|
|
),
|
|
RadarDataSet(
|
|
fillColor: Colors.transparent,
|
|
borderColor: Colors.transparent,
|
|
dataEntries: [
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
swapAnimationDuration: const Duration(milliseconds: 150), // Optional
|
|
swapAnimationCurve: Curves.linear, // Optional
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
|
|
child: SizedBox(
|
|
height: 300,
|
|
width: 300,
|
|
child: RadarChart(
|
|
RadarChartData(
|
|
radarShape: RadarShape.polygon,
|
|
tickCount: 4,
|
|
ticksTextStyle: const TextStyle(color: Colors.transparent, fontSize: 10),
|
|
radarBorderData: const BorderSide(color: Colors.transparent, width: 1),
|
|
gridBorderData: const BorderSide(color: Colors.white24, width: 1),
|
|
tickBorderData: const BorderSide(color: Colors.transparent, width: 1),
|
|
getTitle: (index, angle) {
|
|
switch (index) {
|
|
case 0:
|
|
return RadarChartTitle(
|
|
text: 'Opener',
|
|
angle: angle,
|
|
);
|
|
case 1:
|
|
return RadarChartTitle(
|
|
text: 'Stride',
|
|
angle: angle,
|
|
);
|
|
case 2:
|
|
return RadarChartTitle(text: 'Inf Ds', angle: angle + 180);
|
|
case 3:
|
|
return RadarChartTitle(text: 'Plonk', angle: angle);
|
|
default:
|
|
return const RadarChartTitle(text: '');
|
|
}
|
|
},
|
|
dataSets: [
|
|
RadarDataSet(
|
|
fillColor: const Color.fromARGB(115, 76, 175, 79),
|
|
borderColor: Colors.green,
|
|
dataEntries: [
|
|
RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.opener),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.stride),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.infds),
|
|
RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.plonk),
|
|
],
|
|
),
|
|
RadarDataSet(
|
|
fillColor: const Color.fromARGB(115, 244, 67, 54),
|
|
borderColor: Colors.red,
|
|
dataEntries: [
|
|
RadarEntry(value: theRedSide!.tlSeason1.playstyle!.opener),
|
|
RadarEntry(value: theRedSide!.tlSeason1.playstyle!.stride),
|
|
RadarEntry(value: theRedSide!.tlSeason1.playstyle!.infds),
|
|
RadarEntry(value: theRedSide!.tlSeason1.playstyle!.plonk),
|
|
],
|
|
),
|
|
RadarDataSet(
|
|
fillColor: Colors.transparent,
|
|
borderColor: Colors.transparent,
|
|
dataEntries: [
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
const RadarEntry(value: 0),
|
|
],
|
|
),
|
|
RadarDataSet(
|
|
fillColor: Colors.transparent,
|
|
borderColor: Colors.transparent,
|
|
dataEntries: [
|
|
const RadarEntry(value: 1),
|
|
const RadarEntry(value: 1),
|
|
const RadarEntry(value: 1),
|
|
const RadarEntry(value: 1),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
swapAnimationDuration: const Duration(milliseconds: 150), // Optional
|
|
swapAnimationCurve: Curves.linear, // Optional
|
|
),
|
|
),
|
|
),
|
|
const Divider(),
|
|
Padding(
|
|
padding: const EdgeInsets.only(bottom: 16),
|
|
child: Text("Win Chance", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
|
|
),
|
|
CompareThingy(
|
|
label: "By Glicko",
|
|
greenSide: getWinrateByTR(theGreenSide!.tlSeason1.glicko!, theGreenSide!.tlSeason1.rd!, theRedSide!.tlSeason1.glicko!,
|
|
theRedSide!.tlSeason1.rd!) *
|
|
100,
|
|
redSide: getWinrateByTR(theRedSide!.tlSeason1.glicko!, theRedSide!.tlSeason1.rd!, theGreenSide!.tlSeason1.glicko!,
|
|
theGreenSide!.tlSeason1.rd!) *
|
|
100,
|
|
fractionDigits: 2,
|
|
higherIsBetter: true,
|
|
),
|
|
],
|
|
)
|
|
],
|
|
)
|
|
],
|
|
)
|
|
: const Text("Please enter valid nicknames"),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class PlayerSelector extends StatelessWidget {
|
|
final TetrioPlayer? player;
|
|
final Function change;
|
|
final Function updateState;
|
|
const PlayerSelector({super.key, required this.player, required this.change, required this.updateState});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final TextEditingController playerController = TextEditingController();
|
|
if (player != null) playerController.text = player!.username;
|
|
return Column(
|
|
children: [
|
|
TextField(
|
|
autocorrect: false,
|
|
enableSuggestions: false,
|
|
maxLength: 25,
|
|
controller: playerController,
|
|
decoration: const InputDecoration(counter: Offstage()),
|
|
onSubmitted: (String value) {
|
|
change(value);
|
|
}),
|
|
if (player != null)
|
|
Text(
|
|
player!.toString(),
|
|
style: const TextStyle(
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class CompareThingy extends StatelessWidget {
|
|
final num greenSide;
|
|
final num redSide;
|
|
final String label;
|
|
final bool higherIsBetter;
|
|
final int? fractionDigits;
|
|
const CompareThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.higherIsBetter, this.fractionDigits});
|
|
|
|
String verdict(num greenSide, num redSide, int fraction) {
|
|
var f = NumberFormat("+#,###.##;-#,###.##");
|
|
f.maximumFractionDigits = fraction;
|
|
return f.format((greenSide - redSide));
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var f = NumberFormat("#,###.##");
|
|
f.maximumFractionDigits = fractionDigits ?? 0;
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.green, Colors.transparent],
|
|
begin: Alignment.centerLeft,
|
|
end: Alignment.centerRight,
|
|
stops: [
|
|
0.0,
|
|
higherIsBetter
|
|
? greenSide > redSide
|
|
? 0.6
|
|
: 0
|
|
: greenSide < redSide
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
f.format(greenSide),
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.start,
|
|
),
|
|
)),
|
|
Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(fontSize: 22),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
Text(
|
|
verdict(greenSide, redSide, fractionDigits != null ? fractionDigits! + 2 : 0),
|
|
style: const TextStyle(fontSize: 16),
|
|
textAlign: TextAlign.center,
|
|
)
|
|
],
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.red, Colors.transparent],
|
|
begin: Alignment.centerRight,
|
|
end: Alignment.centerLeft,
|
|
stops: [
|
|
0.0,
|
|
higherIsBetter
|
|
? redSide > greenSide
|
|
? 0.6
|
|
: 0
|
|
: redSide < greenSide
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
f.format(redSide),
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.end,
|
|
),
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class CompareBoolThingy extends StatelessWidget {
|
|
final bool greenSide;
|
|
final bool redSide;
|
|
final String label;
|
|
final bool trueIsBetter;
|
|
const CompareBoolThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.trueIsBetter});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
|
|
child: Row(children: [
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.green, Colors.transparent],
|
|
begin: Alignment.centerLeft,
|
|
end: Alignment.centerRight,
|
|
stops: [
|
|
0.0,
|
|
trueIsBetter
|
|
? greenSide
|
|
? 0.6
|
|
: 0
|
|
: !greenSide
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
greenSide ? "Yes" : "No",
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.start,
|
|
),
|
|
)),
|
|
Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(fontSize: 22),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const Text(
|
|
"---",
|
|
style: TextStyle(fontSize: 16),
|
|
textAlign: TextAlign.center,
|
|
)
|
|
],
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.red, Colors.transparent],
|
|
begin: Alignment.centerRight,
|
|
end: Alignment.centerLeft,
|
|
stops: [
|
|
0.0,
|
|
trueIsBetter
|
|
? redSide
|
|
? 0.6
|
|
: 0
|
|
: !redSide
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
redSide ? "Yes" : "No",
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.end,
|
|
),
|
|
)),
|
|
]),
|
|
);
|
|
}
|
|
}
|
|
|
|
class CompareDurationThingy extends StatelessWidget {
|
|
final Duration greenSide;
|
|
final Duration redSide;
|
|
final String label;
|
|
final bool higherIsBetter;
|
|
const CompareDurationThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.higherIsBetter});
|
|
|
|
Duration verdict(Duration greenSide, Duration redSide) {
|
|
return greenSide - redSide;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
greenSide.toString(),
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
)),
|
|
Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
Text(
|
|
verdict(greenSide, redSide).toString(),
|
|
style: const TextStyle(fontSize: 16),
|
|
textAlign: TextAlign.center,
|
|
)
|
|
],
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
redSide.toString(),
|
|
style: const TextStyle(fontSize: 22),
|
|
textAlign: TextAlign.end,
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class CompareRegTimeThingy extends StatelessWidget {
|
|
final DateTime? greenSide;
|
|
final DateTime? redSide;
|
|
final String label;
|
|
final int? fractionDigits;
|
|
const CompareRegTimeThingy({super.key, required this.greenSide, required this.redSide, required this.label, this.fractionDigits});
|
|
|
|
String verdict(DateTime? greenSide, DateTime? redSide) {
|
|
var f = NumberFormat("#,### days later;#,### days before");
|
|
String result = "---";
|
|
if (greenSide != null && redSide != null) result = f.format(greenSide.difference(redSide).inDays);
|
|
return result;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
DateFormat f = DateFormat.yMMMd();
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.green, Colors.transparent],
|
|
begin: Alignment.centerLeft,
|
|
end: Alignment.centerRight,
|
|
stops: [
|
|
0.0,
|
|
greenSide == null
|
|
? 0.6
|
|
: redSide != null && greenSide!.isBefore(redSide!)
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
greenSide != null ? f.format(greenSide!) : "From beginning",
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.start,
|
|
),
|
|
)),
|
|
Column(
|
|
children: [
|
|
Text(
|
|
label,
|
|
style: const TextStyle(fontSize: 22),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
Text(
|
|
verdict(greenSide, redSide),
|
|
style: const TextStyle(fontSize: 16),
|
|
textAlign: TextAlign.center,
|
|
)
|
|
],
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: const [Colors.red, Colors.transparent],
|
|
begin: Alignment.centerRight,
|
|
end: Alignment.centerLeft,
|
|
stops: [
|
|
0.0,
|
|
redSide == null
|
|
? 0.6
|
|
: greenSide != null && redSide!.isBefore(greenSide!)
|
|
? 0.6
|
|
: 0
|
|
],
|
|
)),
|
|
child: Text(
|
|
redSide != null ? f.format(redSide!) : "From beginning",
|
|
style: const TextStyle(
|
|
fontSize: 22,
|
|
shadows: <Shadow>[
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 3.0,
|
|
color: Colors.black,
|
|
),
|
|
Shadow(
|
|
offset: Offset(0.0, 0.0),
|
|
blurRadius: 8.0,
|
|
color: Colors.black,
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.end,
|
|
),
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|