nike/buildoz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rapatriated graflow examples

Browse Source
This commit is contained in:
STEINNI
2026-03-08 14:19:10 +00:00
parent 2d3a4631c8
commit f7d5f40c0f
21 changed files with 2258 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
graflow_examples/nodesLib/nodes16ports.html Normal file
View File

@@ -0,0 +1,59 @@
<style>
.bzgf-node {
font-family: Arial, Helvetica, sans-serif;
width: 50px;
height: 50px;
color: black;
text-align: center;
position: absolute;
padding: .5em;
}
.bzgf-node .body{
z-index: 1;
position: absolute;
inset: 0;
background: var(--eicui-base-color-grey-25);
border:2px solid var(--eicui-base-color-grey-50);
border-radius: 6px;
}
.bzgf-node .title {
font-weight: bold;
color: var(--app-color-black);
margin: .5em auto .2em auto;
}
.bzgf-node .subtitle {
font-size: .9em;
color: var(--eicui-base-color-primary-100);
width: 90%;
margin: auto;
}
.bzgf-node .port{
position: absolute;
height: 10px;
width: 10px;
background: var(--eicui-base-color-info-25);
border-radius: 10px;
}
.bzgf-node [data-direction="n"]{ top: -4px; left: 50%; transform: translateX(-50%);}
.bzgf-node [data-direction="s"]{ bottom: -4px; left: 50%; transform: translateX(-50%);}
.bzgf-node [data-direction="w"]{ left: -4px; top: 50%; transform: translateY(-50%);}
.bzgf-node [data-direction="e"]{ right: -4px; top: 50%; transform: translateY(-50%);}
.bzgf-wire{ stroke: var(--eicui-base-color-info); stroke-width: 4px; stroke-dasharray: 10,5; }
</style>
<template>
<div class="bzgf-node" data-nodetype="square">
<div class="body">
<div class="title">{title}</div>
<div class="subtitle">{subtitle}</div>
</div>
<div class="port" data-id="w" data-direction="w"></div>
<div class="port" data-id="n" data-direction="n"></div>
<div class="port" data-id="e" data-direction="e"></div>
<div class="port" data-id="s" data-direction="s"></div>
</div>
</template>