Skip to content

Repository files navigation

Dwains Altena Dashboard

Home Assistant HACS Version

Een aangepaste versie van Dwains Lovelace Dashboard met verbeteringen voor mobiele weergave en thema-compatibiliteit.

Dashboard Preview


Wat is Dwains Dashboard?

Dwains Dashboard is een automatisch gegenereerd Home Assistant UI dashboard voor desktop, tablet en mobiel. Het dashboard bouwt zichzelf automatisch op basis van je Home Assistant configuratie met minimale setup.

Kenmerken

  • Automatische generatie - Dashboard wordt automatisch opgebouwd op basis van je Areas en Entities
  • Responsive design - Werkt op desktop, tablet en mobiel
  • Aanpasbaar - Voeg custom cards en blueprints toe
  • Meerdere talen - Ondersteuning voor Nederlands, Engels, Duits, Frans, en meer
  • Thema ondersteuning - Werkt met aangepaste Home Assistant thema's

Wijzigingen in Altena versie

Deze fork bevat de volgende verbeteringen ten opzichte van de originele v3.8.0:

v3.8.2-labelfix

Mobiele Layout Fix

  • Probleem: Status badges (personen, deuren, shutters) werden verticaal onder elkaar weergegeven op mobiel
  • Oplossing: CSS toegevoegd voor horizontale weergave met flex-wrap

Settings Dialog Labels Fix

  • Probleem: Labels naast checkboxes in de instellingen dialog waren niet zichtbaar (witte tekst op witte achtergrond)
  • Oplossing: mwc-formfield componenten vervangen door <span> elementen met expliciete inline styling

Thema Compatibiliteit

  • Verbeterde ondersteuning voor custom thema's (zoals Light-Yellow)
  • CSS conflicten opgelost voor MDC (Material Design Components)

Installatie

Methode 1: HACS (Aanbevolen)

  1. Open HACS in Home Assistant
  2. Ga naar Integrations
  3. Klik op de 3 puntjes rechtsboven → Custom repositories
  4. Voeg toe:
    • URL: https://github.com/Adcompro/dwains-altena-dashboard
    • Category: Integration
  5. Zoek naar "Dwains Altena Dashboard" en installeer
  6. Herstart Home Assistant

Methode 2: Handmatige installatie

  1. Download de laatste release
  2. Kopieer de dwains_dashboard map naar /config/custom_components/
  3. Maak de vereiste mappen aan (zie hieronder)
  4. Herstart Home Assistant
  5. Ga naar InstellingenApparaten & ServicesIntegratie toevoegen
  6. Zoek naar "Dwains Dashboard"

Vereiste mappen aanmaken

Dwains Dashboard verwacht bepaalde configuratie mappen. Maak deze aan als ze niet bestaan:

mkdir -p /config/dwains-dashboard/button_card_templates
mkdir -p /config/dwains-dashboard/apexcharts_card_templates
mkdir -p /config/dwains-dashboard/configs
mkdir -p /config/dwains-dashboard/blueprints

Belangrijk: Zonder deze mappen krijg je een "configuratiefout" bij het laden van het dashboard.


Configuratie

Na installatie kun je het dashboard configureren via:

  1. Dashboard openen via het zijmenu
  2. Instellingen (tandwiel icoon) voor globale opties:
    • Klok aan/uit
    • AM/PM of 24-uurs klok
    • Welkomstbericht aan/uit
    • V2 modus (verbeterde mobiele layout)
    • Sensor grafiek aan/uit
    • Cover inverteren
    • Weer entity selecteren
    • Alarm entity selecteren

Settings.yaml

Geavanceerde instellingen kunnen worden geconfigureerd in:

/config/dwains-dashboard/configs/settings.yaml
alarm_entity: alarm_control_panel.alarmo
disable_clock: false
disable_welcome_message: true
v2_mode: true
weather_entity: weather.huis
am_pm_clock: false
disable_sensor_graph: false
invert_cover: false

Vereisten

  • Home Assistant 2024.1 of nieuwer
  • HACS (voor eenvoudige installatie)

Aanbevolen custom cards (via HACS)


Screenshots

Desktop weergave

Het dashboard past zich automatisch aan op basis van schermgrootte.

Mobiele weergave

Geoptimaliseerd voor smartphones met touch-vriendelijke interface.

Instellingen dialog

Alle opties zijn nu correct zichtbaar met leesbare labels.


Ondersteuning

Problemen melden

Originele Dwains Dashboard


Credits

Originele ontwikkelaar

Dwain Scheeren - dwainscheeren

Altena versie aanpassingen

Adcompro - Adcompro

Met hulp van

  • Claude AI (Anthropic) - Code assistentie

Donaties

Als je het originele project wilt ondersteunen:


Licentie

Dit project is gebaseerd op Dwains Lovelace Dashboard.

Let op: Het is niet toegestaan om dit dashboard door te verkopen, te herverdelen of te verkopen zonder expliciete toestemming van de originele auteur.


Changelog

v3.8.2-labelfix (2026-01-12)

  • Fix: Mobiele layout badges nu horizontaal
  • Fix: Settings dialog labels zichtbaar
  • Fix: CSS conflicten met custom thema's
  • Verbeterd: Thema compatibiliteit

v3.8.0 (Origineel - April 2025)

About

Dwains Altena Dashboard - Aangepaste versie van Dwains Dashboard voor Home Assistant

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages