ui.md

Создание собственной визуализации

В SLS gateway можно создать собственные визуализации. Для этого через меню Actions -> Script нужно создать файл ui.html. Он будет доступен при обращении к /ui. Для управления устройствами можно использовать встроенные http_api.

Следующий пример выводит значение температуры с датчика

<script src="https://kit.fontawesome.com/a076d05399.js"></script>

<div id="lbl_temp"></div>

<script>
  fetch('/api/zigbee?action=getStateValue&dev=0x000D6F00106A67FD&name=temperature')
 .then((response) => {
   return response.json();
  })
  .then((data) => {
    document.getElementById("lbl_temp").innerHTML = '<i class="fa fa-thermometer-full" aria-hidden="true"></i> ' + data;
  });
</script>

---

Пример dashboard от Nick7zmail

Скачать

• 15.02.2022. Описание
• 11.01.2022. Описание
• v1

---

Пример dashboard от BalagurovAV

Скачать

---

Пример dashboard от solominsn

solominsn: Кстати, а кто-нибудь пользуется UI? Мне понравился Gateway/dashboard/nick7zmail/ui.html, хотел не много код подправить для себя, а там код обфускатором прошли.

solominsn: я переписал не много этот код. Последняя версия bootstrap, свежий JS (думаю что все используют версию браузера не старше 2 лет). Не много упростил конфигурирование.

Скачать

---

Пример dashboard с использованием Bootstrap4

скачать

---

Пример dashboard с использованием Bootstrap4

скачать

---

Пример dashboard с использованием Bootstrap3

скачать