16 281
правка
м (→Требования к изображению: Синтаксис) |
|||
Строка 87: | Строка 87: | ||
== Редактор связей== | == Редактор связей== | ||
[[Image: SVG-Dashboard Editor.png |600px|thumb|right| Редактор SVG-панели]] | [[Image: SVG-Dashboard Editor.png |600px|thumb|right| Редактор SVG-панели]] | ||
Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой | Чтобы связать svg-элемент изображения со значениями или событиями, выберите его мышкой, после этого рядом с изображением появятся поля настройки поведения элемента. | ||
=== Read === | === Read === | ||
Отображение значений из источника в текстовом поле. | Отображение значений из источника в текстовом поле. | ||
Значение из выбранного в поле '''Channel''' источника помещается в переменную '''val''', которую нужно указать в поле '''Value'''. | |||
Чтобы вывести значение, просто укажите переменную: | Чтобы вывести значение, просто укажите переменную: | ||
Строка 111: | Строка 110: | ||
=== Write === | === Write === | ||
Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное. | Реакция на клик пользователя по элементу изображения. Доступно два состояния ON и OFF. При клике пользователя на элементе, значение в MQTT-топике будет меняться на противоположное. | ||
Выберите в поле '''Channel''' MQTT топик | Выберите в поле '''Channel''' MQTT топик для записи значений, а в полях '''Value on''' и '''Value off''' укажите какие значения соответствуют состояниям. | ||
Например, для переключения реле нужно указать: | Например, для переключения реле нужно указать: | ||
Строка 123: | Строка 121: | ||
=== Visible === | === Visible === | ||
Здесь можно указать при каком условии показывать элемент изображения. | Здесь можно указать при каком условии показывать элемент изображения. По умолчанию элемент будет скрыт и отобразится только пока выполняется условие. | ||
Выберите в поле '''Channel''' MQTT-топик, на информацию из которого | Выберите в поле '''Channel''' MQTT-топик, на информацию из которого будет реагировать элемент, в поле '''Condition''' выберите условие, а в поле '''Value''' — значение. | ||
=== Style === | === Style === |