16 578
правок
(не показана 21 промежуточная версия 2 участников) | |||
Строка 12: | Строка 12: | ||
{{Wbincludes:How to enter}} | {{Wbincludes:How to enter}} | ||
== | == Change access level == | ||
{{Anchor|change-access-level}} | {{Anchor|change-access-level}} | ||
{{Wbincludes:WebUI Change Access Level}} | {{Wbincludes:WebUI Change Access Level}} | ||
Строка 42: | Строка 42: | ||
You can create text and graphic SVG dashboards to display data and control your automation system. | You can create text and graphic SVG dashboards to display data and control your automation system. | ||
The text dashboard consists of widgets, and the graphic | The text dashboard consists of widgets, and the graphic panel consists of a background image with bindings to the MQTT channels of the controller. [[SVG-Dashboards | How to make an SVG panel]]. | ||
[[SVG-Dashboards | How to make an SVG | |||
<gallery mode="packed" heights="150px"> | <gallery mode="packed" heights="150px"> | ||
Image: Web-Dashboards-2.0.png | Dashboards | Image: Web-Dashboards-2.0.png | Dashboards list | ||
Image: Text-Dashboard Example.png | | Image: Text-Dashboard Example.png | Dashboard | ||
Image: SVG Dashboard Example.png | SVG | Image: SVG-Dashboard Example.png | SVG Dashboard | ||
</gallery> | </gallery> | ||
Строка 66: | Строка 64: | ||
Image: widget-create-4.png | Edit buttons | Image: widget-create-4.png | Edit buttons | ||
</gallery> | </gallery> | ||
=== Kiosk mode === | |||
{{Anchor|kiosk}} | |||
{{SupportedSinceRelease|en=true | |||
| release = wb-2207 | |||
|content= | |||
If you use a regular tablet as a control panel and display the controller's web interface on it, then it will be useful to hide unnecessary elements and the browser window: | |||
# Open the text or SVG dashboard and click the '''Enter fullscreen mode''' button. | |||
# Copy the URL bar in the address bar of the browser, at the end there should be a <code>?fullscreen</code> parameter. | |||
# Start a browser without panels: | |||
#* On computers and tablets with Windows/linux OS, launch the browser in kiosk mode and pass it the panel URL parameter, examples: | |||
#*:<syntaxhighlight lang="bash"> | |||
irefox -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | |||
chromium -kiosk 'http://wirenboard-ascmdm6q.local/#!/dashboards/dashboard1?fullscreen' | |||
</syntaxhighlight> | |||
#* On Android tablets, use dedicated browser versions such as Fully Kiosk Browser | |||
This works for all dashboard types. | |||
<gallery mode="packed" heights="150px"> | |||
Image: Text-Dashboard full screen.png | Enter to full screen mode | |||
Image: Text-Dashboard full screen 2.png | Full screen mode | |||
Image: Text-Dashboard full screen 3.png | Kiosk mode | |||
</gallery> | |||
}} | |||
== History == | == History == | ||
Строка 134: | Строка 158: | ||
Image:Web-Configs-2.0 mqtt.png| MQTT channels | Image:Web-Configs-2.0 mqtt.png| MQTT channels | ||
Image:Web-Configs-2.0 logs.png| Logs | Image:Web-Configs-2.0 logs.png| Logs | ||
</gallery> | |||
== Phone control == | |||
{{Anchor|mobile}} | |||
The web interface adapts to the screen size, so you can control the automation system from a mobile device or tablet. | |||
An alternative would be to use third-party applications: [[MQTT_Dash]], [[Home Assistant]], [[Apple HomeKit|Apple Home]] and others, see [[Supported_devices |table of supported devices and programs]] for a complete list. | |||
<gallery mode="packed" heights="350px" caption="Phone controller web interface"> | |||
Image: web-ui mobile 1.png | Device List | |||
Image: web-ui mobile 2.png | Side panel | |||
Image: web-ui mobile 5.png | SVG dashboard | |||
Image: web-ui mobile 3.png | Viewing the system log | |||
Image: web-ui mobile 4.png | Modbus device setup | |||
</gallery> | </gallery> | ||
== Previous version == | == Previous version == | ||
* [[Wiren_Board_Web_Interface 1.0| Wiren Board Web Interface 1.0]], replaced by 2.0 in early 2021. | * [[Wiren_Board_Web_Interface 1.0| Wiren Board Web Interface 1.0]], replaced by 2.0 in early 2021. |