frikky
246 lines
4.9 KiB
JavaScript
246 lines
4.9 KiB
JavaScript
const data = [{
|
|
selector: 'node',
|
|
css: {
|
|
'label': 'data(label)',
|
|
'text-valign': 'center',
|
|
'font-family': 'Segoe UI, Tahoma, Geneva, Verdana, sans-serif, sans-serif',
|
|
'font-weight': 'lighter',
|
|
'margin-right': '10px',
|
|
'font-size': '15px',
|
|
'width': '80px',
|
|
'height': '80px',
|
|
'color': 'white',
|
|
'padding': '10px',
|
|
'margin': '5px',
|
|
'border-width': '1px',
|
|
'text-margin-x': '10px',
|
|
}
|
|
},
|
|
{
|
|
selector: 'edge',
|
|
css: {
|
|
'target-arrow-shape': 'triangle',
|
|
'target-arrow-color': 'yellow',
|
|
'curve-style': 'unbundled-bezier',
|
|
'label': 'data(label)',
|
|
'text-margin-y': '-15px',
|
|
"line-fill": "linear-gradient",
|
|
"line-gradient-stop-colors": ["cyan", "yellow"],
|
|
"line-gradient-stop-positions": ["0.0", "100"],
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="ACTION"]`,
|
|
css: {
|
|
'shape': 'square',
|
|
'background-color': '#213243',
|
|
'border-color': '#81c784',
|
|
'background-width': '100%',
|
|
'background-height': '100%',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[?small_image]`,
|
|
css: {
|
|
'background-image': 'data(small_image)',
|
|
'text-halign': 'right',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[?large_image]`,
|
|
css: {
|
|
'background-image': 'data(large_image)',
|
|
'text-halign': 'right',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="CONDITION"]`,
|
|
css: {
|
|
'shape': 'diamond',
|
|
'border-color': '##FFEB3B',
|
|
'padding': '30px'
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="eventAction"]`,
|
|
css: {
|
|
'background-color': '#edbd21',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="TRIGGER"]`,
|
|
css: {
|
|
'shape': 'octagon',
|
|
'border-color': 'orange',
|
|
'background-color': '#213243',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[status="running"]`,
|
|
css: {
|
|
'border-color': '#81c784',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[status="stopped"]`,
|
|
css: {
|
|
'border-color': 'orange',
|
|
},
|
|
},
|
|
{
|
|
selector: 'node[type="mq"]',
|
|
css: {
|
|
'background-color': '#edbd21',
|
|
},
|
|
},
|
|
{
|
|
selector: 'node[?isStartNode]',
|
|
css: {
|
|
'shape': 'ellipse',
|
|
'border-color': '#80deea',
|
|
},
|
|
},
|
|
{
|
|
selector: "node[!is_valid]",
|
|
css: {
|
|
'border-color': 'red',
|
|
'border-width': '10px',
|
|
},
|
|
},
|
|
{
|
|
selector: 'node:selected',
|
|
css: {
|
|
'background-color': '#77b0d0',
|
|
},
|
|
},
|
|
{
|
|
selector: '.success-highlight',
|
|
css: {
|
|
'background-color': '#41dcab',
|
|
'border-color': '#41dcab',
|
|
'border-width': '5px',
|
|
'transition-property': 'background-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.failure-highlight',
|
|
css: {
|
|
'background-color': '#8e3530',
|
|
'border-color': '#8e3530',
|
|
'border-width': '5px',
|
|
'transition-property': 'background-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.not-executing-highlight',
|
|
css: {
|
|
'background-color': 'grey',
|
|
'border-color': 'grey',
|
|
'border-width': '5px',
|
|
'transition-property': '#ffef47',
|
|
'transition-duration': '0.25s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.executing-highlight',
|
|
css: {
|
|
'background-color': '#ffef47',
|
|
'border-color': '#ffef47',
|
|
'border-width': '5px',
|
|
'transition-property': 'border-width',
|
|
'transition-duration': '0.25s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.awaiting-data-highlight',
|
|
css: {
|
|
'background-color': '#f4ad42',
|
|
'border-color': '#f4ad42',
|
|
'border-width': '5px',
|
|
'transition-property': 'background-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '$node > node',
|
|
css: {
|
|
'padding-top': '10px',
|
|
'padding-left': '10px',
|
|
'padding-bottom': '10px',
|
|
'padding-right': '10px',
|
|
},
|
|
},
|
|
{
|
|
selector: 'edge.executing-highlight',
|
|
css: {
|
|
'width': '5px',
|
|
'target-arrow-color': '#ffef47',
|
|
'line-color': '#ffef47',
|
|
'transition-property': 'line-color, width',
|
|
'transition-duration': '0.25s',
|
|
},
|
|
},
|
|
{
|
|
selector: 'edge.success-highlight',
|
|
css: {
|
|
'width': '5px',
|
|
'target-arrow-color': '#399645',
|
|
'line-color': '#399645',
|
|
'transition-property': 'line-color, width',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: 'edge[?hasErrors]',
|
|
css: {
|
|
'target-arrow-color': '#991818',
|
|
'line-color': '#991818',
|
|
'line-style': 'dashed'
|
|
},
|
|
},
|
|
{
|
|
selector: '.eh-handle',
|
|
style: {
|
|
'background-color': '#337ab7',
|
|
'width': '1px',
|
|
'height': '1px',
|
|
'shape': 'circle',
|
|
'border-width': '1px',
|
|
'border-color': 'black'
|
|
}
|
|
},
|
|
{
|
|
selector: '.eh-source',
|
|
style: {
|
|
'border-width': '3',
|
|
'border-color': '#337ab7'
|
|
}
|
|
},
|
|
{
|
|
selector: '.eh-target',
|
|
style: {
|
|
'border-width': '3',
|
|
'border-color': '#337ab7'
|
|
}
|
|
},
|
|
{
|
|
selector: '.eh-preview, .eh-ghost-edge',
|
|
style: {
|
|
'background-color': '#337ab7',
|
|
'line-color': '#337ab7',
|
|
'target-arrow-color': '#337ab7',
|
|
'source-arrow-color': '#337ab7'
|
|
}
|
|
},
|
|
{
|
|
selector: 'edge:selected',
|
|
css: {
|
|
'target-arrow-color': '#f85a3e',
|
|
},
|
|
}
|
|
]
|
|
|
|
export default data
|