#include "Dashboard.h" // 16-bit color helpers #define COL_BG 0x1082 // dark charcoal #define COL_BAR 0x2104 // slightly lighter #define COL_RED 0xF800 #define COL_ORANGE 0xFBE0 #define COL_GREEN 0x07E0 #define COL_CYAN 0x07FF #define COL_BLUE 0x001F #define COL_PURPLE 0x780F #define COL_YELLOW 0xFFE0 #define COL_WHITE 0xFFFF #define COL_GRAY 0x8410 #define COL_DARK_TILE 0x18E3 // Tile color themes static const uint16_t tileBG[] = { COL_RED, // LAST_ALERT — red COL_ORANGE, // STATS — orange COL_CYAN, // NETWORK — cyan COL_PURPLE, // MUTE — purple COL_DARK_TILE, // HISTORY — dark COL_DARK_TILE // SYSTEM — dark }; static const uint16_t tileFG[] = { COL_WHITE, COL_WHITE, 0x0000, COL_WHITE, COL_WHITE, COL_WHITE }; Dashboard::Dashboard(TFT_eSPI& tft) : _tft(tft), _sprite(&tft) { // Initialize tile metadata _tiles[TILE_LAST_ALERT] = { "!", "LAST ALERT", "none", "", 0, 0, true }; _tiles[TILE_STATS] = { "#", "TODAY", "0 alerts", "", 0, 0, true }; _tiles[TILE_NETWORK] = { "~", "NETWORK", "---", "", 0, 0, true }; _tiles[TILE_MUTE] = { "M", "MUTE", "OFF", "", 0, 0, true }; _tiles[TILE_HISTORY] = { ">", "HISTORY", "tap to view","", 0, 0, true }; _tiles[TILE_SYSTEM] = { "*", "SYSTEM", "---", "", 0, 0, true }; for (int i = 0; i < TILE_COUNT; i++) { _tiles[i].bgColor = tileBG[i]; _tiles[i].fgColor = tileFG[i]; } } void Dashboard::begin() { // Create sprite sized to one tile (reused for each) _sprite.createSprite(TILE_W, TILE_H); _sprite.setTextDatum(MC_DATUM); _tft.fillScreen(COL_BG); } void Dashboard::tilePosition(TileID id, int& x, int& y) { int col = id % DASH_COLS; int row = id / DASH_COLS; x = DASH_MARGIN + col * (TILE_W + DASH_MARGIN); y = DASH_TOP_BAR + DASH_MARGIN + row * (TILE_H + DASH_MARGIN); } void Dashboard::drawTile(TileID id) { TileData& t = _tiles[id]; int tx, ty; tilePosition(id, tx, ty); // Draw into sprite (off-screen) _sprite.fillSprite(t.bgColor); // Rounded corner effect — draw border pixels _sprite.drawRoundRect(0, 0, TILE_W, TILE_H, 8, COL_GRAY); // Icon — large character at top _sprite.setTextColor(t.fgColor, t.bgColor); _sprite.setTextFont(4); _sprite.setTextSize(2); _sprite.setTextDatum(TC_DATUM); _sprite.drawString(t.icon, TILE_W / 2, 8); // Label — below icon _sprite.setTextSize(1); _sprite.setTextFont(2); _sprite.setTextDatum(MC_DATUM); _sprite.drawString(t.label, TILE_W / 2, TILE_H / 2 + 5); // Value — bottom area _sprite.setTextFont(2); _sprite.setTextDatum(BC_DATUM); _sprite.drawString(t.value, TILE_W / 2, TILE_H - 25); // Sub text — very bottom if (strlen(t.sub) > 0) { _sprite.setTextFont(1); _sprite.setTextDatum(BC_DATUM); _sprite.drawString(t.sub, TILE_W / 2, TILE_H - 8); } // Push sprite to screen in one operation — no flicker _sprite.pushSprite(tx, ty); t.dirty = false; } void Dashboard::drawTopBar(const char* time, int rssi, bool wifiOk) { _tft.fillRect(0, 0, 480, DASH_TOP_BAR, COL_BAR); _tft.setTextColor(COL_WHITE, COL_BAR); _tft.setTextFont(4); _tft.setTextSize(1); // Title — left _tft.setTextDatum(ML_DATUM); _tft.drawString("KLUBHAUS ALERT", DASH_MARGIN, DASH_TOP_BAR / 2); // Time — right _tft.setTextDatum(MR_DATUM); _tft.drawString(time, 470, DASH_TOP_BAR / 2); // WiFi indicator — signal bars int bars = 0; if (wifiOk) { if (rssi > -50) bars = 4; else if (rssi > -60) bars = 3; else if (rssi > -70) bars = 2; else bars = 1; } int barX = 370; int barW = 6; int barGap = 3; for (int i = 0; i < 4; i++) { int barH = 6 + i * 5; int barY = DASH_TOP_BAR - 8 - barH; uint16_t col = (i < bars) ? COL_GREEN : COL_GRAY; _tft.fillRect(barX + i * (barW + barGap), barY, barW, barH, col); } } void Dashboard::drawAll() { drawTopBar("--:--", 0, false); for (int i = 0; i < TILE_COUNT; i++) { drawTile((TileID)i); } } void Dashboard::updateTile(TileID id, const char* value, const char* sub) { TileData& t = _tiles[id]; strncpy(t.value, value, 31); t.value[31] = '\0'; if (sub) { strncpy(t.sub, sub, 31); t.sub[31] = '\0'; } t.dirty = true; drawTile(id); // immediate redraw of just this tile } int Dashboard::handleTouch(int x, int y) { for (int i = 0; i < TILE_COUNT; i++) { int tx, ty; tilePosition((TileID)i, tx, ty); if (x >= tx && x < tx + TILE_W && y >= ty && y < ty + TILE_H) { return i; } } return -1; }