TetraStats/lib/widgets/vs_graphs.dart

import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
import 'package:tetra_stats/widgets/graphs.dart' show MyRadarChart;
import 'package:tetra_stats/data_objects/tetrio.dart';
import 'package:tetra_stats/gen/strings.g.dart';

class VsGraphs extends StatelessWidget{
  final double greenAPM;
  final double greenPPS;
  final double greenVS;
  final NerdStats greenNerdStats;
  final Playstyle greenPlaystyle;
  final double redAPM;
  final double redPPS;
  final double redVS;
  final NerdStats redNerdStats;
  final Playstyle redPlaystyle;

  const VsGraphs(this.greenAPM, this.greenPPS, this.greenVS, this.greenNerdStats, this.greenPlaystyle, this.redAPM, this.redPPS, this.redVS, this.redNerdStats, this.redPlaystyle, {super.key});
  
  @override
  Widget build(BuildContext context) {
    return Wrap(
      direction: Axis.horizontal,
      alignment: WrapAlignment.center,
      spacing: 25,
      crossAxisAlignment: WrapCrossAlignment.start,
      clipBehavior: Clip.hardEdge,
      children: [
        Padding(
      padding: const EdgeInsets.fromLTRB(18, 0, 18, 44),
      child: SizedBox(
        height: 310,
        width: 310,
        child: MyRadarChart(
          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,
                    positionPercentageOffset: 0.05
                  );
                case 1:
                  return RadarChartTitle(
                    text: 'PPS',
                    angle: angle,
                    positionPercentageOffset: 0.05
                  );
                case 2:
                  return RadarChartTitle(text: 'VS', angle: angle, positionPercentageOffset: 0.05);
                case 3:
                  return RadarChartTitle(text: 'APP', angle: angle + 180, positionPercentageOffset: 0.05);
                case 4:
                  return RadarChartTitle(text: 'DS/S', angle: angle + 180, positionPercentageOffset: 0.05);
                case 5:
                  return RadarChartTitle(text: 'DS/P', angle: angle + 180, positionPercentageOffset: 0.05);
                case 6:
                  return RadarChartTitle(text: 'APP+DS/P', angle: angle + 180, positionPercentageOffset: 0.05);
                case 7:
                  return RadarChartTitle(text: 'VS/APM', angle: angle + 180, positionPercentageOffset: 0.05);
                case 8:
                  return RadarChartTitle(text: 'Cheese', angle: angle, positionPercentageOffset: 0.05);
                case 9:
                  return RadarChartTitle(text: 'Gb Eff.', angle: angle, positionPercentageOffset: 0.05);
                default:
                  return const RadarChartTitle(text: '');
              }
                },
                dataSets: [
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 76, 175, 79),
                    borderColor: Colors.green,
                    dataEntries: [
                      RadarEntry(value: greenAPM * apmWeight),
                      RadarEntry(value: greenPPS * ppsWeight),
                      RadarEntry(value: greenVS * vsWeight),
                      RadarEntry(value: greenNerdStats.app * appWeight),
                      RadarEntry(value: greenNerdStats.dss * dssWeight),
                      RadarEntry(value: greenNerdStats.dsp * dspWeight),
                      RadarEntry(value: greenNerdStats.appdsp * appdspWeight),
                      RadarEntry(value: greenNerdStats.vsapm * vsapmWeight),
                      RadarEntry(value: greenNerdStats.cheese * cheeseWeight),
                      RadarEntry(value: greenNerdStats.gbe * gbeWeight),
                    ],
                  ),
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 244, 67, 54),
                    borderColor: Colors.red,
                    dataEntries: [
                      RadarEntry(value: redAPM * apmWeight),
                      RadarEntry(value: redPPS * ppsWeight),
                      RadarEntry(value: redVS * vsWeight),
                      RadarEntry(value: redNerdStats.app * appWeight),
                      RadarEntry(value: redNerdStats.dss * dssWeight),
                      RadarEntry(value: redNerdStats.dsp * dspWeight),
                      RadarEntry(value: redNerdStats.appdsp * appdspWeight),
                      RadarEntry(value: redNerdStats.vsapm * vsapmWeight),
                      RadarEntry(value: redNerdStats.cheese * cheeseWeight),
                      RadarEntry(value: redNerdStats.gbe * gbeWeight),
                    ],
                  ),
                  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),
              swapAnimationCurve: Curves.linear,
            ),
          ),
        ),
        Padding(
      padding: const EdgeInsets.fromLTRB(18, 0, 18, 44),
      child: SizedBox(
        height: 310,
        width: 310,
        child: MyRadarChart(
          RadarChartData(
            radarShape: RadarShape.polygon,
            tickCount: 4,
            ticksTextStyle: const TextStyle(color: Colors.white24, 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),
            titleTextStyle: const TextStyle(height: 1.1),
            radarTouchData: RadarTouchData(),
                getTitle: (index, angle) {
                  switch (index) {
                    case 0:
                      return RadarChartTitle(text: 'Opener',angle: angle, positionPercentageOffset: 0.05);
                    case 1:
                      return RadarChartTitle(text: 'Stride', angle: angle, positionPercentageOffset: 0.05);
                    case 2:
                      return RadarChartTitle(text: 'Inf Ds', angle: angle + 180, positionPercentageOffset: 0.05);
                    case 3:
                      return RadarChartTitle(text: 'Plonk', angle: angle, positionPercentageOffset: 0.05);
                    default:
                      return const RadarChartTitle(text: '');
                  }
                },
                dataSets: [
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 76, 175, 79),
                    borderColor: Colors.green,
                    dataEntries: [
                      RadarEntry(value: greenPlaystyle.opener),
                      RadarEntry(value: greenPlaystyle.stride),
                      RadarEntry(value: greenPlaystyle.infds),
                      RadarEntry(value: greenPlaystyle.plonk),
                    ],
                  ),
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 244, 67, 54),
                    borderColor: Colors.red,
                    dataEntries: [
                      RadarEntry(value: redPlaystyle.opener),
                      RadarEntry(value: redPlaystyle.stride),
                      RadarEntry(value: redPlaystyle.infds),
                      RadarEntry(value: redPlaystyle.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
            ),
          ),
        ),
        Padding( // sq graph
          padding: const EdgeInsets.fromLTRB(18, 0, 18, 44),
          child: SizedBox(
            height: 310,
            width: 310,
            child: MyRadarChart(
              RadarChartData(
                radarShape: RadarShape.polygon,
                tickCount: 4,
                ticksTextStyle: const TextStyle(color: Colors.white24, 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),
                titleTextStyle: const TextStyle(height: 1.1),
                radarTouchData: RadarTouchData(),
                getTitle: (index, angle) {
                  switch (index) {
                    case 0:
                      return RadarChartTitle(text: t.graphs.attack, angle: 0, positionPercentageOffset: 0.05);
                    case 1:
                      return RadarChartTitle(text: t.graphs.speed, angle: 0, positionPercentageOffset: 0.05);
                    case 2:
                      return RadarChartTitle(text: t.graphs.defense, angle: angle + 180, positionPercentageOffset: 0.05);
                    case 3:
                      return RadarChartTitle(text: t.graphs.cheese, angle: 0, positionPercentageOffset: 0.05);
                    default:
                      return const RadarChartTitle(text: '');
                  }
                },
                dataSets: [
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 76, 175, 79),
                    borderColor: Colors.green,
                    dataEntries: [
                      RadarEntry(value: greenAPM / 60 * 0.4),
                      RadarEntry(value: greenPPS / 3.75),
                      RadarEntry(value: greenNerdStats.dss * 1.15),
                      RadarEntry(value: greenNerdStats.cheese / 110),
                    ],
                  ),
                  RadarDataSet(
                    fillColor: const Color.fromARGB(115, 244, 67, 54),
                    borderColor: Colors.red,
                    dataEntries: [
                      RadarEntry(value: redAPM / 60 * 0.4),
                      RadarEntry(value: redPPS / 3.75),
                      RadarEntry(value: redNerdStats.dss * 1.15),
                      RadarEntry(value: redNerdStats.cheese / 110),
                    ],
                  ),
                  RadarDataSet(
                    fillColor: Colors.transparent,
                    borderColor: Colors.transparent,
                    dataEntries: [
                      const RadarEntry(value: 0),
                      const RadarEntry(value: 1.2),
                      const RadarEntry(value: 0),
                      const RadarEntry(value: 0),
                    ],
                  )
                ],
              )
            )
          )
        )
      ],
    );
  }
}