Started bs-gantt

graflow_examples/nodesLib/nodesGantt.html

@@ -0,0 +1,37 @@
+<style>
+    .bzgf-node {
+        font-family: Arial, Helvetica, sans-serif;
+        color: black;
+        text-align: center;
+        position: absolute;
+    }    
+
+    .bzgf-node .body{ 
+        border-radius: 4px;
+        overflow: hidden;
+        height: 1.2em;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: .9em;
+        padding: 0 2px 0 2px;
+    }
+
+    .bzgf-node .port{
+        position: absolute;
+        height: 1px;
+        width: 1px;
+    }
+
+    .bzgf-node [data-direction="w"]{ left: -4px; top: 50%; }
+    .bzgf-node [data-direction="e"]{ right: -4px; top: 50%; }
+
+    .bzgf-wire{ stroke: #AAA; stroke-width: 1; }
+</style>
+
+<template>
+    <div class="bzgf-node" data-nodetype="bar">
+        <div class="port" data-type="in" data-id="inp1" data-direction="w"></div>
+        <div class="port" data-type="out" data-id="out1" data-direction="e"></div>
+        <div class="body" style="background-color:{color};width:{width}px;" title="{task}">{task}</div>
+    </div>
+</template>