🏊 Pool Dashboard Cards

Custom Lovelace card for building a beautiful pool dashboard in Home Assistant with glassmorphism design.

---

Included Cards

pool-picture-card

Background image with draggable glassmorphism chips displaying live pool data.

Features:

• Glassmorphism chips with backdrop-blur
• Drag-to-position via the ✏️ button — saved directly to YAML configuration
• Visual editor with live preview inside HA's card editor
• Mouse and touch support
• Scales with cqw units (works on all screen sizes)

---

Installation via HACS

1. Go to HACS → Frontend
2. Click ⋮ → Custom repositories
3. Add: https://github.com/johro897/pool-dashboard-cards
   Category: Lovelace
4. Search for Pool Dashboard Cards and install
5. Reload Home Assistant

---

Manual Installation

1. Download pool-dashboard-cards.js from the latest release
2. Copy to /config/www/pool-dashboard-cards.js
3. Go to Settings → Dashboards → Resources → Add resource:
   • URL: /local/pool-dashboard-cards.js
   • Type: JavaScript Module
4. Reload Home Assistant

---

Configuration

pool-picture-card

type: custom:pool-picture-card
image: /local/pool_v2.png
entities:
  time:          sensor.time
  date:          sensor.date
  air_temp:      sensor.smhi_temperatur
  water_in:      sensor.poolvarme_inlet_water_temp_t02
  water_out:     sensor.poolvarme_outlet_water_temp_t03
  rpm:           sensor.pump_rpm_regulator_pool_pump_rpm
  pump_power:    switch.pump_rpm_regulator_pool_pump_power
  flow:          sensor.pool_flode_aktuellt
  hp_power:      binary_sensor.poolvarme_power
  hp_target:     sensor.poolvarme_heating_set_r02
  energy_today:  sensor.pool_pumpen_energy_2_daily
  watt:          sensor.poolpump_energi_template

Option	Type	Description
image	string	Path to background image (e.g. /local/pool_v2.png)
entities.time	entity_id	Clock (sensor.time)
entities.date	entity_id	Date (sensor.date)
entities.air_temp	entity_id	Outdoor air temperature
entities.water_in	entity_id	Water temperature inlet
entities.water_out	entity_id	Water temperature outlet
entities.rpm	entity_id	Pump RPM
entities.pump_power	entity_id	Pump on/off (switch)
entities.flow	entity_id	Water flow rate (L/h)
entities.hp_power	entity_id	Heat pump on/off (binary_sensor)
entities.hp_target	entity_id	Heat pump target temperature
entities.energy_today	entity_id	Energy usage today (kWh)
entities.watt	entity_id	Current power draw (W)
positions	object	Auto-generated by drag-to-position — do not edit manually

Moving chips

Press the ✏️ button (bottom right of the card) to enter edit mode.
Drag chips to the desired position → 💾 Save.

---

Requirements

• Home Assistant 2023.9+
• No dependencies on other custom cards

---

Changelog

v1.0.0

• Initial release
• pool-picture-card with drag-to-position and visual editor

---

License

MIT License — see LICENSE