My Home Assistant setup

This layout was designed mobile-first.

• My Home Assistant setup
  • Background
    • MariaDB install
    • Home Assistant install
  • Lovelace layout
  • Dashboard
    • Badges
    • State row
    • Lights card
    • Switch row I
    • Switch row II
    • Graph row I
    • Now Playing card
  • Controls view
  • Info view
    • Graph row I
    • Graph row II
    • Graph row III
    • Info row I
    • Info row II
    • Internet graphs
  • Tile view
    • TV state row
    • Radarr/Sonarr cards
    • Devices card
  • Remote control view
    • Spotify player
    • MPD player
    • Alexa players
  • Plex view
    • Graph row I
    • Graph row II
    • Plex players
  • Television view
    • TV players
  • Custom plugins used
    • Integrations
    • Lovelace
  • Notes
  • Special thanks

Background

Home Assistant Core installation on Raspberry Pi 4, with MariaDB.

More details here.

Install steps ⤵️

MariaDB install

1. Install MariaDB using APT...

sudo apt install -yq mariadb-server

2. Follow this guide to the end.

Home Assistant install

1. Main guide
2. Start Home Assistant and enable auto-start on boot:

cd /tmp; curl https://raw.githubusercontent.com/agneevX/my-ha-setup/master/hassio.service > hassio.service
sudo mv hassio.service /etc/systemd/system
sudo systemctl enable --now hassio.service

---

Lovelace layout

Dashboard

Jump to lovelace code

All cards in this view are in a single vertical stack.

Badges

• CPU use
• System load
• Network in
• Network out
• HACS updates

This is the only view that contain badges.

Vertical stack 1

State row

• /drive mount
• ASUS laptop
• always-on server
• Front gate camera
• Mesh router satellite

Lights card

• Desk light
  • ... Color temp card
• TV lamp
  • ... RGB card
• Soundbar volume

Custom implementation that controls alsa volume, using input_boolean, shell_command and an automation.

Switch row I

• Night lamp
• Color flow
• Lo-Fi beats
• Lo-Fi beats 2
• Jazz radio

Switch row II

• AdGuard Home
• Bedroom AC
• Refresh Plex
• qBittorrent alt. speed
• Transmission turtle mode

Vertical stack 2

Graph row I

• Bedroom temperature
• Internet health

Indicates if there's any packet loss within the last hour.

Now Playing card

• Automatically lists all active media players

---

Controls view

Jump to lovelace code

Vertical stack 1

• Front gate camera
• Adaptive Lighting switches

Vertical stack 2

• Bedroom AC
  • ... addl. controls

---

Info view

Jump to lovelace code

Vertical stack 1

Graph row I

• CPU temp.
• SSD used %
• Bedroom humidity

Graph row II

• Download speed (Speedtest.net)
• Upload speed (Speedtest.net)

Custom-made sensor that uses the official Speedtest.net CLI as opposed to speedtest-cli, which is very inaccurate.

Graph row III

• Current network in
• Current network out
• Today total traffic in
• Today total traffic out

A combined card that graphs network usage within the last hour.

Custom-made sensor that gets network traffic from vnstat.

Vertical stack 2

Info row I

• qBittorrent active torrents
• qBittorrent upload speed
• qBittorrent download speed

Info row II

• /knox free %
• /knox free space
• /knox used space

Internet graphs

• Node ping
• Internet ping

Graphs pings to local ISP node and Cloudflare DNS. This card is very helpful in isolating network issues.

---

Tile view

Jump to lovelace code

Vertical stack 1

TV state row

Tracks states of specific TVs.

Radarr/Sonarr cards

• Radarr/Sonarr ongoing commands
• Radarr/Sonarr upcoming
• Radarr/Sonarr queue
• Sonarr wanted episodes

Vertical stack 2

Devices card

• Network devices list

Using the Netgear integration, this card shows all network-connected devices. Dynamically sorted such that the last updated device is always on top.

---

Remote control view

Jump to lovelace code

Spotify player

• Spotify media player
  • Playlist shortcuts
  • Soundbar source
  • Bedroom Echo source

MPD player

• Mopidy-mpd media player

Alexa players

• Bedroom Echo media player
• ... switches
  • Do Not Disturb
  • Repeat
  • Shuffle
• New Room Echo media player
• ... switches
  • Do Not Disturb
  • Repeat
  • Shuffle
• Alexa Everywhere media player

---

Plex view

Jump to lovelace code

Vertical stack 1

Graph row I

• Plex Watching
• Tautulli current bandwidth

Graph row II

• Network in
• Network out

Vertical stack 2

Plex players

• Conditional cards...
  • Header cards
  • Plex media players

The four graph cards provide an overview of Plex/network activity in one place and indicates potential network issues.

---

Television view

Jump to lovelace code

TV players

• Header cards
• TV media players

---

Custom plugins used

Integrations

• HACS by ludeeus
• adaptive_lighting by basnijholt
• Alexa Media Player
• Circadian Lighting by claytonjn
• Smart IR by smartHomeHub

Lovelace

• auto-entities by thomasloven
• button-card by RomRider
• card-mod by thomasloven
• config-template-card by iantrich
• custom-header by maykar
• lovelace-swipe-navigation by maykar
• mini-graph-card by kalkih
• mini-media-player by kalkih
• rgb-light-card by bokub
• simple-thermostat by nervetattoo
• slider-entity-row by thomasloven
• vertical-stack-in-card by ofekashery

---

Notes

• Screenshots may not be up-to-date.
• Entities beginning with int are "internal" entities that are used inside templates.
• Shutting down/Rebooting X200M involves a program named Assistant Computer Control that runs on the laptop.
  • A cURL request calls a IFTTT webhook which writes a specific phrase in a file inside OneDrive that the software is able to recognize and perform actions accordingly.
• The header that is used for separating cards is from soft-ui.

---

Special thanks

• to all authors above,
• and all the very helpful folks over at the Discord.