Skip to Content
Last modified by Iaroslav Platonov on 2026/06/08 10:32
From version 206.1
edited by Lana
on 2025/12/04 18:07
Change comment: There is no comment for this version
To version 205.6
edited by Lana
on 2025/12/04 18:04
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -843,23 +843,23 @@
843 843  
844 844  Ready-made templates should be uploaded to the **Import animated SVG**s menu (see Fig. 4.63).
845 845  
846 -[[image:Screenshot 2025-12-04 at 14.17.47.png||height="156" width="322"]]
846 +[[image:Screenshot 2025-12-04 at 14.17.47.png]]
847 847  
848 848  Figure 4.63. Import animated SVGs
849 849  
850 850  The template uploaded in Fig. 4.64 replaces drawing of many graphic elements created in the diagram editor.
851 851  
852 -[[image:Screenshot 2025-12-04 at 14.18.12.png||height="224" width="325"]]
852 +[[image:Screenshot 2025-12-04 at 14.18.12.png]]
853 853  
854 854  Figure 4.64. Animated SVG
855 855  
856 856  For example, it is necessary to display the status of a discrete signal (switch position), as shown in Fig. 4.65. In case of developing diagrams in the editor, it is necessary to draw all the sticks and text forms separately (see Fig. 4.66) and describe each state in the rules.
857 857  
858 -[[image:Screenshot 2025-12-04 at 14.18.44.png||height="370" width="226"]]
858 +[[image:Screenshot 2025-12-04 at 14.18.44.png]]
859 859  
860 860  Figure 4.65. Legend for the position of the switch
861 861  
862 -[[image:Screenshot 2025-12-04 at 14.19.10.png||height="167" width="224"]]
862 +[[image:Screenshot 2025-12-04 at 14.19.10.png]]
863 863  
864 864  Figure 4.66. Graphic elements
865 865  
... ... @@ -897,7 +897,7 @@
897 897  
898 898  Fig. 4.68 shows an example of graphic elements with various animated styles configured through an SVG file. This animation is imported into the menu, as shown in Fig. 4.62, and in the mnemonic diagram editor, it appears as an image where only the size can be adjusted; all other edits are made within the template from the external source (such as Inkscape, Figma, etc.).
899 899  
900 -[[image:Screenshot 2025-12-04 at 14.21.36.png||height="439" width="665"]]
900 +[[image:Screenshot 2025-12-04 at 14.21.36.png]]
901 901  
902 902  Figure 4.68. Animated Image
903 903  
... ... @@ -988,7 +988,7 @@
988 988  
989 989  == 4.23. Display of the IM object name and the tag measurement units ==
990 990  
991 -[[image:Screenshot 2025-12-04 at 14.26.29.png||height="304" width="741"]]
991 +[[image:Screenshot 2025-12-04 at 14.26.29.png]]
992 992  
993 993  Figure 4.70. Options for displaying tag data
994 994  
... ... @@ -996,11 +996,11 @@
996 996  
997 997  To configure this, in the **Component visual settings** window, by clicking on the upper horizontal menu [[image:Screenshot 2025-12-04 at 14.26.56.png||height="26" width="27"]], actions are selected on the** Text** tab, specifically **IM measurement** (see Fig. 4.71) or **IM object** (see Fig. 4.72).
998 998  
999 -[[image:Screenshot 2025-12-04 at 14.27.28.png||height="290" width="740"]]
999 +[[image:Screenshot 2025-12-04 at 14.27.28.png]]
1000 1000  
1001 1001  Figure 4.71. IM measurement
1002 1002  
1003 -[[image:Screenshot 2025-12-04 at 14.27.52.png||height="282" width="723"]]
1003 +[[image:Screenshot 2025-12-04 at 14.27.52.png]]
1004 1004  
1005 1005  Figure 4.72. IM object
1006 1006  
... ... @@ -1012,7 +1012,7 @@
1012 1012  
1013 1013  To display the name of the object trimmings unnecessary characters, use the formula in **Actions:**
1014 1014  
1015 -[[image:Screenshot 2025-12-04 at 14.30.16.png||height="315" width="746"]]
1015 +[[image:Screenshot 2025-12-04 at 14.30.16.png]]
1016 1016  
1017 1017  Figure 4.73. IM object name with split characters
1018 1018  
... ... @@ -1020,7 +1020,7 @@
1020 1020  
1021 1021  Since the rules reference the attributes of the IM (industrial object), in all the examples above, create an active object by right-clicking (1) and bind it in the IM tree [[image:Screenshot 2025-12-04 at 14.31.14.png||height="29" width="30"]] (2) to an object (3), as shown in Fig. 4.74. The data for the bound object is to be displayed in view mode as shown in Fig. 4.70.​​​​​​​
1022 1022  
1023 -[[image:Screenshot 2025-12-04 at 14.31.50.png||height="456" width="743"]]
1023 +[[image:Screenshot 2025-12-04 at 14.31.50.png]]
1024 1024  
1025 1025  Figure 4.74. Creating and binding to an IM object
1026 1026  
... ... @@ -1028,7 +1028,7 @@
1028 1028  
1029 1029  Uploading and downloading diagrams are available on the **Mnemonic diagrams** page, in the Actions column.
1030 1030  
1031 -[[image:Screenshot 2025-12-04 at 14.32.48.png||height="166" width="742"]]
1031 +[[image:Screenshot 2025-12-04 at 14.32.48.png]]
1032 1032  
1033 1033  Figure 4.75. Mnemonic diagrams page
1034 1034  
... ... @@ -1040,7 +1040,7 @@
1040 1040  
1041 1041  The **Upload** button allows uploading all the diagrams from one previously downloaded archive. This allows diagrams to migrate from one server to another.
1042 1042  
1043 -= 5. BINDING TAGS TO THE DIAGRAM USING ID OR CODE =
1043 += 5. Binding tags to the diagram using ID or code =
1044 1044  
1045 1045  **Example No. 1**
1046 1046  
... ... @@ -1050,21 +1050,21 @@
1050 1050  
1051 1051  In the rule, check the box next to the words** Without conditions** (1) (optional) and describe the first action. Mark the** Text** field, select the **Tag** parameter type (2) and write, for example, the ID=502001 (3) number from the database (or select it from the drop-down list (4) see Fig. 5.2), if it is necessary to round the values, enable rounding (5) and specify how many decimal places should be displayed. It is possible to format the text in the actions of the rules (6) (see Fig. 5.3), as well as output the value of the number in exponential form (7). Click **Save,** switch to the diagram [[image:Screenshot 2025-12-04 at 14.40.43.png||height="24" width="31"]]viewing mode and see the result (see Fig. 5.4).
1052 1052  
1053 -[[image:Screenshot 2025-12-04 at 14.41.18.png||height="337" width="925"]]
1053 +[[image:Screenshot 2025-12-04 at 14.41.18.png]]
1054 1054  
1055 1055  Figure 5.1. Binding to the text
1056 1056  
1057 1057  To quickly bind to a tag, the **Component visual settings** window can be skipped by using the **Bind an element to a tag or channel** tree [[image:Screenshot 2025-12-04 at 14.41.48.png||height="25" width="25"]]. This automatically fills the tag, see Fig. 5.1.
1058 1058  
1059 -[[image:Screenshot 2025-12-04 at 14.42.21.png||height="427" width="927"]]
1059 +[[image:Screenshot 2025-12-04 at 14.42.21.png]]
1060 1060  
1061 1061  Figure 5.2. Choose the parameter drop-down list
1062 1062  
1063 -[[image:Screenshot 2025-12-04 at 14.42.51.png||height="197" width="410"]]
1063 +[[image:Screenshot 2025-12-04 at 14.42.51.png]]
1064 1064  
1065 1065  Figure 5.3. Formatting the text in the rules
1066 1066  
1067 -[[image:Screenshot 2025-12-04 at 14.43.17.png||height="197" width="921"]]
1067 +[[image:Screenshot 2025-12-04 at 14.43.17.png]]
1068 1068  
1069 1069  Figure 5.4. Tag value in the view mode
1070 1070  
... ... @@ -1086,8 +1086,8 @@
1086 1086  
1087 1087  Real parameter data for binding:
1088 1088  
1089 -|**ID number**|(% style="width:359px" %)**Parameter name**|(% style="width:378px" %)**Values**|**Decryption**
1090 -|10154|(% style="width:359px" %)Emergency alarm (EA)|(% style="width:378px" %)0/1|(((
1089 +|**ID number**|**Parameter name**|**Values**|**Decryption**
1090 +|10154|Emergency alarm (EA)|0/1|(((
1091 1091  normal/
1092 1092  
1093 1093  trigerring
... ... @@ -1097,7 +1097,7 @@
1097 1097  
1098 1098  This element changes the background color depending on the incoming value and the status of the parameter, if the condition TI=0 is met, then the color is green, if the condition TI=1 is met, then the color is red, if there is no data, then the color is white (see Fig. 5.6).
1099 1099  
1100 -[[image:Screenshot 2025-12-04 at 14.45.25.png||height="405" width="486"]]
1100 +[[image:Screenshot 2025-12-04 at 14.45.25.png]]
1101 1101  
1102 1102  Figure 5.6. Color changing in a dynamic element
1103 1103  
... ... @@ -1177,13 +1177,13 @@
1177 1177  
1178 1178  In this example, the address of the parameter is the information model class, and its attribute is selected when opening the drop-down list [[image:Screenshot 2025-12-04 at 14.51.19.png||height="35" width="28"]], see Fig. 5.13.
1179 1179  
1180 -[[image:Screenshot 2025-12-04 at 14.51.50.png||height="466" width="356"]]
1180 +[[image:Screenshot 2025-12-04 at 14.51.50.png]]
1181 1181  
1182 1182  Figure 5.13. Window with IM classes and their attributes
1183 1183  
1184 1184  After assembling the shape with the necessary rules for dynamic display, select the entire group and click the left mouse button. In the drop-down window, select **Create active element**, see Fig. 5.14. This function also applies to individual graphic drawings. To bind to the information model, open the appropriate bindings menu [[image:Screenshot 2025-12-04 at 14.52.28.png||height="31" width="31"]].
1185 1185  
1186 -[[image:Screenshot 2025-12-04 at 14.52.56.png||height="519" width="353"]]
1186 +[[image:Screenshot 2025-12-04 at 14.52.56.png]]
1187 1187  
1188 1188  Figure 5.14. Creating an active element
1189 1189  
... ... @@ -1195,7 +1195,7 @@
1195 1195  
1196 1196  After setting up the properties, select the shape and click the button [[image:Screenshot 2025-12-04 at 14.54.04.png||height="27" width="26"]]. Find the necessary element in the tree and select it (see Fig. 5.16).
1197 1197  
1198 -[[image:Screenshot 2025-12-04 at 14.54.49.png||height="642" width="570"]]
1198 +[[image:Screenshot 2025-12-04 at 14.54.49.png]]
1199 1199  
1200 1200  Figure 5.16. Information model element binding
1201 1201  
... ... @@ -1203,13 +1203,13 @@
1203 1203  
1204 1204  Right-clicking displays a table of parameters, which includes all the parameters from measurements, with the option to configure short tag names and decode values, as shown in Fig. 5.17.
1205 1205  
1206 -[[image:Screenshot 2025-12-04 at 14.55.22.png||height="252" width="339"]]
1206 +[[image:Screenshot 2025-12-04 at 14.55.22.png]]
1207 1207  
1208 1208  Figure 5.17. Table of the IM element parameters
1209 1209  
1210 1210  This object also has the option to display posters, with their arrangement appearing as shown in Fig. 5.18.
1211 1211  
1212 -[[image:Screenshot 2025-12-04 at 14.55.48.png||height="271" width="569"]]
1212 +[[image:Screenshot 2025-12-04 at 14.55.48.png]]
1213 1213  
1214 1214  Figure 5.18. Installation of customized posters
1215 1215