Commit e0f7d8ae authored by Patrik Meijer's avatar Patrik Meijer
Browse files

Add functional demo for GraphEditor and comment out overflowing comps

parent 45b2c41b
......@@ -50,25 +50,25 @@ class demoApp extends Component {
component: <DemoModalSpinner/>,
title: 'ModalSpinner',
},
{
component: <DemoBasicContainmentCanvas/>,
title: 'BasicContainmentCanvas',
height: 400,
},
{
component: <DemoContainmentCanvas/>,
title: 'ContainmentCanvas',
height: 400,
},
{
component: <DemoSingleConnectedNode/>,
title: 'SingleConnectedNode',
},
{
component: <DemoInfoCard/>,
title: 'InfoCard',
height: 200,
},
// {
// component: <DemoBasicContainmentCanvas/>,
// title: 'BasicContainmentCanvas',
// height: 400,
// },
// {
// component: <DemoContainmentCanvas/>,
// title: 'ContainmentCanvas',
// height: 400,
// },
// {
// component: <DemoSingleConnectedNode/>,
// title: 'SingleConnectedNode',
// },
// {
// component: <DemoInfoCard/>,
// title: 'InfoCard',
// height: 200,
// },
{
component: <DemoPartBrowser/>,
title: 'PartBrowser',
......@@ -76,13 +76,14 @@ class demoApp extends Component {
{
component: <DemoGraphEditor/>,
title: 'GraphEditor',
height: 800,
},
];
return (
<div>
{DEMOS.map(info => (
<ExpansionPanel defaultExpanded key={info.title}>
<ExpansionPanel defaultExpanded={false} key={info.title}>
<ExpansionPanelSummary>
<Typography variant="headline" color="textSecondary">{info.title}</Typography>
</ExpansionPanelSummary>
......
{
"activeNode": "/682825457",
"nodes": {
"/682825457": {
"parent": "",
"metaType": "Compound",
"attributes": {
"name": "FM Receiver"
},
"registries": {
"position": {
"x": 393,
"y": 212
},
"color": "#f0efbd"
},
"pointers": {
"base": "/-2/-14",
"assign": null
},
"sets": {}
},
"/682825457/11583002": {
"parent": "/682825457",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
}
},
"pointers": {
"dst": "/682825457/860255630/1187598154",
"src": "/682825457/1187598154",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/51043681": {
"parent": "/682825457",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
}
},
"pointers": {
"dst": "/682825457/1378362467/611011002",
"src": "/682825457/1598996066",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/79564293": {
"parent": "/682825457",
"metaType": "Parameter",
"attributes": {
"name": "CenterFreq",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 6.666666666666686,
"y": 430
},
"cytoscapePosition": {
"x": 1188,
"y": 462
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/95009347": {
"parent": "/682825457",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
}
},
"pointers": {
"dst": "/682825457/1400327587/1187598154",
"src": "/682825457/1187598154",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/172219281": {
"parent": "/682825457",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
}
},
"pointers": {
"dst": "/682825457/795506068/1112998589",
"src": "/682825457/1112998589",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/173392737": {
"parent": "/682825457",
"metaType": "Flow",
"attributes": {
"name": "Flow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
},
"color": "#0000cc"
},
"pointers": {
"dst": "/682825457/1400327587/1975618416",
"src": "/682825457/675601742/1127525855",
"base": "/-2/-9"
},
"sets": {}
},
"/682825457/176380302": {
"parent": "/682825457",
"metaType": "Compound",
"attributes": {
"name": "Squelch"
},
"registries": {
"position": {
"x": 616.6666666666667,
"y": 350
},
"cytoscapePosition": {
"x": 1181,
"y": 813
},
"color": "#f0efbd"
},
"pointers": {
"assign": "/1036661779/1080577475",
"base": "/-2/-14"
},
"sets": {}
},
"/682825457/176380302/208351636": {
"parent": "/682825457/176380302",
"metaType": "Flow",
"attributes": {
"name": "Flow"
},
"registries": {
"position": {
"x": 100,
"y": 100
},
"color": "#0000cc"
},
"pointers": {
"dst": "/682825457/176380302/1350064388",
"src": "/682825457/176380302/731645083/1350064388",
"base": "/-2/-9"
},
"sets": {}
},
"/682825457/176380302/731645083": {
"parent": "/682825457/176380302",
"metaType": "Primitive",
"attributes": {
"name": "Threshold",
"function": ""
},
"registries": {
"position": {
"x": 283,
"y": 287
},
"cytoscapePosition": {
"x": 1076,
"y": 822
},
"color": "#d3edf6"
},
"pointers": {
"base": "/-2/-15",
"assign": null
},
"sets": {}
},
"/682825457/176380302/731645083/1350064388": {
"parent": "/682825457/176380302/731645083",
"metaType": "Output",
"attributes": {
"name": "Out"
},
"registries": {
"position": {
"x": 476,
"y": 252
},
"cytoscapePosition": {
"x": 1170,
"y": 857
},
"color": "#ff0000"
},
"pointers": {
"base": "/-2/-17"
},
"sets": {}
},
"/682825457/176380302/731645083/1461083756": {
"parent": "/682825457/176380302/731645083",
"metaType": "Parameter",
"attributes": {
"name": "Level",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 113,
"y": 352
},
"cytoscapePosition": {
"x": 1163,
"y": 775
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/176380302/731645083/1497443297": {
"parent": "/682825457/176380302/731645083",
"metaType": "Input",
"attributes": {
"name": "In"
},
"registries": {
"position": {
"x": 108,
"y": 262
},
"cytoscapePosition": {
"x": 981,
"y": 884
},
"color": "#0000ff"
},
"pointers": {
"base": "/-2/-16"
},
"sets": {}
},
"/682825457/176380302/1155576478": {
"parent": "/682825457/176380302",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 100,
"y": 100
}
},
"pointers": {
"dst": "/682825457/176380302/731645083/1461083756",
"src": "/682825457/176380302/1461083756",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/176380302/1350064388": {
"parent": "/682825457/176380302",
"metaType": "Output",
"attributes": {
"name": "Out"
},
"registries": {
"position": {
"x": 585,
"y": 304
},
"cytoscapePosition": {
"x": 1252,
"y": 933
},
"color": "#ff0000"
},
"pointers": {
"base": "/-2/-17"
},
"sets": {}
},
"/682825457/176380302/1461083756": {
"parent": "/682825457/176380302",
"metaType": "Parameter",
"attributes": {
"name": "Level",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 62,
"y": 407
},
"cytoscapePosition": {
"x": 1212,
"y": 711
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/176380302/1497443297": {
"parent": "/682825457/176380302",
"metaType": "Input",
"attributes": {
"name": "In"
},
"registries": {
"position": {
"x": 72,
"y": 303
},
"cytoscapePosition": {
"x": 912,
"y": 946
},
"color": "#0000ff"
},
"pointers": {
"base": "/-2/-16"
},
"sets": {}
},
"/682825457/176380302/1846424107": {
"parent": "/682825457/176380302",
"metaType": "Flow",
"attributes": {
"name": "Flow"
},
"registries": {
"position": {
"x": 100,
"y": 100
},
"color": "#0000cc"
},
"pointers": {
"dst": "/682825457/176380302/731645083/1497443297",
"src": "/682825457/176380302/1497443297",
"base": "/-2/-9"
},
"sets": {}
},
"/682825457/221801812": {
"parent": "/682825457",
"metaType": "ParamFlow",
"attributes": {
"name": "ParamFlow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
}
},
"pointers": {
"dst": "/682825457/1378362467/79564293",
"src": "/682825457/79564293",
"base": "/-2/-13"
},
"sets": {}
},
"/682825457/238252169": {
"parent": "/682825457",
"metaType": "Flow",
"attributes": {
"name": "Flow"
},
"registries": {
"position": {
"x": 433.33333333333337,
"y": 153.33333333333334
},
"color": "#0000cc"
},
"pointers": {
"dst": "/682825457/860255630/1370783596",
"src": "/682825457/176380302/1350064388",
"base": "/-2/-9"
},
"sets": {}
},
"/682825457/481476388": {
"parent": "/682825457",
"metaType": "Parameter",
"attributes": {
"name": "Gain",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 756.6666666666667,
"y": 260
},
"cytoscapePosition": {
"x": 1897,
"y": 352
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/607500954": {
"parent": "/682825457",
"metaType": "Primitive",
"attributes": {
"name": "Local Oscillator",
"function": ""
},
"registries": {
"position": {
"x": 336.6666666666667,
"y": 100
},
"cytoscapePosition": {
"x": 245,
"y": 411
},
"color": "#d3edf6"
},
"pointers": {
"assign": "/1036661779/417411043",
"base": "/-2/-15"
},
"sets": {}
},
"/682825457/607500954/611011002": {
"parent": "/682825457/607500954",
"metaType": "Parameter",
"attributes": {
"name": "SamplingRate",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 160,
"y": 395
},
"cytoscapePosition": {
"x": 302,
"y": 459
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/607500954/1359958046": {
"parent": "/682825457/607500954",
"metaType": "Output",
"attributes": {
"name": "LO"
},
"registries": {
"position": {
"x": 600,
"y": 335
},
"cytoscapePosition": {
"x": 143,
"y": 478
},
"color": "#ff0000"
},
"pointers": {
"base": "/-2/-17"
},
"sets": {}
},
"/682825457/607500954/1984326042": {
"parent": "/682825457/607500954",
"metaType": "Parameter",
"attributes": {
"name": "IF Frequency",
"Size": 1,
"InitValue": "0",
"DataType": "Integer"
},
"registries": {
"position": {
"x": 140,
"y": 325
},
"cytoscapePosition": {
"x": 315,
"y": 358
},
"color": "#000000"
},
"pointers": {
"base": "/-2/-12"
},
"sets": {}
},
"/682825457/639558315": {
"parent": "/682825457",