Вклад
4 августа 2023
Translations:SVG-Dashboards/34/en
Новая страница: «=== Read === Display values from the source in a text field.»
Translations:SVG-Dashboards/33/en
Новая страница: «After setting up all connections, click the '''Save''' button.»
Translations:SVG-Dashboards/32/en
Новая страница: «Groups are convenient to use for creating buttons: we combined a rectangle and an icon in the editor and got a button. }}»
SVG-Dashboards/en
Новая страница: «Once uploaded, the image will be displayed on the open page: # Specify links and behavior of svg elements using link editor. # Save the changes and see the result by clicking on the '''Demo''' button.»
−194
Translations:SVG-Dashboards/31/en
Новая страница: «To associate an image svg element with values or events, select it with the mouse, after which fields for setting the element's behavior will appear next to the image. {{SupportedSinceRelease | release = wb-2307 |content= In addition to selecting a single element, you can select a group. To do this, hold down the Alt key on your keyboard and click on one of the elements of the group. The group containing the element will be highlighted. Clicking again while...»
Translations:SVG-Dashboards/30/en
Новая страница: «== Link Editor== 600px|thumb|right| SVG panel editor The image is prepared in an external vector editor, but the assignment of links to elements is done in the controller web interface.»
SVG-Dashboards/en
Новая страница: «The option '''Stretch to full screen''' will fit the panel to the free space.»
−711
Translations:SVG-Dashboards/29/en
Новая страница: «=== Rounding values === Often, values from sensors come with several decimal places, if you do not need such accuracy in the svg panel, then they can be rounded: <syntaxhighlight lang="javascript"> val.toFixed(n) //round the value of the variable val to n decimal places val.toFixed(2) //round the value of the variable val to two decimal places 220.238 → 220.24 </syntaxhighlight>»
Translations:SVG-Dashboards/28/en
Новая страница: «For example, output the value <code>АВАРИЯ</code> if the value in the MQTT topic multiplied by 0.1 is greater than 20 and <code>НОРМА</code> otherwise: <syntaxhighlight lang="javascript"> (val*0.1>20) ? 'ALARM' : 'NORMAL' </syntaxhighlight>»
Translations:SVG-Dashboards/27/en
Новая страница: «=== Arithmetic operations === Simple arithmetic operations can be performed on a topic received from an MQTT topic: * <code>+</code> — addition * <code>-</code> — subtraction * <code>*</code> — multiplication * <code>/</code> — division»
Translations:SVG-Dashboards/26/en
Новая страница: «For example, if the value of the MQTT topic is equal to <code>1</code> , then print the value <code>ВКЛ</code> , otherwise — <code>ОТКЛ</code> : <syntaxhighlight lang="javascript"> (val == 1) ? 'ON' : 'OFF' </syntaxhighlight>»
SVG-Dashboards/en
Новая страница: «=== MQTT topic value === The value from the MQTT topic specified in the '''Channel''' field is placed into the '''val''' variable.»
−508
Translations:SVG-Dashboards/25/en
Новая страница: «Syntax: <syntaxhighlight lang="javascript"> (CONDITION) ? 'VALUE1' : 'VALUE2' </syntaxhighlight>»
Translations:SVG-Dashboards/24/en
Новая страница: «=== Conditional expressions === Available operations: * <code>></code> — greater than * <code>>=</code> — greater than or equal to * <code><</code> — less than * <code><=</code> — less than or equal to!N !* <code>==</code> — equals * <code>!=</code> — not equal»
Translations:SVG-Dashboards/23/en
Новая страница: «=== MQTT topic value === The value from the MQTT topic specified in the '''Channel''' field is placed into the '''val''' variable.»
Translations:SVG-Dashboards/22/en
Новая страница: «== Syntax == In the '''Value''' fields With the Link Editor you can compose simple expressions that contain conditions and simple arithmetic operations.»
SVG-Dashboards/en
Новая страница: «Create a new SVG panel: # Go to '''Panels''' → '''List'''. # In the '''SVG panel''' section, click the '''Add'' button '', the binding editor will open. # Click the '''Load SVG''' button and select the SVG image file..»
−742
Translations:SVG-Dashboards/21/en
Новая страница: «The option '''Stretch to full screen''' will fit the panel to the free space.»
Translations:SVG-Dashboards/20/en
Новая страница: «Don't forget to fill in the fields '''Identifier''' and '''Name''' with the unique ID of the new panel for the machine and the name for the people.»
Translations:SVG-Dashboards/19/en
Новая страница: «Once uploaded, the image will be displayed on the open page: # Specify links and behavior of svg elements using link editor. # Save the changes and see the result by clicking on the '''Demo''' button.»
Translations:SVG-Dashboards/18/en
Новая страница: «Create a new SVG panel: # Go to '''Panels''' → '''List'''. # In the '''SVG panel''' section, click the '''Add'' button '', the binding editor will open. # Click the '''Load SVG''' button and select the SVG image file..»
SVG-Dashboards/en
Новая страница: «You can output information to any text elements and set up interactions with any shapes and text.»
−80
Translations:SVG-Dashboards/17/en
Новая страница: «== Creating an SVG panel == {{YouTube |link=https://youtu.be/xWksClOYGbA |text=An example of creating a panel }}»
SVG-Dashboards/en
Новая страница: «Inside the svg file, the ''content'' tag must not contain other tags. If you uploaded a file to the controller, made a binding, downloaded this file to the computer and it did not open in the editor, open the svg file with a text editor and remove the contents of the ''content'' tag. After that you will be able to edit the file in the svg editor.»
−129
SVG-Dashboards/en
Новая страница: «}}»
−973
Translations:SVG-Dashboards/16/en
Новая страница: «The image can be of any width and height, as well as with any number of elements.»
Translations:SVG-Dashboards/15/en
Новая страница: «==== Release wb-2304 and older ==== Restrictions: * You cannot interact with the rectangle. If necessary, convert it to curves (outline). * SVG panel editor ignores grouping. Therefore, if you need to customize the interaction with a composite element, then convert it to a single shape consisting of paths. * Inside the svg file, the ''content'' tag should not contain other tags. If you uploaded a file to the controller, made a binding, downloaded this file t...»
Translations:SVG-Dashboards/14/en
Новая страница: «}}»
Translations:SVG-Dashboards/13/en
Новая страница: «The image can be of any width and height, as well as with any number of elements.»
Translations:SVG-Dashboards/12/en
Новая страница: «Inside the svg file, the ''content'' tag must not contain other tags. If you uploaded a file to the controller, made a binding, downloaded this file to the computer and it did not open in the editor, open the svg file with a text editor and remove the contents of the ''content'' tag. After that you will be able to edit the file in the svg editor.»
SVG-Dashboards/en
Новая страница: «==== Release wb-2307 and newer ==== {{SupportedSinceRelease | release=wb-2307 |content=»
−435
Translations:SVG-Dashboards/11/en
Новая страница: «==== Release wb-2307 and newer ==== {{SupportedSinceRelease | release=wb-2307 |content=»
Translations:SVG-Dashboards/10/en
Новая страница: «You can output information to any text elements and set up interactions with any shapes and text.»
Translations:SVG-Dashboards/9/en
Новая страница: «=== Image requirements === The basis for the SVG panel is an svg image, which we recommend creating in [https://inkscape.org/en/ Inkscape] - it fully supports the SVG standard without deviations.»
SVG-Dashboards/en
Новая страница: «== Preparing == === Change WebUI Access Level === {{Wbincludes:WebUI Change Access Level}}»
−199
Translations:SVG-Dashboards/8/en
Новая страница: «== Preparing == === Change WebUI Access Level === {{Wbincludes:WebUI Change Access Level}}»
Translations:SVG-Dashboards/7/en
Новая страница: «<gallery mode="packed" heights="150px" caption="Режимы панелей"> Image: WebUI SVG.png | Standard view Image: WebUI SVG fullscreen.png | Fullscreen Image: WebUI SVG HMI mode.png | HMI </gallery>»
SVG-Dashboards/en
Новая страница: «In web interface of the Wiren Board controller, you can create interactive graphical panels. With their help, it is convenient to visualize automation control schemes.»
−208
Translations:SVG-Dashboards/6/en
Новая страница: «Full-screen mode allows you to switch between panels through the side menu, and in HMI mode, you need to implement the switch yourself: add a button (object) with a URL to the desired panel in the SVG image.»
SVG-Dashboards/en
Новая страница: «== Fullscreen and HMI modes == {{Anchor|hmi}} In some tasks, you need to hide browser controls and controller web interface panels from the user, for this there is Full screen and HMi modes.»
−209
Translations:SVG-Dashboards/5/en
Новая страница: «== Fullscreen and HMI modes == {{Anchor|hmi}} In some tasks, you need to hide browser controls and controller web interface panels from the user, for this there is Full screen and HMi modes.»
SVG-Dashboards/en
Новая страница: «SVG panels work on mobile devices, but image size needs to be taken into account. If the elements are too small, they will be difficult to use. A good solution would be to separate graphical panels into desktop and mobile ones, which are created taking into account the characteristics of a mobile device.»
Translations:SVG-Dashboards/4/en
Новая страница: «SVG panels work on mobile devices, but image size needs to be taken into account. If the elements are too small, they will be difficult to use. A good solution would be to separate graphical panels into desktop and mobile ones, which are created taking into account the characteristics of a mobile device.»
Translations:SVG-Dashboards/3/en
Новая страница: «Features: * displaying textual or logical information; * changing the appearance of the svg element depending on the received information: you can change the style of the element, replace the received value with your own or hide / show elements; * influence on actuators: turn on and off the load, change the operating modes of devices.»
Translations:SVG-Dashboards/2/en
Новая страница: «In web interface of the Wiren Board controller, you can create interactive graphical panels. With their help, it is convenient to visualize automation control schemes.»
Translations:SVG-Dashboards/1/en
Новая страница: «{{DISPLAYTITLE: SVG-Dashboards}} 800px|thumb|right| Sample SVG Dashboard 450px|thumb|right| Displaying textual information, statuses and interaction with the element == Introduction == 300px|thumb|right| On devices in HMI mode.<br> [https://youtu.be/Ziya_4QKU5I Watch video] »
SVG-Dashboards
Отметить эту версию для перевода
+951
SVG-Dashboards
+ тег <translate>
+38
SVG-Dashboards
Убрал теги перевода
−38
SVG-Dashboards
Добавил теги перевода
+38