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/07/22 09:32] – old revision restored (2017/03/13 19:36) 173.208.218.130
@@ Line 1: / Line 1: @@
 ====== Editor ======
-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.
-===== Add/Edit 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)
-==== Conduits ====
-=== Add New Conduit ===
-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)
 ===== 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 [[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:
-{{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|}}