garmin-padel/source/garmin-padelView.mc

import Toybox.Lang;
import Toybox.Graphics;
import Toybox.WatchUi;
import Toybox.System;
import Toybox.Timer;

class garmin_padelView extends WatchUi.View {
    private const ACCENT = 0x00E0A0;     // padel green (sets/games)
    private const LABEL_COLOR = 0x808080; // muted grey (S/G/pts labels)

    private var _court as CourtRenderer;
    private var _timer as Timer.Timer;

    public function initialize() {
        View.initialize();
        _court = new CourtRenderer();
        _timer = new Timer.Timer();
    }

    public function onShow() as Void {
        _timer.start(method(:onTick), 1000, true); // refresh clock + HR every second
    }

    public function onHide() as Void {
        _timer.stop();
    }

    public function onTick() as Void {
        WatchUi.requestUpdate();
    }

    public function onUpdate(dc as Graphics.Dc) as Void {
        var m = getApp().getMatch();
        var w = dc.getWidth();
        var h = dc.getHeight();
        var cx = w / 2;
        var cy = h / 2;

        dc.setColor(Graphics.COLOR_WHITE, Graphics.COLOR_BLACK);
        dc.clear();

        _court.draw(dc, cx, cy, m.servingQuadrant(), !m.isMatchOver());
        _drawLeftColumn(dc, m);
        _drawRightColumn(dc, m, w);
        _drawHeartRate(dc, cx, 40);
        _drawTime(dc, cx, h - 44);

        if (m.isMatchOver()) {
            _drawWinner(dc, cx, cy, m);
        }
    }

    // Left: S and G mini-columns, your team on top, opponents below.
    private function _drawLeftColumn(dc as Graphics.Dc, m as PadelMatch) as Void {
        var sX = 24;
        var gX = 60;
        var labelY = 150;
        var usY = 178;
        var themY = 206;

        dc.setColor(LABEL_COLOR, Graphics.COLOR_TRANSPARENT);
        dc.drawText(sX, labelY, Graphics.FONT_XTINY, "S", Graphics.TEXT_JUSTIFY_CENTER);
        dc.drawText(gX, labelY, Graphics.FONT_XTINY, "G", Graphics.TEXT_JUSTIFY_CENTER);

        dc.setColor(ACCENT, Graphics.COLOR_TRANSPARENT);
        dc.drawText(sX, usY, Graphics.FONT_TINY, m.sets(US).toString(), Graphics.TEXT_JUSTIFY_CENTER);
        dc.drawText(sX, themY, Graphics.FONT_TINY, m.sets(THEM).toString(), Graphics.TEXT_JUSTIFY_CENTER);
        dc.drawText(gX, usY, Graphics.FONT_TINY, m.games(US).toString(), Graphics.TEXT_JUSTIFY_CENTER);
        dc.drawText(gX, themY, Graphics.FONT_TINY, m.games(THEM).toString(), Graphics.TEXT_JUSTIFY_CENTER);
    }

    // Right: pts column, your team on top, opponents below.
    private function _drawRightColumn(dc as Graphics.Dc, m as PadelMatch, w as Number) as Void {
        var pX = w - 42;
        var labelY = 150;
        var usY = 178;
        var themY = 206;

        dc.setColor(LABEL_COLOR, Graphics.COLOR_TRANSPARENT);
        dc.drawText(pX, labelY, Graphics.FONT_XTINY, "pts", Graphics.TEXT_JUSTIFY_CENTER);

        dc.setColor(Graphics.COLOR_WHITE, Graphics.COLOR_TRANSPARENT);
        dc.drawText(pX, usY, Graphics.FONT_TINY, m.pointLabel(US), Graphics.TEXT_JUSTIFY_CENTER);
        dc.drawText(pX, themY, Graphics.FONT_TINY, m.pointLabel(THEM), Graphics.TEXT_JUSTIFY_CENTER);
    }

    private function _drawHeartRate(dc as Graphics.Dc, cx as Number, y as Number) as Void {
        var hr = getApp().getHeartRate();
        var bpm = hr.getHeartRate();
        var text = (bpm == null) ? "-- bpm" : bpm.toString() + " bpm";
        dc.setColor(Graphics.COLOR_RED, Graphics.COLOR_TRANSPARENT);
        dc.drawText(cx, y, Graphics.FONT_TINY, text, Graphics.TEXT_JUSTIFY_CENTER);
        _drawZoneBar(dc, cx, y + 26, hr.getZone());
    }

    // 5-segment bar; segments up to the current zone are filled.
    private function _drawZoneBar(dc as Graphics.Dc, cx as Number, y as Number, zone as Number) as Void {
        var segW = 12;
        var segH = 6;
        var gap = 3;
        var totalW = 5 * segW + 4 * gap;
        var x = cx - totalW / 2;
        for (var i = 1; i <= 5; i += 1) {
            if (i <= zone) {
                dc.setColor(ACCENT, Graphics.COLOR_TRANSPARENT);
                dc.fillRectangle(x, y, segW, segH);
            } else {
                dc.setColor(LABEL_COLOR, Graphics.COLOR_TRANSPARENT);
                dc.drawRectangle(x, y, segW, segH);
            }
            x += segW + gap;
        }
    }

    private function _drawTime(dc as Graphics.Dc, cx as Number, y as Number) as Void {
        var now = System.getClockTime();
        var text = now.hour.format("%02d") + ":" + now.min.format("%02d");
        dc.setColor(Graphics.COLOR_WHITE, Graphics.COLOR_TRANSPARENT);
        dc.drawText(cx, y, Graphics.FONT_SMALL, text, Graphics.TEXT_JUSTIFY_CENTER);
    }

    private function _drawWinner(dc as Graphics.Dc, cx as Number, cy as Number, m as PadelMatch) as Void {
        var text = (m.winner() == US) ? "You win!" : "They win";
        dc.setColor(ACCENT, Graphics.COLOR_BLACK);
        dc.fillRectangle(cx - 70, cy - 18, 140, 36);
        dc.setColor(Graphics.COLOR_BLACK, Graphics.COLOR_TRANSPARENT);
        dc.drawText(cx, cy, Graphics.FONT_SMALL, text, Graphics.TEXT_JUSTIFY_CENTER | Graphics.TEXT_JUSTIFY_VCENTER);
    }
}