Difference between revisions of "Wiring Editor Testing"

From Open Source Controls Wiki
Jump to navigation Jump to search
Line 13: Line 13:




<iframe key="wiki" align="right" width="100%" height="1150" level="" path="/gojs/samples/wiring11.html?id=wiring1&palette=wiringPalette1&height=800px" />
<iframe key="wiki" align="right" width="100%" height="1150" level="" path="/gojs/samples/wiring12.html?id=wiring1&palette=wiringPalette1&height=800px" />




<pre id="wiringPalette1" style="display:none">
<pre id="wiringPalette1" style="display:none">
[
[
{"key":"node","name":"BEMS Hat","fill":"palegreen","image":"/images/c/c1/C2a.svg","leftArray":[{"portId":"left0","portColor":"#000000","figure":"Output"},{"portId":"left1","portColor":"#00ff00","figure":"Input"},{"portId":"left2","portColor":"#000000","figure":"Output"},{"portId":"left3","portColor":"#00ff00","figure":"Input"},{"portId":"left4","portColor":"#000000","figure":"Output"},{"portId":"left5","portColor":"#00ff00","figure":"Input"},{"portId":"left6","portColor":"#000000","figure":"Output"},{"portId":"left7","portColor":"#00ff00","figure":"Input"},{"portId":"left8","portColor":"#000000","figure":"Output"},{"portId":"left9","portColor":"#fffffe","figure":"Input"},{"portId":"left10","portColor":"#000000","figure":"Output"},{"portId":"left11","portColor":"#fffffe","figure":"Input"},{"portId":"left12","portColor":"#000000","figure":"Output"},{"portId":"left13","portColor":"#fffffe","figure":"Input"},{"portId":"left14","portColor":"#000000","figure":"Output"},{"portId":"left15","portColor":"#fffffe","figure":"Input"},{"portId":"left16","portColor":"#000000","figure":"Output"},{"portId":"left17","portColor":"#00ff00","figure":"Input"},{"portId":"left18","portColor":"#000000","figure":"Output"},{"portId":"left19","portColor":"#00ff00","figure":"Input"},{"portId":"left20","portColor":"#000000","figure":"Output"},{"portId":"left21","portColor":"#00ff00","figure":"Input"},{"portId":"left22","portColor":"#000000","figure":"Output"},{"portId":"left23","portColor":"#00ff00","figure":"Input"}],"topArray":[{"portColor":"#ffc900","portId":"top01","figure":"Output"},{"portColor":"#ffc900","portId":"top02","figure":"Output"},{"portColor":"#ffc900","portId":"top03","figure":"Output"},{"portId":"top1","portColor":"#000000","figure":"Output"},{"portId":"top2","portColor":"#e88600","figure":"Input"},{"portId":"top3","portColor":"#000002","figure":"Input"},{"portColor":"#ffffff","portId":"top4"},{"portColor":"#ffffff","portId":"top5"}],"bottomArray":[{"portColor":"#000000","portId":"bottom0","figure":"Output"},{"portId":"bottom1","portColor":"#00ffff","figure":"Input"},{"portId":"bottom2","portColor":"#000000","figure":"Output"},{"portId":"bottom3","portColor":"#00ffff","figure":"Input"},{"portId":"bottom4","portColor":"#000000","figure":"Output"},{"portId":"bottom5","portColor":"#00ffff","figure":"Input"},{"portId":"bottom6","portColor":"#000000","figure":"Output"},{"portId":"bottom7","portColor":"#00ffff","figure":"Input"},{"portId":"bottom8","portColor":"#000000","figure":"Output"},{"portId":"bottom9","portColor":"#40aceb","figure":"Input"},{"portId":"bottom10","portColor":"#000000","figure":"Output"},{"portId":"bottom11","portColor":"#40aceb","figure":"Input"},{"portId":"bottom12","portColor":"#000000","figure":"Output"},{"portId":"bottom13","portColor":"#40aceb","figure":"Input"},{"portId":"bottom14","portColor":"#000000","figure":"Output"},{"portId":"bottom15","portColor":"#40aceb","figure":"Input"},{"portId":"bottom16","portColor":"#ff8abd","figure":"Output"},{"portId":"bottom17","portColor":"#bf6ae3","figure":"Input"},{"portId":"bottom18","portColor":"#ffa3a3","figure":"Output"},{"portId":"bottom19","portColor":"#ff8abd","figure":"Output"},{"portId":"bottom20","portColor":"#bf6ae3","figure":"Input"},{"portId":"bottom21","portColor":"#ffa3a3","figure":"Output"}],"rightArray":[{"portColor":"#000000","portId":"right0","figure":"Circle"},{"portColor":"#888891","figure":"Circle","portId":"right1"},{"portId":"right2","portColor":"#888890","figure":"Circle"},{"portId":"right3","portColor":"#000000","figure":"Circle"},{"portId":"right4","portColor":"#888889","figure":"Circle"},{"portId":"right5","portColor":"#888888","figure":"Circle"},{"portId":"right6","portColor":"#ddddba","figure":"Circle"},{"portId":"right7","portColor":"#ddddbb","figure":"Circle"},{"portId":"right8","portColor":"#ffff00","figure":"Output"},{"portId":"right9","portColor":"#000000","figure":"Output"},{"portId":"right10","portColor":"#ffff00","figure":"Output"},{"portId":"right11","portColor":"#000000","figure":"Output"},{"portId":"right12","portColor":"#ffff00","figure":"Output"},{"portId":"right13","portColor":"#000000","figure":"Output"},{"portId":"right14","portColor":"#ffff00","figure":"Output"},{"portId":"right15","portColor":"#000000","figure":"Output"},{"portId":"right16","portColor":"#40aceb","figure":"Output"},{"portId":"right17","portColor":"#ff0000","figure":"Output"},{"portId":"right18","portColor":"#40aceb","figure":"Output"},{"portId":"right19","portColor":"#ff0000","figure":"Output"},{"portId":"right20","portColor":"#40aceb","figure":"Output"},{"portId":"right21","portColor":"#ff0000","figure":"Output"},{"portId":"right22","portColor":"#40aceb","figure":"Output"},{"portId":"right23","portColor":"#ff0000","figure":"Output"}],"loc":"429.90625 -103.375","size":"231 250.5","thickness":2,"color":"palegreen"},
{"key":"node","name":"BEMS Hat","href":"https://hwwiki.ddns.net/","fill":"palegreen","image":"/images/c/c1/C2a.svg","leftArray":[{"portId":"left0","portColor":"#000000","figure":"Output"},{"portId":"left1","portColor":"#00ff00","figure":"Input"},{"portId":"left2","portColor":"#000000","figure":"Output"},{"portId":"left3","portColor":"#00ff00","figure":"Input"},{"portId":"left4","portColor":"#000000","figure":"Output"},{"portId":"left5","portColor":"#00ff00","figure":"Input"},{"portId":"left6","portColor":"#000000","figure":"Output"},{"portId":"left7","portColor":"#00ff00","figure":"Input"},{"portId":"left8","portColor":"#000000","figure":"Output"},{"portId":"left9","portColor":"#fffffe","figure":"Input"},{"portId":"left10","portColor":"#000000","figure":"Output"},{"portId":"left11","portColor":"#fffffe","figure":"Input"},{"portId":"left12","portColor":"#000000","figure":"Output"},{"portId":"left13","portColor":"#fffffe","figure":"Input"},{"portId":"left14","portColor":"#000000","figure":"Output"},{"portId":"left15","portColor":"#fffffe","figure":"Input"},{"portId":"left16","portColor":"#000000","figure":"Output"},{"portId":"left17","portColor":"#00ff00","figure":"Input"},{"portId":"left18","portColor":"#000000","figure":"Output"},{"portId":"left19","portColor":"#00ff00","figure":"Input"},{"portId":"left20","portColor":"#000000","figure":"Output"},{"portId":"left21","portColor":"#00ff00","figure":"Input"},{"portId":"left22","portColor":"#000000","figure":"Output"},{"portId":"left23","portColor":"#00ff00","figure":"Input"}],"topArray":[{"portColor":"#ffc900","portId":"top01","figure":"Output"},{"portColor":"#ffc900","portId":"top02","figure":"Output"},{"portColor":"#ffc900","portId":"top03","figure":"Output"},{"portId":"top1","portColor":"#000000","figure":"Output"},{"portId":"top2","portColor":"#e88600","figure":"Input"},{"portId":"top3","portColor":"#000002","figure":"Input"},{"portColor":"#ffffff","portId":"top4"},{"portColor":"#ffffff","portId":"top5"}],"bottomArray":[{"portColor":"#000000","portId":"bottom0","figure":"Output"},{"portId":"bottom1","portColor":"#00ffff","figure":"Input"},{"portId":"bottom2","portColor":"#000000","figure":"Output"},{"portId":"bottom3","portColor":"#00ffff","figure":"Input"},{"portId":"bottom4","portColor":"#000000","figure":"Output"},{"portId":"bottom5","portColor":"#00ffff","figure":"Input"},{"portId":"bottom6","portColor":"#000000","figure":"Output"},{"portId":"bottom7","portColor":"#00ffff","figure":"Input"},{"portId":"bottom8","portColor":"#000000","figure":"Output"},{"portId":"bottom9","portColor":"#40aceb","figure":"Input"},{"portId":"bottom10","portColor":"#000000","figure":"Output"},{"portId":"bottom11","portColor":"#40aceb","figure":"Input"},{"portId":"bottom12","portColor":"#000000","figure":"Output"},{"portId":"bottom13","portColor":"#40aceb","figure":"Input"},{"portId":"bottom14","portColor":"#000000","figure":"Output"},{"portId":"bottom15","portColor":"#40aceb","figure":"Input"},{"portId":"bottom16","portColor":"#ff8abd","figure":"Output"},{"portId":"bottom17","portColor":"#bf6ae3","figure":"Input"},{"portId":"bottom18","portColor":"#ffa3a3","figure":"Output"},{"portId":"bottom19","portColor":"#ff8abd","figure":"Output"},{"portId":"bottom20","portColor":"#bf6ae3","figure":"Input"},{"portId":"bottom21","portColor":"#ffa3a3","figure":"Output"}],"rightArray":[{"portColor":"#000000","portId":"right0","figure":"Circle"},{"portColor":"#888891","figure":"Circle","portId":"right1"},{"portId":"right2","portColor":"#888890","figure":"Circle"},{"portId":"right3","portColor":"#000000","figure":"Circle"},{"portId":"right4","portColor":"#888889","figure":"Circle"},{"portId":"right5","portColor":"#888888","figure":"Circle"},{"portId":"right6","portColor":"#ddddba","figure":"Circle"},{"portId":"right7","portColor":"#ddddbb","figure":"Circle"},{"portId":"right8","portColor":"#ffff00","figure":"Output"},{"portId":"right9","portColor":"#000000","figure":"Output"},{"portId":"right10","portColor":"#ffff00","figure":"Output"},{"portId":"right11","portColor":"#000000","figure":"Output"},{"portId":"right12","portColor":"#ffff00","figure":"Output"},{"portId":"right13","portColor":"#000000","figure":"Output"},{"portId":"right14","portColor":"#ffff00","figure":"Output"},{"portId":"right15","portColor":"#000000","figure":"Output"},{"portId":"right16","portColor":"#40aceb","figure":"Output"},{"portId":"right17","portColor":"#ff0000","figure":"Output"},{"portId":"right18","portColor":"#40aceb","figure":"Output"},{"portId":"right19","portColor":"#ff0000","figure":"Output"},{"portId":"right20","portColor":"#40aceb","figure":"Output"},{"portId":"right21","portColor":"#ff0000","figure":"Output"},{"portId":"right22","portColor":"#40aceb","figure":"Output"},{"portId":"right23","portColor":"#ff0000","figure":"Output"}],"loc":"429.90625 -103.375","size":"231 250.5","thickness":2,"color":"palegreen"},
{"key":"node2","name":"Automation Hat","fill":"#104b2b","image":"/images/thumb/1/13/BAH1c.png/800px-BAH1c.png","leftArray":[{"portId":"left0","portColor":"#000000","figure":"Output"},{"portId":"left1","portColor":"#fffffe","figure":"Input"},{"portId":"left2","portColor":"#000000","figure":"Output"},{"portId":"left3","portColor":"#fffffe","figure":"Input"},{"portId":"left4","portColor":"#000000","figure":"Output"},{"portId":"left5","portColor":"#fffffe","figure":"Input"},{"portId":"left6","portColor":"#000000","figure":"Output"},{"portId":"left7","portColor":"#fffffe","figure":"Input"},{"portId":"left8","portColor":"#000000","figure":"Output"},{"portId":"left9","portColor":"#fffffe","figure":"Input"},{"portId":"left10","portColor":"#000000","figure":"Output"},{"portId":"left11","portColor":"#fffffe","figure":"Input"},{"portId":"left12","portColor":"#000000","figure":"Output"},{"portId":"left13","portColor":"#fffffe","figure":"Input"},{"portId":"left14","portColor":"#000000","figure":"Output"},{"portId":"left15","portColor":"#fffffe","figure":"Input"}],"topArray":[{"portColor":"#ffffff","portId":"top0"},{"portId":"top1","portColor":"#ffc900","figure":"Output"},{"portId":"top2","portColor":"#ffc900","figure":"Output"},{"portId":"top3","portColor":"#ffc900","figure":"Output"},{"portId":"top4","portColor":"#ffc900","figure":"Output"},{"portId":"top5","portColor":"#ffffff"},{"portId":"top6","portColor":"#ffffff"},{"portId":"top7","portColor":"#ffffff"},{"portId":"top8","portColor":"#ffffff"},{"portId":"top9","portColor":"#ffffff"},{"portId":"top10","portColor":"#ffffff"},{"portId":"top11","portColor":"#ffffff"},{"portId":"top12","portColor":"#ffffff"},{"portId":"top13","portColor":"#ffffff"},{"portId":"top14","portColor":"#ffffff"},{"portId":"top15","portColor":"#ffffff"},{"portId":"top16","portColor":"#ffffff"},{"portId":"top17","portColor":"#ffffff"},{"portId":"top18","portColor":"#ffffff"},{"portId":"top19","portColor":"#ffffff"},{"portId":"top20","portColor":"#ff0000","figure":"Input"},{"portId":"top21","portColor":"#000001","figure":"Input"}],"bottomArray":[{"portColor":"#888888","portId":"bottom0"},{"portId":"bottom1","portColor":"#888889"},{"portId":"bottom2","portColor":"#888890"},{"portId":"bottom11","portColor":"#888891"},{"portId":"bottom12","portColor":"#ffffff"},{"portId":"bottom13","portColor":"#ffffff"},{"portId":"bottom14","portColor":"#ffffff"},{"portId":"bottom15","portColor":"#ffffff"},{"portId":"bottom16","portColor":"#ffffff"},{"portId":"bottom17","portColor":"#ffffff"},{"portId":"bottom18","portColor":"#ff0000","figure":"Output"},{"portId":"bottom19","portColor":"#ff0000","figure":"Output"},{"portId":"bottom20","portColor":"#ff0000","figure":"Output"},{"portId":"bottom21","portColor":"#ff0000","figure":"Output"}],"rightArray":[{"portId":"right8","portColor":"#ffff00","figure":"Output"},{"portId":"right9","portColor":"#000000","figure":"Output"},{"portId":"right10","portColor":"#ffff00","figure":"Output"},{"portId":"right11","portColor":"#000000","figure":"Output"},{"portId":"right12","portColor":"#ffff00","figure":"Output"},{"portId":"right13","portColor":"#000000","figure":"Output"},{"portId":"right14","portColor":"#ffff00","figure":"Output"},{"portId":"right15","portColor":"#000000","figure":"Output"},{"portId":"right0","portColor":"#f6beb6","figure":"Output"},{"portId":"right1","portColor":"#000001","figure":"Output"},{"portId":"right2","portColor":"#f6beb6","figure":"Output"},{"portId":"right3","portColor":"#000001","figure":"Output"},{"portId":"right4","portColor":"#f6beb6","figure":"Output"},{"portId":"right5","portColor":"#000001","figure":"Output"},{"portId":"right6","portColor":"#f6beb6","figure":"Output"},{"portId":"right7","portColor":"#000001","figure":"Output"}],"textColor":"#efebeb","notes":"","size":"298 173","loc":"443.1875 -1.125"},
{"key":"node2","name":"Automation Hat","fill":"#104b2b","image":"/images/thumb/1/13/BAH1c.png/800px-BAH1c.png","leftArray":[{"portId":"left0","portColor":"#000000","figure":"Output"},{"portId":"left1","portColor":"#fffffe","figure":"Input"},{"portId":"left2","portColor":"#000000","figure":"Output"},{"portId":"left3","portColor":"#fffffe","figure":"Input"},{"portId":"left4","portColor":"#000000","figure":"Output"},{"portId":"left5","portColor":"#fffffe","figure":"Input"},{"portId":"left6","portColor":"#000000","figure":"Output"},{"portId":"left7","portColor":"#fffffe","figure":"Input"},{"portId":"left8","portColor":"#000000","figure":"Output"},{"portId":"left9","portColor":"#fffffe","figure":"Input"},{"portId":"left10","portColor":"#000000","figure":"Output"},{"portId":"left11","portColor":"#fffffe","figure":"Input"},{"portId":"left12","portColor":"#000000","figure":"Output"},{"portId":"left13","portColor":"#fffffe","figure":"Input"},{"portId":"left14","portColor":"#000000","figure":"Output"},{"portId":"left15","portColor":"#fffffe","figure":"Input"}],"topArray":[{"portColor":"#ffffff","portId":"top0"},{"portId":"top1","portColor":"#ffc900","figure":"Output"},{"portId":"top2","portColor":"#ffc900","figure":"Output"},{"portId":"top3","portColor":"#ffc900","figure":"Output"},{"portId":"top4","portColor":"#ffc900","figure":"Output"},{"portId":"top5","portColor":"#ffffff"},{"portId":"top6","portColor":"#ffffff"},{"portId":"top7","portColor":"#ffffff"},{"portId":"top8","portColor":"#ffffff"},{"portId":"top9","portColor":"#ffffff"},{"portId":"top10","portColor":"#ffffff"},{"portId":"top11","portColor":"#ffffff"},{"portId":"top12","portColor":"#ffffff"},{"portId":"top13","portColor":"#ffffff"},{"portId":"top14","portColor":"#ffffff"},{"portId":"top15","portColor":"#ffffff"},{"portId":"top16","portColor":"#ffffff"},{"portId":"top17","portColor":"#ffffff"},{"portId":"top18","portColor":"#ffffff"},{"portId":"top19","portColor":"#ffffff"},{"portId":"top20","portColor":"#ff0000","figure":"Input"},{"portId":"top21","portColor":"#000001","figure":"Input"}],"bottomArray":[{"portColor":"#888888","portId":"bottom0"},{"portId":"bottom1","portColor":"#888889"},{"portId":"bottom2","portColor":"#888890"},{"portId":"bottom11","portColor":"#888891"},{"portId":"bottom12","portColor":"#ffffff"},{"portId":"bottom13","portColor":"#ffffff"},{"portId":"bottom14","portColor":"#ffffff"},{"portId":"bottom15","portColor":"#ffffff"},{"portId":"bottom16","portColor":"#ffffff"},{"portId":"bottom17","portColor":"#ffffff"},{"portId":"bottom18","portColor":"#ff0000","figure":"Output"},{"portId":"bottom19","portColor":"#ff0000","figure":"Output"},{"portId":"bottom20","portColor":"#ff0000","figure":"Output"},{"portId":"bottom21","portColor":"#ff0000","figure":"Output"}],"rightArray":[{"portId":"right8","portColor":"#ffff00","figure":"Output"},{"portId":"right9","portColor":"#000000","figure":"Output"},{"portId":"right10","portColor":"#ffff00","figure":"Output"},{"portId":"right11","portColor":"#000000","figure":"Output"},{"portId":"right12","portColor":"#ffff00","figure":"Output"},{"portId":"right13","portColor":"#000000","figure":"Output"},{"portId":"right14","portColor":"#ffff00","figure":"Output"},{"portId":"right15","portColor":"#000000","figure":"Output"},{"portId":"right0","portColor":"#f6beb6","figure":"Output"},{"portId":"right1","portColor":"#000001","figure":"Output"},{"portId":"right2","portColor":"#f6beb6","figure":"Output"},{"portId":"right3","portColor":"#000001","figure":"Output"},{"portId":"right4","portColor":"#f6beb6","figure":"Output"},{"portId":"right5","portColor":"#000001","figure":"Output"},{"portId":"right6","portColor":"#f6beb6","figure":"Output"},{"portId":"right7","portColor":"#000001","figure":"Output"}],"textColor":"#efebeb","notes":"","size":"298 173","loc":"443.1875 -1.125"},
{"name":"Pulsed Flow Sensor","fill":"#dbf6cb","pulsesPerLitre":"520","leftArray":[],"rightArray":[{"portId":"right1","portColor":"#ffc900","figure":"Input"},{"portId":"right2","portColor":"#000000","figure":"Input"},{"portId":"right0","portColor":"#00ffff","signalTypes":["#00ffff","#fffffe"],"figure":"Output"}],"topArray":[],"bottomArray":[],"key":"FS","size":"82.107421875 53","loc":"58.15625 -164.375"},
{"name":"Pulsed Flow Sensor","fill":"#dbf6cb","pulsesPerLitre":"520","leftArray":[],"rightArray":[{"portId":"right1","portColor":"#ffc900","figure":"Input"},{"portId":"right2","portColor":"#000000","figure":"Input"},{"portId":"right0","portColor":"#00ffff","signalTypes":["#00ffff","#fffffe"],"figure":"Output"}],"topArray":[],"bottomArray":[],"key":"FS","size":"82.107421875 53","loc":"58.15625 -164.375"},

Revision as of 13:11, 26 June 2022

Work In progress

  • Labels on wires. Will be draggable for positioning and can be used primarily to number (reference) individual wires. In controls wiring these would be the id tags on wires.
    • Draggable to any point along wire
    • Include a wire colour indicator
    • Is it possible to optionally have two labels, with one at each end?
  • Menu for editing wire colour, width, arrows and type (solid/dashed/dotted). Can you have a green/yellow (earth) dashed line?
  • Port colours updated to a fuller list to match scale.
  • Ports currently have a side, an order, and a colour (color). Wiki page to include JSON that describes ports in more detail, adding attributes. These can include a port type (portType) as well as compatible port types (compatibleWith) used to check wires are wired to compatible ports (so you can't wire a 24V to a GND without raising a warning).
  • Add a sidebar palette with standard devices.
    • Slider categories for electrical, mechanical etc.
    • Should be able to load custom palettes from wiki page JSON





Testing 2


Images

Controller Layout
Controller Layout

Rad.svg