public IActionResult ComplexHierarchicalLayout() { ViewBag.Nodes = ComplexHierarchicalDataDetails.GetAllRecords(); ViewBag.getNodeDefaults = "nodeDefaults"; ViewBag.getConnectorDefaults = "connectorDefaults"; DiagramMargin margin = new DiagramMargin() { Left = 10, Top = 50 }; ViewBag.marginValue = margin; return(View()); }
public IActionResult Serialization() { List <DiagramNodeAnnotation> Node1 = new List <DiagramNodeAnnotation>(); Node1.Add(new DiagramNodeAnnotation() { Content = "Start" }); List <DiagramNodeAnnotation> Node2 = new List <DiagramNodeAnnotation>(); Node2.Add(new DiagramNodeAnnotation() { Content = "Alarm Rings" }); List <DiagramNodeAnnotation> Node3 = new List <DiagramNodeAnnotation>(); Node3.Add(new DiagramNodeAnnotation() { Content = "Ready to Get Up" }); List <DiagramNodeAnnotation> Node4 = new List <DiagramNodeAnnotation>(); Node4.Add(new DiagramNodeAnnotation() { Content = "Climb Out of Bed" }); List <DiagramNodeAnnotation> Node5 = new List <DiagramNodeAnnotation>(); Node5.Add(new DiagramNodeAnnotation() { Content = "End" }); List <DiagramNodeAnnotation> Node6 = new List <DiagramNodeAnnotation>(); Node6.Add(new DiagramNodeAnnotation() { Content = "Relay" }); List <DiagramNodeAnnotation> Node7 = new List <DiagramNodeAnnotation>(); Node7.Add(new DiagramNodeAnnotation() { Content = "Hit Snooze Button", Margin = new DiagramMargin() { Left = 10, Right = 10, Bottom = 10, Top = 10 } }); List <DiagramNode> Nodes = new List <DiagramNode>(); List <DiagramConnectorAnnotation> Connector1 = new List <DiagramConnectorAnnotation>(); Connector1.Add(new DiagramConnectorAnnotation() { Content = "Yes", Style = new DiagramTextStyle() { Fill = "White" } }); List <DiagramConnectorAnnotation> Connector2 = new List <DiagramConnectorAnnotation>(); Connector2.Add(new DiagramConnectorAnnotation() { Content = "No", Style = new DiagramTextStyle() { Fill = "White" } }); Nodes.Add(new DiagramNode() { Id = "Start", OffsetX = 250, OffsetY = 60, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#d0f0f1", StrokeColor = "#797979" }, Annotations = Node1, Shape = new { type = "Flow", shape = "Terminator" } }); Nodes.Add(new DiagramNode() { Id = "Alarm", OffsetX = 250, OffsetY = 160, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = Node2, Shape = new { type = "Flow", shape = "Process" } }); Nodes.Add(new DiagramNode() { Id = "Ready", OffsetX = 250, OffsetY = 260, Width = 100, Height = 80, Style = new DiagramShapeStyle() { Fill = "#c5efaf", StrokeColor = "#797979" }, Annotations = Node3, Shape = new { type = "Flow", shape = "Decision" } }); Nodes.Add(new DiagramNode() { Id = "Climb", OffsetX = 250, OffsetY = 370, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = Node4, Shape = new { type = "Flow", shape = "Process" } }); Nodes.Add(new DiagramNode() { Id = "End", OffsetX = 250, OffsetY = 460, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#d0f0f1", StrokeColor = "#797979" }, Annotations = Node5, Shape = new { type = "Flow", shape = "Terminator" } }); Nodes.Add(new DiagramNode() { Id = "Relay", OffsetX = 450, OffsetY = 160, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#f8eee5", StrokeColor = "#797979" }, Annotations = Node6, Shape = new { type = "Flow", shape = "Delay" } }); Nodes.Add(new DiagramNode() { Id = "Hit", OffsetX = 450, OffsetY = 260, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = Node7, Shape = new { type = "Flow", shape = "Process" } }); List <DiagramConnector> Connectors = new List <DiagramConnector>(); Connectors.Add(new DiagramConnector() { Id = "connector1", SourceID = "Start", TargetID = "Alarm", }); Connectors.Add(new DiagramConnector() { Id = "connector2", SourceID = "Alarm", TargetID = "Ready" }); Connectors.Add(new DiagramConnector() { Id = "connector3", SourceID = "Ready", TargetID = "Climb", Annotations = Connector1 }); Connectors.Add(new DiagramConnector() { Id = "connector4", SourceID = "Climb", TargetID = "End" }); Connectors.Add(new DiagramConnector() { Id = "connector5", SourceID = "Ready", TargetID = "Hit", Annotations = Connector2 }); Connectors.Add(new DiagramConnector() { Id = "connector6", SourceID = "Hit", TargetID = "Relay" }); Connectors.Add(new DiagramConnector() { Id = "connector7", SourceID = "Relay", TargetID = "Alarm" }); ViewBag.nodes = Nodes; ViewBag.connectors = Connectors; List <DiagramNode> SymbolPaletee = new List <DiagramNode>(); SymbolPaletee.Add(new DiagramNode() { Id = "Terminator", Shape = new { type = "Flow", shape = "Terminator" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Process", Shape = new { type = "Flow", shape = "Process" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Decision", Shape = new { type = "Flow", shape = "Decision" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Document", Shape = new { type = "Flow", shape = "Document" } }); SymbolPaletee.Add(new DiagramNode() { Id = "PreDefinedProcess", Shape = new { type = "Flow", shape = "PreDefinedProcess" } }); SymbolPaletee.Add(new DiagramNode() { Id = "PaperTap", Shape = new { type = "Flow", shape = "PaperTap" } }); SymbolPaletee.Add(new DiagramNode() { Id = "DirectData", Shape = new { type = "Flow", shape = "DirectData" } }); SymbolPaletee.Add(new DiagramNode() { Id = "SequentialData", Shape = new { type = "Flow", shape = "SequentialData" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Sort", Shape = new { type = "Flow", shape = "Sort" } }); SymbolPaletee.Add(new DiagramNode() { Id = "MultiDocument", Shape = new { type = "Flow", shape = "MultiDocument" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Collate", Shape = new { type = "Flow", shape = "Collate" } }); SymbolPaletee.Add(new DiagramNode() { Id = "SummingJunction", Shape = new { type = "Flow", shape = "SummingJunction" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Or", Shape = new { type = "Flow", shape = "Or" } }); SymbolPaletee.Add(new DiagramNode() { Id = "InternalStorage", Shape = new { type = "Flow", shape = "InternalStorage" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Extract", Shape = new { type = "Flow", shape = "Extract" } }); SymbolPaletee.Add(new DiagramNode() { Id = "ManualOperation", Shape = new { type = "Flow", shape = "ManualOperation" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Merge", Shape = new { type = "Flow", shape = "Merge" } }); SymbolPaletee.Add(new DiagramNode() { Id = "OffPageReference", Shape = new { type = "Flow", shape = "OffPageReference" } }); SymbolPaletee.Add(new DiagramNode() { Id = "SequentialAccessStorage", Shape = new { type = "Flow", shape = "SequentialAccessStorage" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Annotation", Shape = new { type = "Flow", shape = "Annotation" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Annotation2", Shape = new { type = "Flow", shape = "Annotation2" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Data", Shape = new { type = "Flow", shape = "Data" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Card", Shape = new { type = "Flow", shape = "Card" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Delay", Shape = new { type = "Flow", shape = "Delay" } }); List <DiagramConnector> SymbolPaletteConnectors = new List <DiagramConnector>(); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link1", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link2", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link3", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link4", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link5", Type = Segments.Bezier, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); List <SymbolPalettePalette> Palette = new List <SymbolPalettePalette>(); Palette.Add(new SymbolPalettePalette() { Id = "flow", Expanded = true, Symbols = SymbolPaletee, IconCss = "e-ddb-icons1 e-flow", Title = "Flow Shapes" }); Palette.Add(new SymbolPalettePalette() { Id = "connectors", Expanded = true, Symbols = SymbolPaletteConnectors, IconCss = "e-ddb-icons1 e-connector", Title = "Connectors" }); ViewBag.Palette = Palette; ViewBag.Spconnectors = SymbolPaletteConnectors; double[] intervals = { 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75 }; DiagramGridlines grIdLines = new DiagramGridlines() { LineColor = "#e0e0e0", LineIntervals = intervals }; ViewBag.gridLines = grIdLines; DiagramMargin margin = new DiagramMargin() { Left = 15, Right = 15, Bottom = 15, Top = 15 }; ViewBag.margin = margin; ViewBag.getSymbolInfo = "getSymbolInfo"; return(View()); }
public IActionResult SymbolPalette() { List <DiagramNode> SymbolPaletee = new List <DiagramNode>(); SymbolPaletee.Add(new DiagramNode() { Id = "Terminator", Shape = new { type = "Flow", shape = "Terminator" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Terminator", Shape = new { type = "Flow", shape = "Terminator" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Process", Shape = new { type = "Flow", shape = "Process" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Decision", Shape = new { type = "Flow", shape = "Decision" } }); SymbolPaletee.Add(new DiagramNode() { Id = "Document", Shape = new { type = "Flow", shape = "Document" } }); SymbolPaletee.Add(new DiagramNode() { Id = "PreDefinedProcess", Shape = new { type = "Flow", shape = "PreDefinedProcess" } }); SymbolPaletee.Add(new DiagramNode() { Id = "PaperTap", Shape = new { type = "Flow", shape = "PaperTap" } }); SymbolPaletee.Add(new DiagramNode() { Id = "DirectData", Shape = new { type = "Flow", shape = "DirectData" } }); SymbolPaletee.Add(new DiagramNode() { Id = "SequentialData", Shape = new { type = "Flow", shape = "SequentialData" } }); List <DiagramNode> BasicNodes = new List <DiagramNode>(); BasicNodes.Add(new DiagramNode() { Id = "Rectangle", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Rectangle } }); BasicNodes.Add(new DiagramNode() { Id = "Ellipse", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Ellipse } }); BasicNodes.Add(new DiagramNode() { Id = "Parallelogram", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Parallelogram } }); BasicNodes.Add(new DiagramNode() { Id = "Triangle", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Triangle } }); BasicNodes.Add(new DiagramNode() { Id = "Hexagon", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Hexagon } }); BasicNodes.Add(new DiagramNode() { Id = "Pentagon", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Pentagon } }); BasicNodes.Add(new DiagramNode() { Id = "Cylinder", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Cylinder } }); BasicNodes.Add(new DiagramNode() { Id = "Star", Shape = new DiagramBasicShape() { Type = Syncfusion.EJ2.Diagrams.Shapes.Basic, Shape = BasicShapes.Star } }); ViewBag.BasicShapes = BasicNodes; List <DiagramConnector> connector = new List <DiagramConnector>(); connector.Add(new DiagramConnector() { Id = "link1", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow, Style = new DiagramShapeStyle() { StrokeColor = "#757575", Fill = "#757575" } }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); connector.Add(new DiagramConnector() { Id = "link3", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); connector.Add(new DiagramConnector() { Id = "Link21", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow, Style = new DiagramShapeStyle() { StrokeColor = "#757575", Fill = "#757575" } }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); connector.Add(new DiagramConnector() { Id = "link23", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); connector.Add(new DiagramConnector() { Id = "link33", Type = Segments.Bezier, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); ViewBag.Connectors = connector; List <SymbolPalettePalette> palettes = new List <SymbolPalettePalette>(); palettes.Add(new SymbolPalettePalette() { Id = "flow", Expanded = true, Symbols = SymbolPaletee, IconCss = "e-ddb-icons e-basic", Title = "Flow Shapes" }); palettes.Add(new SymbolPalettePalette() { Id = "basic", Expanded = true, Symbols = BasicNodes, IconCss = "e-ddb-icons e-flow", Title = "Basic Shapes" }); palettes.Add(new SymbolPalettePalette() { Id = "connectors", Expanded = true, Symbols = connector, IconCss = "e-ddb-icons e-connector", Title = "Connectors" }); ViewBag.palettes = palettes; List <ExpandOptions> expand = new List <ExpandOptions>(); expand.Add(new ExpandOptions() { text = "Single", value = "single" }); expand.Add(new ExpandOptions() { text = "Multiple", value = "multiple" }); ViewBag.expand = expand; DiagramMargin margin = new DiagramMargin() { Left = 15, Bottom = 15, Right = 15, Top = 15 }; ViewBag.margin = margin; ViewBag.getNodeDefaults = "getNodeDefaults"; ViewBag.getSymbolInfo = "getSymbolInfo"; ViewBag.valueChanged = "valueChanged"; ViewBag.expandValue = "Multiple"; return(View()); }
public DiagramConnector AddConnector(string Id, string SourceID, string SourcePortID, string TargetID, Segments type, List <DiagramConnectorAnnotation> annotation, DiagramMargin margin, DiagramStrokeStyle style) { DiagramConnector connector = new DiagramConnector(); connector.Id = Id; connector.SourceID = SourceID; if (SourcePortID != "") { connector.SourcePortID = SourcePortID; } connector.TargetID = TargetID; connector.Type = type; connector.Annotations = annotation; connector.Style = style; connector.Margin = margin; return(connector); }
public DiagramNode AddBpmnEvent(string Id, double width, double height, double offSetX, double offsetY, BpmnEvents events, DiagramMargin margin, List <DiagramNodeAnnotation> annotation, BpmnTriggers trigger = BpmnTriggers.None) { DiagramNode node = new DiagramNode(); node.Id = Id; node.Width = width; node.Height = height; node.OffsetX = offSetX; node.OffsetY = offsetY; node.Margin = margin; node.Annotations = annotation; node.Shape = new BpmnShapes() { Type = "Bpmn", Shape = "Event", Event = new DiagramBpmnEvent() { Event = events, Trigger = trigger }, }; return(node); }
// GET: Serialization public ActionResult Serialization() { List <DiagramNode> nodes = new List <DiagramNode>(); nodes.Add(new DiagramNode() { Id = "Start", OffsetX = 150, OffsetY = 80, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#d0f0f1", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Start" } }, Shape = new { type = "Flow", shape = "Terminator" } }); nodes.Add(new DiagramNode() { Id = "Alarm", OffsetX = 150, OffsetY = 160, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Alarm Rings" } }, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "Ready", OffsetX = 150, OffsetY = 240, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#c5efaf", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Ready to Get Up" } }, Shape = new { type = "Flow", shape = "Decision" } }); nodes.Add(new DiagramNode() { Id = "Climb", OffsetX = 150, OffsetY = 330, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Climb Out of Bed" } }, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "End", OffsetX = 150, OffsetY = 430, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#d0f0f1", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "End" } }, Shape = new { type = "Flow", shape = "Terminator" } }); nodes.Add(new DiagramNode() { Id = "Relay", OffsetX = 350, OffsetY = 160, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#f8eee5", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Relay" } }, Shape = new { type = "Flow", shape = "Delay" } }); nodes.Add(new DiagramNode() { Id = "Hit", OffsetX = 350, OffsetY = 240, Width = 100, Height = 50, Style = new DiagramShapeStyle() { Fill = "#fbfdc5", StrokeColor = "#797979" }, Annotations = new List <DiagramNodeAnnotation>() { new DiagramNodeAnnotation() { Content = "Hit Snooze Button", Margin = new DiagramMargin() { Left = 10, Right = 10, Bottom = 10, Top = 10 } } }, Shape = new { type = "Flow", shape = "Process" } }); List <DiagramConnector> connectors = new List <DiagramConnector>(); connectors.Add(new DiagramConnector() { Id = "connector1", SourceID = "Start", TargetID = "Alarm" }); connectors.Add(new DiagramConnector() { Id = "connector2", SourceID = "Alarm", TargetID = "Ready" }); connectors.Add(new DiagramConnector() { Id = "connector3", SourceID = "Ready", TargetID = "Climb" }); connectors.Add(new DiagramConnector() { Id = "connector4", SourceID = "Climb", TargetID = "End" }); connectors.Add(new DiagramConnector() { Id = "connector5", SourceID = "Ready", TargetID = "Hit" }); connectors.Add(new DiagramConnector() { Id = "connector6", SourceID = "Hit", TargetID = "Relay" }); connectors.Add(new DiagramConnector() { Id = "connector7", SourceID = "Relay", TargetID = "Alarm" }); ViewBag.nodes = nodes; ViewBag.connectors = connectors; List <DiagramNode> flowShapes = new List <DiagramNode>(); flowShapes.Add(new DiagramNode() { Id = "Terminator", Shape = new { type = "Flow", shape = "Terminator" } }); flowShapes.Add(new DiagramNode() { Id = "Process", Shape = new { type = "Flow", shape = "Process" } }); flowShapes.Add(new DiagramNode() { Id = "Decision", Shape = new { type = "Flow", shape = "Decision" } }); flowShapes.Add(new DiagramNode() { Id = "Document", Shape = new { type = "Flow", shape = "Document" } }); flowShapes.Add(new DiagramNode() { Id = "PreDefinedProcess", Shape = new { type = "Flow", shape = "PreDefinedProcess" } }); flowShapes.Add(new DiagramNode() { Id = "PaperTap", Shape = new { type = "Flow", shape = "PaperTap" } }); flowShapes.Add(new DiagramNode() { Id = "DirectData", Shape = new { type = "Flow", shape = "DirectData" } }); flowShapes.Add(new DiagramNode() { Id = "SequentialData", Shape = new { type = "Flow", shape = "SequentialData" } }); flowShapes.Add(new DiagramNode() { Id = "Sort", Shape = new { type = "Flow", shape = "Sort" } }); flowShapes.Add(new DiagramNode() { Id = "MultiDocument", Shape = new { type = "Flow", shape = "MultiDocument" } }); flowShapes.Add(new DiagramNode() { Id = "Collate", Shape = new { type = "Flow", shape = "Collate" } }); flowShapes.Add(new DiagramNode() { Id = "SummingJunction", Shape = new { type = "Flow", shape = "SummingJunction" } }); flowShapes.Add(new DiagramNode() { Id = "Or", Shape = new { type = "Flow", shape = "Or" } }); flowShapes.Add(new DiagramNode() { Id = "InternalStorage", Shape = new { type = "Flow", shape = "InternalStorage" } }); flowShapes.Add(new DiagramNode() { Id = "Extract", Shape = new { type = "Flow", shape = "Extract" } }); flowShapes.Add(new DiagramNode() { Id = "ManualOperation", Shape = new { type = "Flow", shape = "ManualOperation" } }); flowShapes.Add(new DiagramNode() { Id = "Merge", Shape = new { type = "Flow", shape = "Merge" } }); flowShapes.Add(new DiagramNode() { Id = "OffPageReference", Shape = new { type = "Flow", shape = "OffPageReference" } }); flowShapes.Add(new DiagramNode() { Id = "SequentialAccessStorage", Shape = new { type = "Flow", shape = "SequentialAccessStorage" } }); flowShapes.Add(new DiagramNode() { Id = "Annotation", Shape = new { type = "Flow", shape = "Annotation" } }); flowShapes.Add(new DiagramNode() { Id = "Annotation2", Shape = new { type = "Flow", shape = "Annotation2" } }); flowShapes.Add(new DiagramNode() { Id = "Data", Shape = new { type = "Flow", shape = "Data" } }); flowShapes.Add(new DiagramNode() { Id = "Card", Shape = new { type = "Flow", shape = "Card" } }); flowShapes.Add(new DiagramNode() { Id = "Delay", Shape = new { type = "Flow", shape = "Delay" } }); List <DiagramConnector> paletteConnectors = new List <DiagramConnector>(); paletteConnectors.Add(new DiagramConnector() { Id = "Link1", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow, Style = new DiagramShapeStyle() { StrokeColor = "#757575", Fill = "#757575" } }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); paletteConnectors.Add(new DiagramConnector() { Id = "Link2", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); paletteConnectors.Add(new DiagramConnector() { Id = "Link3", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow, Style = new DiagramShapeStyle() { StrokeColor = "#757575", Fill = "#757575" } }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); paletteConnectors.Add(new DiagramConnector() { Id = "Link4", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); paletteConnectors.Add(new DiagramConnector() { Id = "Link5", Type = Segments.Bezier, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2, StrokeColor = "#757575" } }); List <SymbolPalettePalette> palettes = new List <SymbolPalettePalette>(); palettes.Add(new SymbolPalettePalette() { Id = "flow", Expanded = true, Symbols = flowShapes, IconCss = "shapes", Title = "Flow Shapes" }); palettes.Add(new SymbolPalettePalette() { Id = "connectors", Expanded = true, Symbols = paletteConnectors, IconCss = "shapes", Title = "Connectors" }); ViewBag.Palette = palettes; ViewBag.Spconnectors = paletteConnectors; double[] intervals = { 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75 }; DiagramGridlines grIdLines = new DiagramGridlines() { LineColor = "#e0e0e0", LineIntervals = intervals }; ViewBag.gridLines = grIdLines; DiagramMargin margin = new DiagramMargin() { Left = 15, Right = 15, Bottom = 15, Top = 15 }; ViewBag.margin = margin; return(View()); }
// GET= DefaultFunctionalities public ActionResult DefaultFunctionalities() { List <DiagramNode> nodes = new List <DiagramNode>(); List <DiagramNodeAnnotation> Node1 = new List <DiagramNodeAnnotation>(); Node1.Add(new DiagramNodeAnnotation() { Content = "Place Order", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node2 = new List <DiagramNodeAnnotation>(); Node2.Add(new DiagramNodeAnnotation() { Content = "Start Transaction", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node3 = new List <DiagramNodeAnnotation>(); Node3.Add(new DiagramNodeAnnotation() { Content = "Verification", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node4 = new List <DiagramNodeAnnotation>(); Node4.Add(new DiagramNodeAnnotation() { Content = "Credit Card ValId?", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node5 = new List <DiagramNodeAnnotation>(); Node5.Add(new DiagramNodeAnnotation() { Content = "Funds Available", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node6 = new List <DiagramNodeAnnotation>(); Node6.Add(new DiagramNodeAnnotation() { Content = "Enter Payment Method", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node7 = new List <DiagramNodeAnnotation>(); Node7.Add(new DiagramNodeAnnotation() { Content = "Log Transaction", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node8 = new List <DiagramNodeAnnotation>(); Node8.Add(new DiagramNodeAnnotation() { Content = "Reconcile the entries", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node9 = new List <DiagramNodeAnnotation>(); Node9.Add(new DiagramNodeAnnotation() { Content = "Complete Transaction", Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node10 = new List <DiagramNodeAnnotation>(); Node10.Add(new DiagramNodeAnnotation() { Content = "Send E-mail", Margin = new DiagramMargin() { Left = 25, Right = 25 }, Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramNodeAnnotation> Node11 = new List <DiagramNodeAnnotation>(); Node11.Add(new DiagramNodeAnnotation() { Content = "Customer Database", Margin = new DiagramMargin() { Left = 25, Right = 25 }, Style = new DiagramTextStyle() { Color = "white", Fill = "transparent" } }); List <DiagramConnectorAnnotation> Connector1 = new List <DiagramConnectorAnnotation>(); Connector1.Add(new DiagramConnectorAnnotation() { Content = "Yes", Style = new DiagramTextStyle() { Fill = "White" } }); List <DiagramConnectorAnnotation> Connector2 = new List <DiagramConnectorAnnotation>(); Connector2.Add(new DiagramConnectorAnnotation() { Content = "Yes", Style = new DiagramTextStyle() { Fill = "White" } }); List <DiagramConnectorAnnotation> Connector3 = new List <DiagramConnectorAnnotation>(); Connector3.Add(new DiagramConnectorAnnotation() { Content = "No", Style = new DiagramTextStyle() { Fill = "White" } }); nodes.Add(new DiagramNode() { Id = "NewIdea", OffsetY = 80, OffsetX = 340, Height = 60, Annotations = Node1, Shape = new { type = "Flow", shape = "Terminator" } }); nodes.Add(new DiagramNode() { Id = "Meeting", OffsetX = 340, OffsetY = 160, Height = 60, Annotations = Node2, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "BoardDecision", OffsetX = 340, OffsetY = 240, Height = 60, Annotations = Node3, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "Project", OffsetX = 340, OffsetY = 330, Height = 60, Annotations = Node4, Shape = new { type = "Flow", shape = "Decision" } }); nodes.Add(new DiagramNode() { Id = "End", OffsetY = 430, OffsetX = 340, Height = 60, Annotations = Node5, Shape = new { type = "Flow", shape = "Decision" } }); nodes.Add(new DiagramNode() { Id = "node11", OffsetY = 330, OffsetX = 550, Height = 60, Annotations = Node6, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "transaction_entered", OffsetY = 630, OffsetX = 340, Height = 60, Annotations = Node7, Shape = new { type = "Flow", shape = "Terminator" } }); nodes.Add(new DiagramNode() { Id = "node12", OffsetY = 630, OffsetX = 550, Height = 60, Annotations = Node8, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "transaction_completed", OffsetY = 530, OffsetX = 340, Height = 60, Annotations = Node9, Shape = new { type = "Flow", shape = "Process" } }); nodes.Add(new DiagramNode() { Id = "Data", OffsetY = 530, OffsetX = 120, Height = 60, Annotations = Node10, Shape = new { type = "Flow", shape = "Data" } }); nodes.Add(new DiagramNode() { Id = "node10", OffsetY = 530, OffsetX = 550, Height = 60, Annotations = Node11, Shape = new { type = "Flow", shape = "DirectData" } }); List <DiagramConnector> Connectors = new List <DiagramConnector>(); Connectors.Add(new DiagramConnector() { Id = "connector1", SourceID = "NewIdea", TargetID = "Meeting", }); Connectors.Add(new DiagramConnector() { Id = "connector2", SourceID = "Meeting", TargetID = "BoardDecision" }); Connectors.Add(new DiagramConnector() { Id = "connector3", SourceID = "BoardDecision", TargetID = "Project" }); Connectors.Add(new DiagramConnector() { Id = "connector4", SourceID = "Project", TargetID = "End", Annotations = Connector1 }); Connectors.Add(new DiagramConnector() { Id = "connector5", SourceID = "End", TargetID = "transaction_completed", Annotations = Connector2 }); Connectors.Add(new DiagramConnector() { Id = "connector6", SourceID = "transaction_completed", TargetID = "transaction_entered" }); Connectors.Add(new DiagramConnector() { Id = "connector7", SourceID = "transaction_completed", TargetID = "Data" }); Connectors.Add(new DiagramConnector() { Id = "connector8", SourceID = "transaction_completed", TargetID = "node10" }); Connectors.Add(new DiagramConnector() { Id = "connector9", SourceID = "node11", TargetID = "Meeting" }); Connectors.Add(new DiagramConnector() { Id = "connector10", SourceID = "End", TargetID = "node11" }); Connectors.Add(new DiagramConnector() { Id = "connector11", SourceID = "Project", TargetID = "node11", Annotations = Connector3 }); Connectors.Add(new DiagramConnector() { Id = "connector12", SourceID = "transaction_entered", TargetID = "node12", Style = new DiagramStrokeStyle() { StrokeDashArray = "2,2" } }); ViewBag.nodes = nodes; ViewBag.connectors = Connectors; List <Syncfusion.EJ2.Diagrams.DiagramNode> flowShapes = new List <Syncfusion.EJ2.Diagrams.DiagramNode>(); flowShapes.Add(new DiagramNode() { Id = "Terminator", Shape = new { type = "Flow", shape = "Terminator" } }); flowShapes.Add(new DiagramNode() { Id = "Process", Shape = new { type = "Flow", shape = "Process" } }); flowShapes.Add(new DiagramNode() { Id = "Decision", Shape = new { type = "Flow", shape = "Decision" } }); flowShapes.Add(new DiagramNode() { Id = "Document", Shape = new { type = "Flow", shape = "Document" } }); flowShapes.Add(new DiagramNode() { Id = "PreDefinedProcess", Shape = new { type = "Flow", shape = "PreDefinedProcess" } }); flowShapes.Add(new DiagramNode() { Id = "PaperTap", Shape = new { type = "Flow", shape = "PaperTap" } }); flowShapes.Add(new DiagramNode() { Id = "DirectData", Shape = new { type = "Flow", shape = "DirectData" } }); flowShapes.Add(new DiagramNode() { Id = "SequentialData", Shape = new { type = "Flow", shape = "SequentialData" } }); flowShapes.Add(new DiagramNode() { Id = "Sort", Shape = new { type = "Flow", shape = "Sort" } }); flowShapes.Add(new DiagramNode() { Id = "MultiDocument", Shape = new { type = "Flow", shape = "MultiDocument" } }); flowShapes.Add(new DiagramNode() { Id = "Collate", Shape = new { type = "Flow", shape = "Collate" } }); flowShapes.Add(new DiagramNode() { Id = "SummingJunction", Shape = new { type = "Flow", shape = "SummingJunction" } }); flowShapes.Add(new DiagramNode() { Id = "Or", Shape = new { type = "Flow", shape = "Or" } }); flowShapes.Add(new DiagramNode() { Id = "InternalStorage", Shape = new { type = "Flow", shape = "InternalStorage" } }); flowShapes.Add(new DiagramNode() { Id = "Extract", Shape = new { type = "Flow", shape = "Extract" } }); flowShapes.Add(new DiagramNode() { Id = "ManualOperation", Shape = new { type = "Flow", shape = "ManualOperation" } }); flowShapes.Add(new DiagramNode() { Id = "Merge", Shape = new { type = "Flow", shape = "Merge" } }); flowShapes.Add(new DiagramNode() { Id = "OffPageReference", Shape = new { type = "Flow", shape = "OffPageReference" } }); flowShapes.Add(new DiagramNode() { Id = "SequentialAccessStorage", Shape = new { type = "Flow", shape = "SequentialAccessStorage" } }); flowShapes.Add(new DiagramNode() { Id = "Annotation", Shape = new { type = "Flow", shape = "Annotation" } }); flowShapes.Add(new DiagramNode() { Id = "Annotation2", Shape = new { type = "Flow", shape = "Annotation2" } }); flowShapes.Add(new DiagramNode() { Id = "Data", Shape = new { type = "Flow", shape = "Data" } }); flowShapes.Add(new DiagramNode() { Id = "Card", Shape = new { type = "Flow", shape = "Card" } }); flowShapes.Add(new DiagramNode() { Id = "Delay", Shape = new { type = "Flow", shape = "Delay" } }); List <DiagramConnector> SymbolPaletteConnectors = new List <DiagramConnector>(); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link1", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link2", Type = Segments.Orthogonal, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link3", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.Arrow }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link4", Type = Segments.Straight, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); SymbolPaletteConnectors.Add(new DiagramConnector() { Id = "Link5", Type = Segments.Bezier, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, TargetDecorator = new ConnectorTargetDecoratorConnectors() { Shape = DecoratorShapes.None }, Style = new DiagramStrokeStyle() { StrokeWidth = 2 } }); List <SymbolPalettePalette> Palette = new List <SymbolPalettePalette>(); Palette.Add(new SymbolPalettePalette() { Id = "flow", Expanded = true, Symbols = flowShapes, IconCss = "shapes", Title = "Flow Shapes" }); Palette.Add(new SymbolPalettePalette() { Id = "connectors", Expanded = true, Symbols = SymbolPaletteConnectors, IconCss = "shapes", Title = "Connectors" }); ViewBag.Palette = Palette; double[] intervals = { 1, 9, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75, 0.25, 9.75 }; DiagramGridlines grIdLines = new DiagramGridlines() { LineColor = "#e0e0e0", LineIntervals = intervals }; ViewBag.gridLines = grIdLines; DiagramMargin margin = new DiagramMargin() { Left = 15, Right = 15, Bottom = 15, Top = 15 }; ViewBag.margin = margin; return(View()); }