Node-RED Dashboards: различия между версиями

Строка 85: Строка 85:


=== Описание флоу ===
=== Описание флоу ===
[[Image: nr-svg-dash-demo-flow.png |300px|thumb|right|Пример флоу SVG-панели ]]
Пример панели состоит из двух вкладок:
Пример панели состоит из двух вкладок:
# '''Tab 1''' вкладка с виджетами:  
# '''Tab 1''' вкладка с виджетами:  
Строка 93: Строка 94:


Нода '''ui control''' переключает вкладки панели и принимает на вход имя вкладки, которую нужно открыть.
Нода '''ui control''' переключает вкладки панели и принимает на вход имя вкладки, которую нужно открыть.
[[Image: nr-svg-dash-demo-cast.gif |300px|thumb|right| Пример SVG-панели Node-RED ]]


В ноде '''SVG grahpics''' на вкладке '''Event''' описаны события, которые будут генерировать элементы <code>#buzzer-state</code> и <code>#buzzer-control</code>. В обоих случаях на выход ноды '''SVG grahpics''' будет отправлено сообщение с информацией о событии и элементе, вызвавшим его. Сообщения с описанием событий обрабатываются нодой '''switch-events'''.
В ноде '''SVG grahpics''' на вкладке '''Event''' описаны события, которые будут генерировать элементы <code>#buzzer-state</code> и <code>#buzzer-control</code>. В обоих случаях на выход ноды '''SVG grahpics''' будет отправлено сообщение с информацией о событии и элементе, вызвавшим его. Сообщения с описанием событий обрабатываются нодой '''switch-events'''.