# Описание существующих шаблонов виджетов **URL:** \ **Category:** Web UI\ **Created:** [October 1, 2018, 11:42am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911 "2018-10-01T11:42:32Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 1, 2018, 11:42am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/1 "2018-10-01T11:42:32Z")
Подскажите, пожалуйста, где найти описание существующих шаблонов виджетов, желательно с картинкой и кратким описанием, что он делает. Нашел в документации только эту статью: [https://wirenboard.com/wiki/index.php/Веб-интерфейс\_Wiren\_Board#Widgets\_.28.D0.92.D0.B8.D0.B4.D0.B6.D0.B5.D1.82.D1.8B.29](https://wirenboard.com/wiki/index.php/%D0%92%D0%B5%D0%B1-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_Wiren_Board#Widgets_.28.D0.92.D0.B8.D0.B4.D0.B6.D0.B5.D1.82.D1.8B.29) Насколько я понимаю, что существующие шаблоны, в основном, предназначены для работы с подключаемыми к ПЛК WB устройствами вашего производства, т. к. к собственному устройству их нельзя привязать? Где-то можно почитать про создание своих шаблонов виджетов? ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 1, 2018, 1:02pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/2 "2018-10-01T13:02:41Z")
Нигде. Как-то задавался этим вопросом, сделал шаблон для термостата, но пулреквест отклонили почему-то. Ну и я вообще считаю, что не стоит использовать интерфейс wb для продакшена - страшный он и много чего не хватает. У себя я, например, поставил бридж для homekit и использую дефолтный home.app для управления всем. А для графиков/статистики - granfana. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 1, 2018, 1:55pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/3 "2018-10-01T13:55:09Z")
А можете написать простым языком, что и куда вы поставили и используете? ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 1, 2018, 2:40pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/4 "2018-10-01T14:40:30Z")
1. Отредактировал соответствующие файлы \views\devices\device-control.html, \views\devices\controls\control-value.html, добавив свои контролы. Они у меня все имеют class - “control-value”. Однако, мои контролы не отображаются также, как контролы с типом value, а отображаются как поле ввода (text). 2. Далее добавил соответствующие строки в файл \views\widgets\templates\control-value.html. Для каждого контрола добавил соответствующую строку в \views\widgets\templates\template.html и для каждой строки создал соответствующий файл html. При добавлении виджета в поле Widget Template мои шаблоны отсутствуют. Получается, что WebUI игнорирует добавленные мной контролы и шаблоны. Почему? ---
**Author:** ![maxim2](https://support.wirenboard.com/user_avatar/support.wirenboard.com/maxim2/32/955_2.png) [@maxim2](https://support.wirenboard.com/u/maxim2)\ **Post date:** [October 1, 2018, 3:04pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/5 "2018-10-01T15:04:03Z")
просто интересно, а какие контролы вы делаете? для чего? ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 1, 2018, 3:15pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/6 "2018-10-01T15:15:08Z")
Да, обычные текстовые виджеты с размерностью, типа: мощность, скорость потока, время. ---
**Author:** ![maxim2](https://support.wirenboard.com/user_avatar/support.wirenboard.com/maxim2/32/955_2.png) [@maxim2](https://support.wirenboard.com/u/maxim2)\ **Post date:** [October 1, 2018, 3:18pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/7 "2018-10-01T15:18:49Z")
не понимаю, а создать виртуальное устройство и к нему виджет прям из интерфейса, не подходит? Я сделал несколько, вроде работает. ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 1, 2018, 6:46pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/8 "2018-10-01T18:46:44Z")
Там надо в нескольких местах править. Вот тут посмотрите: > ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 1, 2018, 6:54pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/9 "2018-10-01T18:54:04Z")
> [@stskr](#): > > А можете написать простым языком, что и куда вы поставили и используете? Простым вряд ли :). Да и юзкейс у меня, похоже, отличается от вашего. Я управляю в освещением в доме, отоплением и дверьми/воротами. Для всего этого в ios (iphone) есть приложение, называется home. Подключиться из WB к нему (приложению) можно через сервер, который называется homebridge. Он у меня крутится на отдельной машине. Но это приложение не умеет или умеет плохо отображать просто текстовую информацию и статистику. Для этого я использую grafana (визуализация) + influxdb (сохранение статистики) + telegraf (коннектор между influxdb и mqtt). Все это тоже крутится на отдельной железке. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 2, 2018, 11:39am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/10 "2018-10-02T11:39:08Z")
В общем, я скорректировал еще файлы \app\scripts\controllers\widgetController.js и \app\scripts\services\dataService.js. Теперь при создании виджета в выплывающем списке нужные контролы появились. Но когда я добавляю виджет в UI, то ни значение, ни размерность переменной не отображаются. Приходится указывать шаблон Generic Sensor, чтобы значение отображалось. Т. е. созданные мной контролы, UI не понимает. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 2, 2018, 11:40am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/11 "2018-10-02T11:40:43Z")
Очень не хватает общего описания, как работает UI: откуда берутся данные, как и откуда они выводятся. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 17, 2018, 9:23am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/12 "2018-10-17T09:23:39Z")
> [@bzzeke](#): > > Но это приложение не умеет или умеет плохо отображать просто текстовую информацию и статистику. Для этого я использую grafana (визуализация) + influxdb (сохранение статистики) + telegraf (коннектор между influxdb и mqtt). Все это тоже крутится на отдельной железке. А можно подробнее, что это за железка? Там должен обязательно Linux стоять или на Windows тоже можно? telegraf установлен на этой железке и забирает данные по MQTT с WB? Как эта железка подключена к WB? ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 17, 2018, 9:43am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/13 "2018-10-17T09:43:37Z")
Должен linux стоять. Железка - да хотя бы raspberry pi. Telegraf забирает данные по mqtt и складывает в свою базу (influxdb). К wb она никак не подключена, все делается по сети. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 17, 2018, 12:24pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/14 "2018-10-17T12:24:02Z")
> [@bzzeke](#): > > Должен linux стоять. Железка - да хотя бы raspberry pi. Telegraf забирает данные по mqtt и складывает в свою базу (influxdb). К wb она никак не подключена, все делается по сети. В смысле по Ethernet? А поставить все ПО на WB можно, чтобы не ставить отдельную железку? ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 17, 2018, 12:39pm UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/15 "2018-10-17T12:39:19Z")
Да, по ethernet. Поставить можно на wb6. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 18, 2018, 7:12am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/16 "2018-10-18T07:12:03Z")
grafana тоже в WB ставится? А подключение через браузер? ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 18, 2018, 11:20am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/17 "2018-10-18T11:20:48Z")
Да - ставится, да - через браузер. ---
**Author:** ![Flagman](https://support.wirenboard.com/user_avatar/support.wirenboard.com/flagman/32/1081_2.png) [@Flagman](https://support.wirenboard.com/u/Flagman)\ **Post date:** [October 19, 2018, 8:28am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/18 "2018-10-19T08:28:40Z")
[bzzeke](https://forum.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/17), Дайте пожалуйста проверенную инструкцию, как ставить Grafana на WB6. Хочется попробовать. ---
**Author:** ![stskr](https://support.wirenboard.com/user_avatar/support.wirenboard.com/stskr/32/813_2.png) [@stskr](https://support.wirenboard.com/u/stskr)\ **Post date:** [October 19, 2018, 8:40am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/19 "2018-10-19T08:40:32Z")
> [@Flagman](#): > > [bzzeke](https://forum.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/17), Дайте пожалуйста проверенную инструкцию, как ставить Grafana на WB6. А почему только на Grafana? Нужно на всю связку. ---
**Author:** ![bzzeke](https://support.wirenboard.com/user_avatar/support.wirenboard.com/bzzeke/32/15721_2.png) [@bzzeke](https://support.wirenboard.com/u/bzzeke)\ **Post date:** [October 19, 2018, 8:53am UTC](https://support.wirenboard.com/t/opisanie-sushhestvuyushhih-shablonov-vidzhetov/1911/20 "2018-10-19T08:53:55Z")
У меня нет инструкции, т.к. я не ставил все это на WB :). Но установка ничем не должна отличаться от установки всего этого хозяйства на любой debian дистрибутив. Например: [https://lkhill.com/telegraf-influx-grafana-network-stats/](https://lkhill.com/telegraf-influx-grafana-network-stats/)