P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

graflow: improved ortho walkarounds

Browse Source
This commit is contained in:
STEINNI
2026-03-06 19:11:53 +00:00
parent 2d87523020
commit 24aad6bbf6
3 changed files with 257 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/html/test6.html
+1 -1
View File
@@ -48,7 +48,7 @@
overflow: scroll;
border: 2px solid black;
}
bz-graflow.compunet{ grid-column: 1 / -1; width: 100vw; height: 60vh; background:black; }
bz-graflow.compunet{ grid-column: 1 / -1; width: 100vw; height: 100vh; background:black; }
</style>
<script>
window.addEventListener('load',()=>{
app/assets/json/bzGraflow/testFlow16ports.json
+228 -57
View File
@@ -1,89 +1,250 @@
{
"nodesFile": "/app/assets/html/bzGraflow/nodes16ports.html",
"flow": {
"nodes":[
{ "nodeType": "square",
"nodes": [
{
"nodeType": "square",
"id": "p1center",
"coords": { "x": 300, "y": 200},
"markup": {
"coords": {
"x": 300,
"y": 200
},
"markup": {
"title": "Center",
"subtitle": "."
}
},
{ "nodeType": "square",
{
"nodeType": "square",
"id": "p1west",
"coords": { "x": 200, "y": 200},
"markup": {
"coords": {
"x": 200,
"y": 200
},
"markup": {
"title": "West",
"subtitle": "."
}
},
{ "nodeType": "square",
},
{
"nodeType": "square",
"id": "p1north",
"coords": { "x": 300, "y": 100},
"markup": {
"coords": {
"x": 300,
"y": 100
},
"markup": {
"title": "North",
"subtitle": "."
}
},
{ "nodeType": "square",
{
"nodeType": "square",
"id": "p1east",
"coords": { "x": 400, "y": 200},
"markup": {
"coords": {
"x": 400,
"y": 200
},
"markup": {
"title": "East",
"subtitle": "."
}
},
{ "nodeType": "square",
{
"nodeType": "square",
"id": "p1south",
"coords": { "x": 300, "y": 300},
"markup": {
"coords": {
"x": 300,
"y": 300
},
"markup": {
"title": "South",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p2center",
"coords": {
"x": 800,
"y": 200
},
"markup": {
"title": "Center",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p2west",
"coords": {
"x": 700,
"y": 200
},
"markup": {
"title": "West",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p2north",
"coords": {
"x": 800,
"y": 100
},
"markup": {
"title": "North",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p2east",
"coords": {
"x": 900,
"y": 200
},
"markup": {
"title": "East",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p2south",
"coords": {
"x": 800,
"y": 300
},
"markup": {
"title": "South",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p3center",
"coords": {
"x": 300,
"y": 600
},
"markup": {
"title": "Center",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p3west",
"coords": {
"x": 200,
"y": 600
},
"markup": {
"title": "West",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p3north",
"coords": {
"x": 300,
"y": 500
},
"markup": {
"title": "North",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p3east",
"coords": {
"x": 400,
"y": 600
},
"markup": {
"title": "East",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p3south",
"coords": {
"x": 300,
"y": 700
},
"markup": {
"title": "South",
"subtitle": "."
}
},
{ "nodeType": "square",
"id": "p2center",
"coords": { "x": 800, "y": 200},
"markup": {
"title": "Center",
"subtitle": "."
{
"nodeType": "square",
"id": "p4center",
"coords": {
"x": 800,
"y": 600
},
"markup": {
"title": "Center",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p4west",
"coords": {
"x": 700,
"y": 600
},
"markup": {
"title": "West",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p4north",
"coords": {
"x": 800,
"y": 500
},
"markup": {
"title": "North",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p4east",
"coords": {
"x": 900,
"y": 600
},
"markup": {
"title": "East",
"subtitle": "."
}
},
{
"nodeType": "square",
"id": "p4south",
"coords": {
"x": 800,
"y": 700
},
"markup": {
"title": "South",
"subtitle": "."
}
}
},
{ "nodeType": "square",
"id": "p2west",
"coords": { "x": 700, "y": 200},
"markup": {
"title": "West",
"subtitle": "."
}
},
{ "nodeType": "square",
"id": "p2north",
"coords": { "x": 800, "y": 100},
"markup": {
"title": "North",
"subtitle": "."
}
},
{ "nodeType": "square",
"id": "p2east",
"coords": { "x": 900, "y": 200},
"markup": {
"title": "East",
"subtitle": "."
}
},
{ "nodeType": "square",
"id": "p2south",
"coords": { "x": 800, "y": 300},
"markup": {
"title": "South",
"subtitle": "."
}
}
],
"links": [
{ "from": ["p1center", "s"], "to": ["p1south", "n"] },
@@ -94,7 +255,17 @@
{ "from": ["p2center", "s"], "to": ["p2south", "e"] },
{ "from": ["p2center", "e"], "to": ["p2east", "n"] },
{ "from": ["p2center", "n"], "to": ["p2north", "w"] },
{ "from": ["p2center", "w"], "to": ["p2west", "s"] }
{ "from": ["p2center", "w"], "to": ["p2west", "s"] },
{ "from": ["p3center", "s"], "to": ["p3south", "s"] },
{ "from": ["p3center", "e"], "to": ["p3east", "e"] },
{ "from": ["p3center", "n"], "to": ["p3north", "n"] },
{ "from": ["p3center", "w"], "to": ["p3west", "w"] },
{ "from": ["p4center", "s"], "to": ["p4south", "w"] },
{ "from": ["p4center", "e"], "to": ["p4east", "s"] },
{ "from": ["p4center", "n"], "to": ["p4north", "e"] },
{ "from": ["p4center", "w"], "to": ["p4west", "n"] }
]
}
}