Differences

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

--- suppliers:hvac.io:graphivac:modes:editor [2020/09/20 21:17] – old revision restored (2020/09/17 18:13) 159.69.189.210
+++ suppliers:hvac.io:graphivac:modes:editor [2020/09/20 21:17] – old revision restored (2020/09/17 12:00) 159.69.189.210
@@ Line 1: / Line 1: @@
 ====== Editor ======
-===== BACnet Links =====
+The Editor will probably be your first mode in Graphivac. It enables you to easily draw beautiful HVAC systems.
+If the mode is not active, you can switch to it by using the toolbar, or by pressing <key>CTRL+e</key>.
+===== Controls and Shortcuts =====
+Most usual shortcuts will work in Graphivac.
+  * <key>CTRL+s</key> Save
+  * <key>CTRL+a</key> Select all
+  * <key>CTRL+c</key> Copy
+  * <key>CTRL+x</key> Cut
+  * <key>CTRL+v</key> Paste
+  * <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.
+===== Components =====
+==== Objects ====
+Drag a symbol from the symbol list and drop it on the canvas.
+{{popup>:suppliers:hvac.io:graphivac:modes:editor:add-objects.gif?350|}}
+(Click for animation)
+==== Template ====
+=== 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)
+==== Conduits ====
+=== 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)
+==== BACnet Links ====
+Graphivac has the ability to load and show BACnet values from live network or historical data.
 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 Wacnet or Vigilia table:
+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 :
+{{popup>:suppliers:hvac.io:graphivac:modes:editor:drop-bacnet-object.gif?400|}}
-{{:suppliers:hvac.io:graphivac:modes:drop-bacnet-object.gif?300}}
 (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|}}