Перейти к содержанию

Навигация

Wiren Board Web Interface/en: различия между версиями

Нет описания правки
 
(не показана 21 промежуточная версия 2 участников)
Строка 12: Строка 12:
{{Wbincludes:How to enter}}
{{Wbincludes:How to enter}}


== СChange access level ==
== 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 dashboard consists of a background image with bindings to the MQTT channels of the controller.  
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 dashboard]].


<gallery mode="packed" heights="150px">
<gallery mode="packed" heights="150px">
Image: Web-Dashboards-2.0.png | Dashboards List
Image: Web-Dashboards-2.0.png | Dashboards list
Image: Text-Dashboard Example.png | Text dashboard
Image: Text-Dashboard Example.png | Dashboard
Image: SVG Dashboard Example.png | SVG dashboard
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.