Иконки для интерфейса берутся из https://icons.getbootstrap.com/.
На странице отображаются статусы устройств, которые можно сгруппировать по карточкам (например по комнатам, группам розеток, выключателей или датчиков).
Статусы сенсоров и переключателей обновляются из Websocket.
Для настройки отображаемых статусов устройст нужно перейти в настройки, кликнув на кнопку 
Комнаты или группы добавляются вписывая название, далее можно будет выбрать из выпадающего списка.
Устройства добаляются из списка заджойненых устройств.
После выбора устройства можно будет выбрать свойства, доступные для данного девайса.
Также устанавливается текстовое описание устройства.
Тип свойства выбирается из выпадающего списка:
-
switch - переключатель, применяется для розеток и выключателей.
-
sensor - отображение информации свойства устройства, можно добавить единицы измерения.
-
bin-sensor - свойство датчика, отображающее true или false. Состояние true соответствует тревоге. Нужно задать текстовое описание активированного и деактивированного состояния для отображения на web-интерфейсе.
-
bin-sensor-door - свойство датчика, отображающее true или false. Состояние false соответствует тревоге. Нужно задать текстовое описание активированного и деактивированного состояния для отображения на web-интерфейсе. Иконки открытой и закрытой двери уже добавлены.
-
dimmer - выбор переменной из диапазона значений в виде ползунка. Применяется для диммеров и выбора цветовой температуры. В поле "Значение true" задается верхний предел значений, в поле "Значение false" - нижний.
-
unixtime - отображение даты и времени unix timestamp в удобном для человека виде.
После добавления устройств нужно сохранить настройки, кликнув на иконку
TO DO
- Адаптивный интерфейс конфиг-раздела.
- Не добавляет устройство в пустой список.
- Добавление темной темы.
- Добавление типа устройства Диммер.
- Добавление типа устройства для выбора RGB.
- Добавление графиков для sensor.
- Перенос css и js на локальные ресурсы.