ha_client/lib/cards/widgets/gauge_card_body.dart

part of '../../main.dart';

class GaugeCardBody extends StatefulWidget {

  final int min;
  final int max;
  final Map severity;

  GaugeCardBody({Key key, this.min, this.max, this.severity}) : super(key: key);

  @override
  _GaugeCardBodyState createState() => _GaugeCardBodyState();
}

class _GaugeCardBodyState extends State<GaugeCardBody> {

  @override
  Widget build(BuildContext context) {
    EntityWrapper entityWrapper = EntityModel.of(context).entityWrapper;
    double fixedValue;
    double value = entityWrapper.entity.doubleState;
    if (value > widget.max) {
      fixedValue = widget.max.toDouble();
    } else if (value < widget.min) {
      fixedValue = widget.min.toDouble();
    } else {
      fixedValue = value;
    }
    
    List<GaugeRange> ranges;
    if (widget.severity != null && widget.severity["green"] is int && widget.severity["red"] is int && widget.severity["yellow"] is int) {
      List<RangeContainer> rangesList = <RangeContainer>[
        RangeContainer(widget.severity["green"], HAClientTheme().getGreenGaugeColor()),
        RangeContainer(widget.severity["red"], HAClientTheme().getRedGaugeColor()),
        RangeContainer(widget.severity["yellow"], HAClientTheme().getYellowGaugeColor())
      ];
      rangesList.sort((current, next) {
        if (current.startFrom > next.startFrom) {
          return 1;
        }
        if (current.startFrom < next.startFrom) {
          return -1;
        }
        return 0;
      });
      ranges = [
        GaugeRange(
          startValue: rangesList[0].startFrom.toDouble(),
          endValue: rangesList[1].startFrom.toDouble(),
          color: fixedValue < rangesList[1].startFrom ? rangesList[0].color : rangesList[0].color.withOpacity(0.1),
          sizeUnit: GaugeSizeUnit.factor,
          endWidth: 0.3,
          startWidth: 0.3
        ),
        GaugeRange(
          startValue: rangesList[1].startFrom.toDouble(),
          endValue: rangesList[2].startFrom.toDouble(),
          color: (fixedValue < rangesList[2].startFrom && fixedValue >= rangesList[1].startFrom) ? rangesList[1].color : rangesList[1].color.withOpacity(0.1),
          sizeUnit: GaugeSizeUnit.factor,
          endWidth: 0.3,
          startWidth: 0.3
        ),
        GaugeRange(
          startValue: rangesList[2].startFrom.toDouble(),
          endValue: widget.max.toDouble(),
          color: fixedValue >= rangesList[2].startFrom ? rangesList[2].color : rangesList[2].color.withOpacity(0.1),
          sizeUnit: GaugeSizeUnit.factor,
          endWidth: 0.3,
          startWidth: 0.3
        )
      ];
    }
    if (ranges == null) {
      ranges = <GaugeRange>[
        GaugeRange(
          startValue: widget.min.toDouble(),
          endValue: widget.max.toDouble(),
          color: Theme.of(context).primaryColorDark,
          sizeUnit: GaugeSizeUnit.factor,
          endWidth: 0.3,
          startWidth: 0.3
        )
      ];
    }

    return InkWell(
      onTap: () => entityWrapper.handleTap(),
      onLongPress: () => entityWrapper.handleHold(),
      onDoubleTap: () => entityWrapper.handleDoubleTap(),
      child: AspectRatio(
        aspectRatio: 2,
        child: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints constraints) {
            double fontSizeFactor;
            if (constraints.maxWidth > 300.0) {
              fontSizeFactor = 1.6;
            } else if (constraints.maxWidth > 150.0) {
              fontSizeFactor = 1;
            } else if (constraints.maxWidth > 100.0)  {
              fontSizeFactor = 0.6;
            } else {
              fontSizeFactor = 0.4;
            }
            return SfRadialGauge(
              axes: <RadialAxis>[
                RadialAxis(
                  maximum: widget.max.toDouble(),
                  minimum: widget.min.toDouble(),
                  showLabels: false,
                  showTicks: false,
                  canScaleToFit: true,
                  ranges: ranges,
                  annotations: <GaugeAnnotation>[
                    GaugeAnnotation(
                      angle: -90,
                      positionFactor: 1.3,
                      //verticalAlignment: GaugeAlignment.far,
                      widget: EntityName(
                        textStyle: Theme.of(context).textTheme.body1.copyWith(
                          fontSize: Theme.of(context).textTheme.body1.fontSize * fontSizeFactor
                        ),
                      ),
                    ),
                    GaugeAnnotation(
                      angle: 180,
                      positionFactor: 0,
                      verticalAlignment: GaugeAlignment.center,
                      widget: SimpleEntityState(
                        expanded: false,
                        maxLines: 1,
                        textAlign: TextAlign.center,
                        textStyle: Theme.of(context).textTheme.title.copyWith(
                          fontSize: Theme.of(context).textTheme.title.fontSize * fontSizeFactor,
                        ),
                      ),
                    )
                  ],
                  axisLineStyle: AxisLineStyle(
                    thickness: 0.3,
                    thicknessUnit: GaugeSizeUnit.factor
                  ),
                  startAngle: 180,
                  endAngle: 0,
                  pointers: <GaugePointer>[
                    NeedlePointer(
                      value: fixedValue,
                      lengthUnit: GaugeSizeUnit.factor,
                      needleLength: 0.9,
                      needleColor: Theme.of(context).accentColor,
                      enableAnimation: true,
                      needleStartWidth: 1,
                      animationType: AnimationType.bounceOut,
                      needleEndWidth: 3,
                      knobStyle: KnobStyle(
                        sizeUnit: GaugeSizeUnit.factor,
                        color: Theme.of(context).buttonColor,
                        knobRadius: 0.1
                      )
                    )
                  ]
                )
              ],
            );
          },
        ),
      ),
    );
  }
}

class RangeContainer {
  final int startFrom;
  Color color;

  RangeContainer(this.startFrom, this.color);
}