Differences

This shows you the differences between two versions of the page.

--- suppliers:hvac.io:graphivac:modes:editor [2017/04/29 00:45] – [Conduits] frozenlock
+++ suppliers:hvac.io:graphivac:modes:editor [2020/09/27 14:29] (current) – old revision restored (2020/09/20 23:49) frozenlock
@@ Line 17: / Line 17: @@
   * <key>CTRL+z</key> Undo
   * <key>CTRL+y</key> Redo
-  * <key>DEL</key> Delete
 A complete list of shortcuts (which might be context dependent) can be seen from the toolbar.
-===== Add/Edit Components =====
-==== Objects ====
+===== Edit / Add Symbols =====
-Drag a symbol from the symbol list and drop it on the canvas.
+Symbols can easily be added by opening the Symbol Editor.
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:add-objects.gif?350|}}
+{{:suppliers:hvac.io:graphivac:modes:editor:symbol-editor-btn.png?150|}}
-(Click for animation)
+Symbols should be SVG files and can be animated using inline CSS.
-==== Conduits ====
+The editor will provide you with a live feedback of the SVG document.
+One thing to look for is how your symbols are represented for the different classes.
+(Graphivac will automatically assign classes reflecting the state of the object.)
-=== Add New Conduit ===
+{{:suppliers:hvac.io:graphivac:modes:editor:symbol-editor.png?400|}}
-Click on the duct or pipe button and then position the nodes on the canvas.
-A single right-click will cancel the pending conduit.
-A second right-click will complete the task and return to the normal grid.
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:draw-conduit.gif?250|}}
-(Click for animation)
-=== Edit/Move Conduit ===
-Move the complete conduit segment by dragging it, or move a node to change the direction or length.
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:edit-conduit.gif?250|}}
-(Click for animation)
-=== Relations ===
-Adding relations to conduits is an easy way to let users know from where the conduit is coming and to where it's going.
-To add a relation, simply right-click on the end of a conduit and select a component.
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:conduit-relations.gif?200|}}
-(Click for animation)
-==== Templates ====
-=== Create New Template ===
-To create a template, select the components, right-click and select "To template".
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:editor-template.gif?250|}}
-(Click for animation)
-=== Edit Existing Template ===
-Double click on the template to enter it. Once inside, you can edit it like as if it was a normal grid.
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:edit-template.gif?250|}}
-(Click for animation)
@@ Line 86: / Line 40: @@
 To link to a BACnet object, open the component properties and go into the BACnet Link tab.
-Alternatively, you can simply drag-n-drop a BACnet object from a [[suppliers:hvac.io:wacnet|Wacnet]] or [[suppliers:hvac.io:vigilia|Vigilia]] table directly on the canvas :
+Alternatively, you can simply drag-n-drop a BACnet object from a [[suppliers:hvac.io:wacnet|Wacnet]] or [[suppliers:hvac.io:vigilia|Vigilia]] table:
+{{:suppliers:hvac.io:graphivac:modes:editor:drop-bacnet-object.gif?400|}}
-{{popup>:suppliers:hvac.io:graphivac:modes:editor:drop-bacnet-object.gif?400|}}
 (Click for animation)
-===== Edit / Add Symbols =====
-Symbols can easily be added by opening the Symbol Editor.
-{{:suppliers:hvac.io:graphivac:modes:editor:symbol-editor-btn.png?150|}}
-Internally, symbols are identified by a hierarchical ID, such as "**duct.sensor.temperature**".
-This hierarchical identification allows Graphivac to fallback to a higher level in case a given symbol is not found.
-For example, an organization may use "**duct.sensor.temperature.johnson-controls.TE-6300**" to represent a temperature sensor with a picture of their favorite product.
-If the user decides to use a new theme, he doesn't have to re-draw every single symbols in existence; he can simply create a more general "**duct.sensor**" and Graphivac will take care of using it as a fallback if the more precise symbol cannot be found.
-Symbols should be SVG files and can be animated using inline CSS.
-The editor will provide you with a live feedback of the SVG document.
-One thing to look for is how your symbols are represented for the different classes.
-(Graphivac will automatically assign classes reflecting the state of the object.)
-{{:suppliers:hvac.io:graphivac:modes:editor:symbol-editor.png?400|}}