Started adding security framework editor to frontend for better workflow documentation

2021-12-13 04:22:05 +01:00
parent ac2d734113
commit d6c29ebc6d
8 changed files with 1602 additions and 1 deletions
@@ -0,0 +1,95 @@
+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',
+				'font-size': '12px',
+				'text-algin': 'center',
+				'width': '85px',
+				'height': '85px',
+				'border-width': '1px',
+				'border-color': '#8a8a8a',
+				'color': '#f85a3e',
+				'text-margin-x': '0px',
+				'text-margin-y': 'data(text_margin_y)',
+				'background-color': '#27292d',
+				'background-image': 'data(large_image)',
+				'background-width': 'data(width)',
+				'background-height': 'data(height)',
+				'background-position-x': 'data(margin_x)',
+				'background-position-y': 'data(margin_y)',
+				'background-clip': "node",
+			}
+		},
+		{
+			selector: 'edge',
+			css: {
+				'target-arrow-shape': 'triangle',
+				'target-arrow-color': '#8a8a8a',
+				'curve-style': 'bezier',
+				'label': 'data(label)',
+				'text-wrap': 'wrap',
+				'text-max-width': '120px',
+				"color": "rgba(255,255,255,0.7)",
+				'line-style': 'dashed',
+				"line-fill": "linear-gradient",
+				"line-gradient-stop-positions": ["0.0", "100"],
+				"line-gradient-stop-colors": ["#8a8a8a", "#8a8a8a"],
+				'width': '1px',
+				'z-compound-depth': 'top',
+				'font-size': '13px',
+			},
+		},
+		{
+			selector: `edge[?human]`,
+			css: {
+				'target-arrow-color': '#6d9eeb',
+				'line-style': 'solid',
+				"line-gradient-stop-positions": ["0.0", "100"],
+				"line-gradient-stop-colors": ["#6d9eeb", "#6d9eeb"],
+			}
+		},
+		{
+			selector: `node[?middle_node]`,
+			css: {
+				'background-image': '/images/Shuffle_logo.png',
+				'height': '105px',
+				'width': '105px',
+				'background-width': '105px',
+				'background-height': '105px',
+				'background-position-x': '0px',
+				'background-position-y': '0px',
+				'border-width': '2px',
+			},
+		},
+		{
+			selector: `node[?invisible]`,
+			css: {
+				'height': '10x',
+				'width': '10px',
+				'background-position-x': '0px',
+				'background-position-y': '0px',
+				'border-width': '0px',
+				'font-size': '0px',
+			},
+		},
+		{
+			selector: `node[?font_size]`,
+			css: {
+				'font-size': 'data(font_size)',
+			},
+		},
+		{
+			selector: ".eh-preview, .eh-ghost-edge",
+			style: {
+				"background-color": "#337ab7",
+				"line-color": "#337ab7",
+				"target-arrow-color": "#337ab7",
+				"source-arrow-color": "#337ab7",
+			},
+		},
+	]
+
+export default data