{ "draw2d": [ { "type": "shape_designer.figure.PolyRect", "id": "6c335ec7-cfab-85f1-a3e2-8a5a188bc22e", "x": 7990, "y": 7920, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "baseClass": "draw2d.SetFigure", "code": "/**\n * by 'Draw2D Shape Designer'\n *\n * Custom JS code to tweak the standard behaviour of the generated\n * shape. add your custome code and event handler here.\n *\n *\n */\ntestShape = testShape.extend({\n\n init: function(attr, setter, getter){\n this._super(attr, setter, getter);\n\n\n this.setResizeable(false);\n this.installEditPolicy(new draw2d.policy.figure.AntSelectionFeedbackPolicy());\n\n this.on(\"click\",function(emitter, event){\n var h = emitter.getHeight();\n var modh = h/8;\n var index = (event.relY/modh)|0;\n var port = emitter.getOutputPort(index);\n port.setValue(!port.getValue());\n emitter.layerAttr(\"rect0\"+(index+1), {fill:port.getValue()?\"#C21B7A\":null});\n });\n },\n \n calculate: function()\n {\n \n \n }\n\n});", "name": "rect01", "markdown": "# High / Low Array\n\nThe High Low Array is a macro object for 8 toggle switches in row.\n\n\n", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 7940 }, { "x": 7990, "y": 7940 }, { "x": 7990, "y": 7920 }, { "x": 8010, "y": 7920 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "b9805919-fa94-3684-0f3f-cd43469c82ae", "x": 7990, "y": 7940, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect02" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 7960 }, { "x": 7990, "y": 7960 }, { "x": 7990, "y": 7940 }, { "x": 8010, "y": 7940 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "82529c00-3171-9ddd-8af9-ef9e18edd426", "x": 7990, "y": 7960, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect03" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 7980 }, { "x": 7990, "y": 7980 }, { "x": 7990, "y": 7960 }, { "x": 8010, "y": 7960 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "bdc37923-873a-0f71-c82b-5a55c2608151", "x": 7990, "y": 7980, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect04" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 8000 }, { "x": 7990, "y": 8000 }, { "x": 7990, "y": 7980 }, { "x": 8010, "y": 7980 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "08ef5702-9151-cebd-4599-7f6c4d2900ac", "x": 7990, "y": 8000, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect05" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 8020 }, { "x": 7990, "y": 8020 }, { "x": 7990, "y": 8000 }, { "x": 8010, "y": 8000 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "c33e7ed1-b984-74d2-ba13-c0b75fce4abb", "x": 7990, "y": 8020, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect06" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 8040 }, { "x": 7990, "y": 8040 }, { "x": 7990, "y": 8020 }, { "x": 8010, "y": 8020 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "f437ddf0-e04f-01cf-6108-a1ef496358b2", "x": 7990, "y": 8040, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect07" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 8060 }, { "x": 7990, "y": 8060 }, { "x": 7990, "y": 8040 }, { "x": 8010, "y": 8040 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.PolyRect", "id": "d90ebb8f-4d29-e533-3a56-226630b3512e", "x": 7990, "y": 8060, "width": 20, "height": 20, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "rect08" }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "rgba(255,255,255,1)", "color": "rgba(48,48,48,1)", "stroke": 1, "radius": 0, "dasharray": null, "vertices": [ { "x": 8010, "y": 8080 }, { "x": 7990, "y": 8080 }, { "x": 7990, "y": 8060 }, { "x": 8010, "y": 8060 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "f4794033-1659-4dec-9b29-31774436bb39", "x": 8005.5, "y": 7924.4901, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port01", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "e5e8fff6-5626-2b88-44f1-1a55e4b467cd", "x": 8006, "y": 7945.5, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port02", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "578b7cce-0703-dd36-b0c2-6765f3390c22", "x": 8005.5, "y": 7965, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port03", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "3e88b3aa-290e-bd6d-9553-2fc7402d9a7f", "x": 8005.5, "y": 7985, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port04", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "1a5b7cd2-331c-292d-4498-8bd6acd337eb", "x": 8005.5, "y": 8005.2959, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port05", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "5630d78b-8374-77f2-c2f4-0c3cc5018167", "x": 8005.5, "y": 8024.964599999999, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port06", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "c2fd7e53-0681-2293-7af8-c4e5ebd6b5b6", "x": 8006, "y": 8044.8595000000005, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port07", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "23a19ac7-0c81-d002-cded-ce3dfc0f6f93", "x": 8006, "y": 8065.292100000001, "width": 10, "height": 10, "alpha": 1, "selectable": true, "draggable": true, "angle": 0, "userData": { "name": "port08", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "rgba(55,177,222,1)", "color": "rgba(27,27,27,1)", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] } ], "image": "data:image/png;base64,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" }