frikky
402 lines
8.6 KiB
JavaScript
402 lines
8.6 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': '18px',
|
|
'width': '80px',
|
|
'height': '80px',
|
|
'color': 'white',
|
|
'padding': '10px',
|
|
'margin': '5px',
|
|
'border-width': '1px',
|
|
'text-margin-x': '10px',
|
|
'cursor': 'pointer',
|
|
"z-index": 5001,
|
|
}
|
|
},
|
|
{
|
|
selector: 'edge',
|
|
css: {
|
|
'target-arrow-shape': 'triangle',
|
|
'target-arrow-color': 'grey',
|
|
'curve-style': 'unbundled-bezier',
|
|
'label': 'data(label)',
|
|
'text-margin-y': '-15px',
|
|
'width': '5px',
|
|
"color": "white",
|
|
'cursor': 'pointer',
|
|
"line-fill": "linear-gradient",
|
|
"line-gradient-stop-positions": ["0.0", "100"],
|
|
"line-gradient-stop-colors": ["grey", "grey"],
|
|
"z-index": 5001,
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="ACTION"]`,
|
|
css: {
|
|
'shape': 'roundrectangle',
|
|
'background-color': '#213243',
|
|
'border-color': '#81c784',
|
|
'background-width': '100%',
|
|
'background-height': '100%',
|
|
'border-radius': '5px',
|
|
'z-index': 5001,
|
|
},
|
|
},
|
|
{
|
|
selector: `node[type="COMMENT"]`,
|
|
css: {
|
|
'shape': 'roundrectangle',
|
|
'background-color': 'data(backgroundcolor)',
|
|
'border-color': '#ffffff',
|
|
'color': 'data(color)',
|
|
'width': 'data(width)',
|
|
'height': 'data(height)',
|
|
'border-radius': '5px',
|
|
"background-opacity": "0.5",
|
|
'padding': '0px',
|
|
'margin': '0px',
|
|
'text-margin-x': '0px',
|
|
'z-index': 4999,
|
|
},
|
|
},
|
|
{
|
|
selector: `node[app_name="Shuffle Tools"]`,
|
|
css: {
|
|
'width': '30px',
|
|
'height': '30px',
|
|
'z-index': 5000,
|
|
'font-size': '0px',
|
|
'background-width': '75%',
|
|
'background-height': '75%',
|
|
'background-color': 'data(iconBackground)',
|
|
'background-fill': 'data(fillstyle)',
|
|
'background-gradient-direction': 'to-right',
|
|
'background-gradient-stop-colors': 'data(fillGradient)',
|
|
}
|
|
},
|
|
{
|
|
selector: `node[app_name="Testing"]`,
|
|
css: {
|
|
'width': '30px',
|
|
'height': '30px',
|
|
'z-index': 5000,
|
|
'font-size': '0px',
|
|
},
|
|
},
|
|
{
|
|
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-radius': '5px',
|
|
'border-color': 'orange',
|
|
'background-color': '#213243',
|
|
'background-width': '100%',
|
|
'background-height': '100%',
|
|
},
|
|
},
|
|
{
|
|
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[?isButton]',
|
|
css: {
|
|
'shape': 'ellipse',
|
|
'width': '15px',
|
|
'height': '15px',
|
|
'z-index': '5002',
|
|
'font-size': '0px',
|
|
'border': '1px solid rgba(255,255,255,0.9)',
|
|
'background-image': 'data(icon)',
|
|
'background-color': 'data(iconBackground)',
|
|
},
|
|
},
|
|
{
|
|
selector: 'node[?isDescriptor]',
|
|
css: {
|
|
'shape': 'ellipse',
|
|
'border-color': '#80deea',
|
|
'width': '5px',
|
|
'height': '5px',
|
|
'z-index': '5002',
|
|
'font-size': '10px',
|
|
'text-valign': 'center',
|
|
'text-halign': 'center',
|
|
'border': '1px solid black',
|
|
'margin-right': '0px',
|
|
'text-margin-x': '0px',
|
|
'background-color': 'data(imageColor)',
|
|
'background-image': 'data(image)',
|
|
},
|
|
},
|
|
{
|
|
selector: 'node[?isStartNode]',
|
|
css: {
|
|
'shape': 'ellipse',
|
|
'border-color': '#80deea',
|
|
'width': '80px',
|
|
'height': '80px',
|
|
'font-size': '18px',
|
|
'background-width': '100%',
|
|
'background-height': '100%',
|
|
},
|
|
},
|
|
{
|
|
selector: "node[!is_valid]",
|
|
css: {
|
|
'border-color': 'red',
|
|
'border-width': '10px',
|
|
},
|
|
},
|
|
{
|
|
selector: ':selected',
|
|
css: {
|
|
'background-color': '#77b0d0',
|
|
'border-color': '#77b0d0',
|
|
'border-width': '20px',
|
|
},
|
|
},
|
|
{
|
|
selector: '.skipped-highlight',
|
|
css: {
|
|
'background-color': 'grey',
|
|
'border-color': 'grey',
|
|
'border-width': '8px',
|
|
'transition-property': 'background-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.success-highlight',
|
|
css: {
|
|
'background-color': '#41dcab',
|
|
'border-color': '#41dcab',
|
|
'border-width': '5px',
|
|
'transition-property': 'background-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.hover-highlight',
|
|
css: {
|
|
'background-color': '#5f9265',
|
|
'border-color': '#5f9265',
|
|
'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': '8px',
|
|
'transition-property': 'border-width',
|
|
'transition-duration': '0.25s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.awaiting-data-highlight',
|
|
css: {
|
|
'background-color': '#f4ad42',
|
|
'border-color': '#f4ad42',
|
|
'border-width': '5px',
|
|
'transition-property': 'border-color',
|
|
'transition-duration': '0.5s',
|
|
},
|
|
},
|
|
{
|
|
selector: '.shuffle-hover-highlight',
|
|
css: {
|
|
'background-color': "#f85a3e",
|
|
'border-color': '#f85a3e',
|
|
'border-width': '12px',
|
|
'transition-property': 'border-width',
|
|
'transition-duration': '0.25s',
|
|
'label': 'data(label)',
|
|
'font-size': '18px',
|
|
'color': 'white',
|
|
},
|
|
},
|
|
{
|
|
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[?decorator]`,
|
|
css: {
|
|
'width': '1px',
|
|
'line-style': 'dashed',
|
|
"line-fill": "linear-gradient",
|
|
'target-arrow-color': '#f34079',
|
|
"line-gradient-stop-positions": ["0.0", "100"],
|
|
"line-gradient-stop-colors": ["#f86a3e", "#f34079"],
|
|
},
|
|
},
|
|
{
|
|
selector: 'edge.success-highlight',
|
|
css: {
|
|
'width': '5px',
|
|
'target-arrow-color': '#41dcab',
|
|
'line-color': '#41dcab',
|
|
'transition-property': 'line-color, width',
|
|
'transition-duration': '0.5s',
|
|
"line-fill": "linear-gradient",
|
|
"line-gradient-stop-positions": ["0.0", "100"],
|
|
"line-gradient-stop-colors": ["#41dcab", "#41dcab"],
|
|
},
|
|
},
|
|
{
|
|
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',
|
|
},
|
|
},
|
|
{
|
|
selector: `edge[?source_workflow]`,
|
|
css: {
|
|
"background-opacity": "1",
|
|
'font-size': '0px',
|
|
},
|
|
},
|
|
{
|
|
selector: `node[?source_workflow]`,
|
|
css: {
|
|
"background-opacity": "0",
|
|
'font-size': '0px',
|
|
},
|
|
},
|
|
]
|
|
|
|
//{
|
|
// selector: 'edge[?hasErrors]',
|
|
// css: {
|
|
// 'target-arrow-color': '#991818',
|
|
// 'line-color': '#991818',
|
|
// 'line-style': 'dashed',
|
|
// "line-fill": "linear-gradient",
|
|
// "line-gradient-stop-positions": ["0.0", "100"],
|
|
// "line-gradient-stop-colors": ["#991818", "#991818"],
|
|
// },
|
|
//},
|
|
|
|
|
|
export default data
|