*****************************************
Configuration for Home Assistant part two
*****************************************

Now that Home Assistant had found all the Gateway devices its time to add them to a view.
You can do this manually, or use the ui-lovelace.yaml configuration to add a preconfigured
view to Home Assistant with most of the parameters and controls.

Adding the preconfigured view to Home Assistant
===============================================

When copying all the YAML files from the repository, you also copied ui-lovelace.yaml to the config folder.
If not, please do so now.

(Lovelace is the name of the default user interface of Home Assistant).

Open configuration.yaml and add:

.. code-block:: yaml

  # set Lovelace to YAML mode
  lovelace:
    mode: yaml

Please follow the instruction from `Home Assistant Lovelace YAML mode`_ as well so you don't mess up your existing views!
So add the existing view code to the ui_lovelace.yaml file.

When you are done, reboot Home Assistant.

You now should have a new view called 'Heating' that looks like this:

.. image:: ../images/home-assistant/ha-lovelace-view.jpg
  :width: 800
  :alt: Home Assistant Heating interface.


Adding devices to the UI manually
=================================

If you want to build something yourself, click on the three dots on the top right and select 'Configure UI'.

.. image:: ../images/home-assistant/ha-configure-ui.jpg
  :width: 600
  :alt: Home Assistant configure UI.

Now you can create a new view or add devices to an existing view.

We will create a new view called 'EMS Gateway'. next click on 'Save':

.. image:: ../images/home-assistant/ha-add-panel.jpg
  :width: 600
  :alt: Home Assistant add view.

Now click on the big orange plus icon on the bottom right to add devices to this view.

.. image:: ../images/home-assistant/ha-add-to-panel.jpg
  :width: 600
  :alt: Home Assistant add to panel.

We will add a thermostat by selecting the thermostat.

.. image:: ../images/home-assistant/ha-add-thermostat-to-view.jpg
  :width: 600
  :alt: Home Assistant add thermostat to view.

After that we add another sensor and the view will look like this:

.. image:: ../images/home-assistant/ha-2-devices-added.jpg
  :width: 700
  :alt: Home Assistant 2 devices in view.


.. target-notes::

.. _`Home Assistant Lovelace YAML mode`: https://www.home-assistant.io/lovelace/yaml-mode/