Wiring Editor Testing

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

 { "class": "GraphLinksModel",
  "copiesArrays": true,
  "copiesArrayObjects": true,
  "linkFromPortIdProperty": "fromPort",
  "linkToPortIdProperty": "toPort",
  "nodeDataArray": [
{"key":"C1","name":"Unit One","image":"/images/c/c1/C2a.svg","loc":"-25.574964750701383 196.3160717356572","leftArray":[{"portId":"left0","portColor":"#000000"},{"portId":"left1","portColor":"#00ff00"},{"portId":"left2","portColor":"#000000"},{"portId":"left3","portColor":"#00ff00"},{"portId":"left4","portColor":"#000000"},{"portId":"left5","portColor":"#00ff00"},{"portId":"left6","portColor":"#000000"},{"portId":"left7","portColor":"#00ff00"},{"portId":"left8","portColor":"#000000"},{"portId":"left9","portColor":"#ffff00"},{"portId":"left10","portColor":"#000000"},{"portId":"left11","portColor":"#ffff00"},{"portId":"left12","portColor":"#000000"},{"portId":"left13","portColor":"#ffff00"},{"portId":"left14","portColor":"#000000"},{"portId":"left15","portColor":"#ffff00"},{"portId":"left16","portColor":"#000000"},{"portId":"left17","portColor":"#00ff00"},{"portId":"left18","portColor":"#000000"},{"portId":"left19","portColor":"#00ff00"},{"portId":"left20","portColor":"#000000"},{"portId":"left21","portColor":"#00ff00"},{"portId":"left22","portColor":"#000000"},{"portId":"left23","portColor":"#00ff00"}],"topArray":[{"portColor":"#ff9800","portId":"top0"},{"portId":"top1","portColor":"#000000"},{"portId":"top2","portColor":"#ffcc00"},{"portId":"top3","portColor":"#000000"}],"bottomArray":[{"portColor":"#000000","portId":"bottom0"},{"portId":"bottom1","portColor":"#00ffff"},{"portId":"bottom2","portColor":"#000000"},{"portId":"bottom3","portColor":"#00ffff"},{"portId":"bottom4","portColor":"#000000"},{"portId":"bottom5","portColor":"#00ffff"},{"portId":"bottom6","portColor":"#000000"},{"portId":"bottom7","portColor":"#00ffff"},{"portId":"bottom8","portColor":"#000000"},{"portId":"bottom9","portColor":"#40aceb"},{"portId":"bottom10","portColor":"#000000"},{"portId":"bottom11","portColor":"#40aceb"},{"portId":"bottom12","portColor":"#000000"},{"portId":"bottom13","portColor":"#40aceb"},{"portId":"bottom14","portColor":"#000000"},{"portId":"bottom15","portColor":"#40aceb"},{"portId":"bottom16","portColor":"#bf6ae3"},{"portId":"bottom17","portColor":"#bf6ae3"},{"portId":"bottom18","portColor":"#bf6ae3"},{"portId":"bottom19","portColor":"#bf6ae3"},{"portId":"bottom20","portColor":"#bf6ae3"},{"portId":"bottom21","portColor":"#bf6ae3"}],"rightArray":[{"portColor":"#000000","portId":"right0"},{"portColor":"#888888","portId":"right1"},{"portId":"right2","portColor":"#888888"},{"portId":"right3","portColor":"#000000"},{"portId":"right4","portColor":"#888888"},{"portId":"right5","portColor":"#888888"},{"portId":"right6","portColor":"#ddddbb"},{"portId":"right7","portColor":"#ddddbb"},{"portId":"right8","portColor":"#8827e7"},{"portId":"right9","portColor":"#000000"},{"portId":"right10","portColor":"#8827e7"},{"portId":"right11","portColor":"#000000"},{"portId":"right12","portColor":"#8827e7"},{"portId":"right13","portColor":"#000000"},{"portId":"right14","portColor":"#8827e7"},{"portId":"right15","portColor":"#000000"},{"portId":"right16","portColor":"#0000ff"},{"portId":"right17","portColor":"#ff0000"},{"portId":"right18","portColor":"#0000ff"},{"portId":"right19","portColor":"#ff0000"},{"portId":"right20","portColor":"#0000ff"},{"portId":"right21","portColor":"#ff0000"},{"portId":"right22","portColor":"#0000ff"},{"portId":"right23","portColor":"#ff0000"}]},
{"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":"NTC1","loc":"-551.1296205847993 23.48544088160405"},
{"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":"NTC2","loc":"-468.92462058479913 72.5251239611851"},
{"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":"NTC3","loc":"-552.1632829862677 117.56480704076617"},
{"name":"Pulsed Flow\nSensor","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"},{"portId":"right2","portColor":"#d6effc"}],"topArray":[],"bottomArray":[],"key":"FS1","loc":"-381.7961150175177 382.06480704076614"},
{"name":"Keep-Warm\nTimer ","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#ebe3fc"},{"portId":"right1","portColor":"#d6effc"}],"topArray":[],"bottomArray":[],"key":"timerDHW","loc":"-254 507.125"},
{"name":"Room\nThermostat","leftArray":[],"rightArray":[{"portId":"right1","portColor":"#d6effc"},{"portId":"right2","portColor":"#d6effc"}],"topArray":[],"bottomArray":[],"key":"stat","loc":"-253 439.125"},
{"name":"Pressure \nTemperature Sensor","leftArray":[],"rightArray":[{"portId":"right1","portColor":"#d6effc"},{"portId":"right2","portColor":"#d6effc"},{"portId":"right0","portColor":"#6cafdb"},{"portId":"right3","portColor":"#d6effc"}],"topArray":[],"bottomArray":[],"key":"RPS1","loc":"-433.137502668535 266.188369363003"},
{"name":"PWM \nControl Valve","leftArray":[{"portId":"left0","portColor":"#fadfe5"},{"portId":"left1","portColor":"#ebe3fc"},{"portId":"left2","portColor":"#d6effc"},{"portId":"left3","portColor":"#66d6d1"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"valveCH","loc":"377.5244140625 316.125"},
{"name":"12v Power","leftArray":[{"portId":"left0","portColor":"#fadfe5"},{"portId":"left3","portColor":"#66d6d1"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"power12","loc":"389 43.125"},
{"name":"Prepay Switch","leftArray":[{"portId":"left0","portColor":"#d6effc"},{"portId":"left1","portColor":"#eaeef8"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"prepay","loc":"238 536.125"},
{"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":"NTC4","loc":"-468.7532829862677 163.6673070407662"},
{"name":"PWM \nControl Valve","leftArray":[{"portId":"left0","portColor":"#fadfe5"},{"portId":"left1","portColor":"#ebe3fc"},{"portId":"left2","portColor":"#d6effc"},{"portId":"left3","portColor":"#66d6d1"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"valveDHW","loc":"377.5244140625 393.125"},
{"name":"Heat Meter","leftArray":[{"portId":"left0","portColor":"#fadfe5"},{"portId":"left3","portColor":"#66d6d1"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"meter","loc":"383 214.125"},
{"name":"Modbus\nto BMS","leftArray":[{"portId":"left0","portColor":"#fadfe5"},{"portId":"left3","portColor":"#66d6d1"},{"portId":"left1","portColor":"#6cafdb"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"modbus1","loc":"395 121.125"},
{"name":"PWM \nPump","leftArray":[{"portId":"left1","portColor":"#ebe3fc"},{"portId":"left2","portColor":"#d6effc"},{"portId":"left3","portColor":"#66d6d1"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"pumpCH","loc":"396.5244140625 471.125"}
],
  "linkDataArray": [
{"from":"NTC1","to":"C1","fromPort":"right0","toPort":"left0","points":[-508.78049949104934,18.48544088160405,-490.78049949104934,18.48544088160405,-265,18.48544088160405,-265,81.3160717356572,-157.57496475070138,81.3160717356572,-143.57496475070138,81.3160717356572]},
{"from":"NTC1","to":"C1","fromPort":"right1","toPort":"left1","points":[-508.78049949104934,28.48544088160405,-498.78049949104934,28.48544088160405,-279,28.48544088160405,-279,91.3160717356572,-165.57496475070138,91.3160717356572,-143.57496475070138,91.3160717356572]},
{"from":"C1","to":"NTC2","fromPort":"left2","toPort":"right0","points":[-143.57496475070138,101.3160717356572,-173.57496475070138,101.3160717356572,-296.0752321208753,101.3160717356572,-296.0752321208753,67.5251239611851,-406.57549949104913,67.5251239611851,-424.57549949104913,67.5251239611851]},
{"from":"C1","to":"NTC2","fromPort":"left3","toPort":"right1","points":[-143.57496475070138,111.3160717356572,-181.57496475070138,111.3160717356572,-312.0752321208753,111.3160717356572,-312.0752321208753,77.5251239611851,-414.57549949104913,77.5251239611851,-424.57549949104913,77.5251239611851]},
{"from":"C1","to":"NTC3","fromPort":"left4","toPort":"right0","points":[-143.57496475070138,121.3160717356572,-189.57496475070138,121.3160717356572,-354.69456332160956,121.3160717356572,-354.69456332160956,112.56480704076617,-491.81416189251775,112.56480704076617,-509.81416189251775,112.56480704076617]},
{"from":"C1","to":"NTC3","fromPort":"left5","toPort":"right1","points":[-143.57496475070138,131.3160717356572,-197.57496475070138,131.3160717356572,-370.69456332160956,131.3160717356572,-370.69456332160956,122.56480704076617,-499.81416189251775,122.56480704076617,-509.81416189251775,122.56480704076617]},
{"from":"power12","to":"C1","fromPort":"left0","toPort":"top2","points":[338.7314453125,38.125,320.7314453125,38.125,-20.574964750701383,38.125,-20.574964750701383,44.2205358678286,-20.574964750701383,50.316071735657204,-20.574964750701383,68.3160717356572]},
{"from":"power12","to":"C1","fromPort":"left3","toPort":"top3","points":[338.7314453125,48.125,328.7314453125,48.125,-10.574964750701383,48.125,-10.574964750701383,53.2205358678286,-10.574964750701383,58.316071735657204,-10.574964750701383,68.3160717356572]},
{"from":"C1","to":"valveCH","fromPort":"bottom14","toPort":"left3","points":[9.425035249298617,324.3160717356572,9.425035249298617,390.3160717356572,205.9869316871493,390.3160717356572,205.9869316871493,331.125,279.548828125,331.125,317.548828125,331.125]},
{"from":"C1","to":"valveCH","fromPort":"bottom15","toPort":"left2","points":[19.425035249298617,324.3160717356572,19.425035249298617,382.3160717356572,193,382.3160717356572,193,321.125,299.548828125,321.125,317.548828125,321.125]},
{"from":"C1","to":"valveCH","fromPort":"right23","toPort":"left1","points":[92.42503524929862,311.3160717356572,290.4250352492986,311.3160717356572,306.9869316871493,311.3160717356572,306.9869316871493,311.125,291.548828125,311.125,317.548828125,311.125]},
{"from":"C1","to":"valveCH","fromPort":"right22","toPort":"left0","points":[92.42503524929862,301.3160717356572,282.4250352492986,301.3160717356572,298.9869316871493,301.3160717356572,298.9869316871493,301.125,283.548828125,301.125,317.548828125,301.125]},
{"from":"FS1","to":"C1","fromPort":"right1","toPort":"bottom0","points":[-324.6501189237677,382.06480704076614,-302.6501189237677,382.06480704076614,-130.57496475070138,382.06480704076614,-130.57496475070138,360.19043938821164,-130.57496475070138,338.3160717356572,-130.57496475070138,324.3160717356572]},
{"from":"FS1","to":"C1","fromPort":"right2","toPort":"bottom1","points":[-324.6501189237677,392.06480704076614,-294.6501189237677,392.06480704076614,-120.57496475070138,392.06480704076614,-120.57496475070138,369.19043938821164,-120.57496475070138,346.3160717356572,-120.57496475070138,324.3160717356572]},
{"from":"stat","to":"C1","fromPort":"right1","toPort":"bottom2","points":[-199.10498046875,434.125,-185.10498046875,434.125,-110.57496475070138,434.125,-110.57496475070138,394.22053586782863,-110.57496475070138,354.3160717356572,-110.57496475070138,324.3160717356572]},
{"from":"stat","to":"C1","fromPort":"right2","toPort":"bottom3","points":[-199.10498046875,444.125,-177.10498046875,444.125,-100.57496475070138,444.125,-100.57496475070138,403.22053586782863,-100.57496475070138,362.3160717356572,-100.57496475070138,324.3160717356572]},
{"from":"C1","to":"timerDHW","fromPort":"bottom4","toPort":"right0","points":[-90.57496475070138,324.3160717356572,-90.57496475070138,370.3160717356572,-90.57496475070138,502.125,-137.8084784691007,502.125,-185.0419921875,502.125,-199.0419921875,502.125]},
{"from":"C1","to":"timerDHW","fromPort":"bottom5","toPort":"right1","points":[-80.57496475070138,324.3160717356572,-80.57496475070138,378.3160717356572,-80.57496475070138,512.125,-128.8084784691007,512.125,-177.0419921875,512.125,-199.0419921875,512.125]},
{"from":"C1","to":"prepay","fromPort":"bottom6","toPort":"left1","points":[-70.57496475070138,324.3160717356572,-70.57496475070138,454.3160717356572,-70.57496475070138,541.125,41.57286918714931,541.125,153.720703125,541.125,175.720703125,541.125]},
{"from":"C1","to":"prepay","fromPort":"bottom7","toPort":"left0","points":[-60.57496475070138,324.3160717356572,-60.57496475070138,446.3160717356572,-60.57496475070138,531.125,50.57286918714931,531.125,161.720703125,531.125,175.720703125,531.125]},
{"from":"NTC4","to":"C1","fromPort":"right0","toPort":"left6","points":[-426.4041618925177,158.6673070407662,-412.4041618925177,158.6673070407662,-334.9895633216096,158.6673070407662,-334.9895633216096,141.3160717356572,-289.5749647507014,141.3160717356572,-143.57496475070138,141.3160717356572]},
{"from":"NTC4","to":"C1","fromPort":"right1","toPort":"left7","points":[-426.4041618925177,168.6673070407662,-404.4041618925177,168.6673070407662,-326.9895633216096,168.6673070407662,-326.9895633216096,151.3160717356572,-281.5749647507014,151.3160717356572,-143.57496475070138,151.3160717356572]},
{"from":"FS1","to":"C1","fromPort":"right0","toPort":"top2","points":[-324.6501189237677,372.06480704076614,-310.6501189237677,372.06480704076614,-215.11254183723455,372.06480704076614,-215.11254183723455,38.316071735657204,-20.574964750701383,38.316071735657204,-20.574964750701383,68.3160717356572]},
{"from":"C1","to":"RPS1","fromPort":"left13","toPort":"right2","points":[-143.57496475070138,211.3160717356572,-233.57496475070138,211.3160717356572,-193,211.3160717356572,-193,261.188369363003,-329.25957298103503,261.188369363003,-351.25957298103503,261.188369363003]},
{"from":"valveDHW","to":"C1","fromPort":"left0","toPort":"right20","points":[317.548828125,378.125,303.548828125,378.125,257,378.125,257,281.3160717356572,126.42503524929862,281.3160717356572,92.42503524929862,281.3160717356572]},
{"from":"valveDHW","to":"C1","fromPort":"left1","toPort":"right21","points":[317.548828125,388.125,295.548828125,388.125,246,388.125,246,291.3160717356572,118.42503524929862,291.3160717356572,92.42503524929862,291.3160717356572]},
{"from":"valveDHW","to":"C1","fromPort":"left2","toPort":"bottom13","points":[317.548828125,398.125,287.548828125,398.125,209.9869316871493,398.125,209.9869316871493,398.3160717356572,-0.5749647507013833,398.3160717356572,-0.5749647507013833,324.3160717356572]},
{"from":"valveDHW","to":"C1","fromPort":"left3","toPort":"bottom12","points":[317.548828125,408.125,279.548828125,408.125,-10.574964750701383,408.125,-10.574964750701383,407.22053586782863,-10.574964750701383,406.3160717356572,-10.574964750701383,324.3160717356572]},
{"from":"C1","to":"RPS1","fromPort":"left14","toPort":"right0","points":[-143.57496475070138,221.3160717356572,-225.57496475070138,221.3160717356572,-182,221.3160717356572,-182,271.188369363003,-321.25957298103503,271.188369363003,-351.25957298103503,271.188369363003]},
{"from":"C1","to":"RPS1","fromPort":"left15","toPort":"right3","points":[-143.57496475070138,231.3160717356572,-217.57496475070138,231.3160717356572,-173,231.3160717356572,-173,281.188369363003,-313.25957298103503,281.188369363003,-351.25957298103503,281.188369363003]},
{"from":"C1","to":"RPS1","fromPort":"top0","toPort":"right1","points":[-40.57496475070138,68.3160717356572,-40.57496475070138,54.316071735657204,-243,54.316071735657204,-243,251.188369363003,-337.25957298103503,251.188369363003,-351.25957298103503,251.188369363003]},
{"from":"C1","to":"meter","fromPort":"right7","toPort":"left3","points":[92.42503524929862,151.3160717356572,230.42503524929862,151.3160717356572,285.0486992652743,151.3160717356572,285.0486992652743,219.125,307.67236328125,219.125,329.67236328125,219.125]},
{"from":"C1","to":"meter","fromPort":"right6","toPort":"left0","points":[92.42503524929862,141.3160717356572,238.42503524929862,141.3160717356572,293.0486992652743,141.3160717356572,293.0486992652743,209.125,315.67236328125,209.125,329.67236328125,209.125]},
{"from":"C1","to":"modbus1","fromPort":"right5","toPort":"left1","points":[92.42503524929862,131.3160717356572,146.42503524929862,131.3160717356572,260.2286309058993,131.3160717356572,260.2286309058993,131.125,342.0322265625,131.125,352.0322265625,131.125]},
{"from":"C1","to":"modbus1","fromPort":"right4","toPort":"left3","points":[92.42503524929862,121.3160717356572,138.42503524929862,121.3160717356572,252.2286309058993,121.3160717356572,252.2286309058993,121.125,334.0322265625,121.125,352.0322265625,121.125]},
{"from":"C1","to":"modbus1","fromPort":"right3","toPort":"left0","points":[92.42503524929862,111.3160717356572,130.42503524929862,111.3160717356572,244.2286309058993,111.3160717356572,244.2286309058993,111.125,326.0322265625,111.125,352.0322265625,111.125]},
{"from":"C1","to":"pumpCH","fromPort":"right18","toPort":"left1","points":[92.42503524929862,261.3160717356572,142.42503524929862,261.3160717356572,143,261.3160717356572,143,461.125,344.5244140625,461.125,358.5244140625,461.125]},
{"from":"C1","to":"pumpCH","fromPort":"bottom10","toPort":"left3","points":[-30.574964750701383,324.3160717356572,-30.574964750701383,422.3160717356572,-30.574964750701383,481.125,148.9747246558993,481.125,328.5244140625,481.125,358.5244140625,481.125]},
{"from":"C1","to":"pumpCH","fromPort":"bottom11","toPort":"left2","points":[-20.574964750701383,324.3160717356572,-20.574964750701383,414.3160717356572,-20.574964750701383,471.125,157.9747246558993,471.125,336.5244140625,471.125,358.5244140625,471.125]}
]}

Images

Controller Layout

Controller Layout