Skip to content

Commit 9967aaa

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #48 from ParameshwaranSF4845/1007233-UGPortsAppearance
1007233: UGports and appearane
2 parents 3a174d2 + 834d5f9 commit 9967aaa

30 files changed

Lines changed: 161 additions & 165 deletions

‎Diagram/Server/Pages/Ports/ActionofPorts/AddMultiplePorts.razor‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="AddPorts" OnClick="@AddPorts" />
7-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
7+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Define diagram's nodes collection
12-
private DiagramObjectCollection<Node> nodes;
12+
private DiagramObjectCollection<Node> _nodes;
1313

1414
protected override void OnInitialized()
1515
{
1616
//A node is created and stored in nodes array
17-
nodes = new DiagramObjectCollection<Node>();
17+
_nodes = new DiagramObjectCollection<Node>();
1818
Node node = new Node()
1919
{
2020
//Position of the node
@@ -25,7 +25,7 @@
2525
Height = 100,
2626
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" },
2727
};
28-
nodes.Add(node);
28+
_nodes.Add(node);
2929
}
3030

3131
//Method to add ports at runtime.
@@ -36,9 +36,9 @@
3636
PointPort port3 = new PointPort() { ID = "port3", Offset = new DiagramPoint() { X = 0.5, Y = 0 }, Visibility = PortVisibility.Visible, Style = new ShapeStyle() { Fill = "gray" } };
3737
PointPort port4 = new PointPort() { ID = "port4", Offset = new DiagramPoint() { X = 0.5, Y = 1 }, Visibility = PortVisibility.Visible, Style = new ShapeStyle() { Fill = "gray" } };
3838
// Initialize port collection
39-
nodes[0].Ports.Add(port1);
40-
nodes[0].Ports.Add(port2);
41-
nodes[0].Ports.Add(port3);
42-
nodes[0].Ports.Add(port4);
39+
_nodes[0].Ports.Add(port1);
40+
_nodes[0].Ports.Add(port2);
41+
_nodes[0].Ports.Add(port3);
42+
_nodes[0].Ports.Add(port4);
4343
}
4444
}

‎Diagram/Server/Pages/Ports/ActionofPorts/AddPort.razor‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,15 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="AddPorts" OnClick="@AddPorts" />
7-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
7+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
88

99
@code
1010
{
11-
private DiagramObjectCollection<Node> nodes;
12-
11+
private DiagramObjectCollection<Node> _nodes;
1312
protected override void OnInitialized()
1413
{
1514
//A node is created and stored in nodes array.
16-
nodes = new DiagramObjectCollection<Node>();
15+
_nodes = new DiagramObjectCollection<Node>();
1716
Node node = new Node()
1817
{
1918
//Position of the node.
@@ -24,7 +23,7 @@
2423
Height = 100,
2524
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" },
2625
};
27-
nodes.Add(node);
26+
_nodes.Add(node);
2827
}
2928

3029
private void AddPorts()
@@ -37,6 +36,6 @@
3736
Visibility = PortVisibility.Visible
3837
};
3938
// Initialize port collection.
40-
nodes[0].Ports.Add(port);
39+
_nodes[0].Ports.Add(port);
4140
}
4241
}

‎Diagram/Server/Pages/Ports/ActionofPorts/AddPortsAsync.razor‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,11 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="AddPorts" OnClick="@AddPorts" />
7-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
7+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
88

99
@code
1010
{
11-
private DiagramObjectCollection<Node> nodes;
12-
11+
private DiagramObjectCollection<Node> _nodes;
1312
protected override void OnInitialized()
1413
{
1514
//A node is created and stored in nodes array.
@@ -24,7 +23,7 @@
2423
Height = 100,
2524
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "white" },
2625
};
27-
nodes.Add(node);
26+
_nodes.Add(node);
2827
}
2928

3029
private async void AddPorts()
@@ -35,6 +34,6 @@
3534
Offset = new DiagramPoint() { X = 0, Y = 0.5 },
3635
Visibility = PortVisibility.Visible
3736
};
38-
await ((nodes[0].Ports) as DiagramObjectCollection<PointPort>).AddAsync(port);
37+
await ((_nodes[0].Ports) as DiagramObjectCollection<PointPort>).AddAsync(port);
3938
}
4039
}

‎Diagram/Server/Pages/Ports/ActionofPorts/CreatePorts.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,17 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
66

77
@code
88
{
99
//Define diagram's nodes collection
10-
private DiagramObjectCollection<Node> nodes;
10+
private DiagramObjectCollection<Node> _nodes;
1111

1212
protected override void OnInitialized()
1313
{
1414
// A node is created and stored in nodes collection.
15-
nodes = new DiagramObjectCollection<Node>();
15+
_nodes = new DiagramObjectCollection<Node>();
1616
Node node = new Node()
1717
{
1818
// Position of the node
@@ -29,6 +29,6 @@
2929
new PointPort(){Style=new ShapeStyle(){ Fill="gray" }, Offset= new DiagramPoint(){X=0.5,Y=0.5}, Visibility = PortVisibility.Visible}
3030
}
3131
};
32-
nodes.Add(node);
32+
_nodes.Add(node);
3333
}
3434
}

‎Diagram/Server/Pages/Ports/ActionofPorts/InedgesAndOutedges.razor‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,13 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="GetInEdges" OnClick="@GetInEdges" />
7-
<SfDiagramComponent @ref="diagram" Height="600px" Nodes="@nodes" Connectors="@connectors" />
7+
<SfDiagramComponent @ref="_diagram" Height="600px" Nodes="@_nodes" Connectors="@_connectors" />
88

99
@code
1010
{
11-
private SfDiagramComponent diagram;
12-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
11+
private SfDiagramComponent _diagram;
12+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
13+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
1414

1515
protected override void OnInitialized()
1616
{
@@ -43,7 +43,7 @@
4343
}
4444
},
4545
};
46-
nodes.Add(node1);
46+
_nodes.Add(node1);
4747
Node node2 = new Node()
4848
{
4949
ID = "node2",
@@ -73,7 +73,7 @@
7373
}
7474
},
7575
};
76-
nodes.Add(node2);
76+
_nodes.Add(node2);
7777
Connector connector1 = new Connector()
7878
{
7979
ID = "connector1",
@@ -82,13 +82,13 @@
8282
TargetPortID = "port1",
8383
TargetID = "node2",
8484
};
85-
connectors.Add(connector1);
85+
_connectors.Add(connector1);
8686
}
8787

8888
private void GetInEdges()
8989
{
9090
List<string> Inedges = new List<string>();
91-
foreach (string inedge in diagram.Nodes[1].Ports[0].InEdges)
91+
foreach (string inedge in _diagram.Nodes[1].Ports[0].InEdges)
9292
{
9393
Inedges.Add(inedge);
9494
}

‎Diagram/Server/Pages/Ports/ActionofPorts/PortDirection.razor‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Width="600px" Height="600px" Nodes="@nodes" Connectors="@connectors"/>
5+
<SfDiagramComponent Width="600px" Height="600px" Nodes="@_nodes" Connectors="@_connectors"/>
66

77
@code
88
{
99
//Defines Diagram's Nodes collection
10-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
10+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1111
//Defines Diagram's Connectors collection
12-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
12+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
1313

1414
protected override void OnInitialized()
1515
{
@@ -35,7 +35,7 @@
3535
}
3636
}
3737
};
38-
nodes.Add(node1);
38+
_nodes.Add(node1);
3939

4040
Node node2 = new Node()
4141
{
@@ -60,7 +60,7 @@
6060
}
6161
};
6262
// Add node.
63-
nodes.Add(node2);
63+
_nodes.Add(node2);
6464

6565
Connector Connector1 = new Connector()
6666
{
@@ -73,6 +73,6 @@
7373
// Type of the connector segments.
7474
Type = ConnectorSegmentType.Orthogonal
7575
};
76-
connectors.Add(Connector1);
76+
_connectors.Add(Connector1);
7777
}
7878
}

‎Diagram/Server/Pages/Ports/ActionofPorts/RemovePorts.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="RemovePorts" OnClick="@RemovePort" />
7-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
7+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Define diagram's nodes collection
12-
private DiagramObjectCollection<Node> nodes;
12+
private DiagramObjectCollection<Node> _nodes;
1313

1414
protected override void OnInitialized()
1515
{
1616
// A node is created and stored in nodes array.
17-
nodes = new DiagramObjectCollection<Node>();
17+
_nodes = new DiagramObjectCollection<Node>();
1818
Node node = new Node()
1919
{
2020
// Position of the node
@@ -39,12 +39,12 @@
3939
}
4040
},
4141
};
42-
nodes.Add(node);
42+
_nodes.Add(node);
4343
}
4444

4545
//Method to remove ports at runtime
4646
private void RemovePort()
4747
{
48-
(nodes[0].Ports as DiagramObjectCollection<PointPort>).RemoveAt(0);
48+
(_nodes[0].Ports as DiagramObjectCollection<PointPort>).RemoveAt(0);
4949
}
5050
}

‎Diagram/Server/Pages/Ports/ActionofPorts/UpdatePorts.razor‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,22 @@
44
@using Syncfusion.Blazor.Buttons
55

66
<SfButton Content="Update Port" OnClick="@UpdatePort" />
7-
<SfDiagramComponent @ref="diagram" Height="600px" Nodes="@nodes" />
7+
<SfDiagramComponent @ref="_diagram" Height="600px" Nodes="@_nodes" />
88

99
@code
1010
{
1111
//Reference the diagram
12-
private SfDiagramComponent diagram;
12+
private SfDiagramComponent _diagram;
1313
//Define diagram's nodes collection
14-
private DiagramObjectCollection<Node> nodes;
14+
private DiagramObjectCollection<Node> _nodes;
1515

1616
protected override void OnInitialized()
1717
{
1818
// Initialize port collection
1919
DiagramObjectCollection<PointPort> ports = new DiagramObjectCollection<PointPort>();
2020
ports.Add(new PointPort() { ID = "port", Offset = new DiagramPoint() { X = 0, Y = 0.5 }, Visibility = PortVisibility.Visible });
2121
// A node is created and stored in nodes array
22-
nodes = new DiagramObjectCollection<Node>();
22+
_nodes = new DiagramObjectCollection<Node>();
2323
Node node = new Node()
2424
{
2525
// Position of the node
@@ -31,15 +31,15 @@
3131
Style = new ShapeStyle() { Fill = "#6BA5D7", StrokeColor = "white" },
3232
Ports = ports
3333
};
34-
nodes.Add(node);
34+
_nodes.Add(node);
3535
}
3636

3737
private async void UpdatePort()
3838
{
3939
//update ports at run time
40-
diagram.BeginUpdate();
41-
nodes[0].Ports[0].Offset.X = 1;
42-
nodes[0].Ports[0].Offset.Y = 1;
43-
await diagram.EndUpdateAsync();
40+
_diagram.BeginUpdate();
41+
_nodes[0].Ports[0].Offset.X = 1;
42+
_nodes[0].Ports[0].Offset.Y = 1;
43+
await _diagram.EndUpdateAsync();
4444
}
4545
}

‎Diagram/Server/Pages/Ports/Appearance/AdditionalInfoPropertyPort.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
66

77
@code
88
{
9-
private DiagramObjectCollection<Node> nodes;
9+
private DiagramObjectCollection<Node> _nodes;
1010
protected override void OnInitialized()
1111
{
12-
nodes = new DiagramObjectCollection<Node>();
12+
_nodes = new DiagramObjectCollection<Node>();
1313
// Create a dictionary to hold additional information for the port.
1414
Dictionary<string, object> PortInfo = new Dictionary<string, object>();
1515
PortInfo.Add("portInfo", "Port A");
@@ -35,6 +35,6 @@
3535
Ports = new DiagramObjectCollection<PointPort> { port }
3636
};
3737
// Add node.
38-
nodes.Add(node);
38+
_nodes.Add(node);
3939
}
4040
}

‎Diagram/Server/Pages/Ports/Appearance/Appearance.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent Height="600px" Nodes="@nodes" />
5+
<SfDiagramComponent Height="600px" Nodes="@_nodes" />
66

77
@code
88
{
99
//Define diagram's nodes collection
10-
private DiagramObjectCollection<Node> nodes;
10+
private DiagramObjectCollection<Node> _nodes;
1111

1212
protected override void OnInitialized()
1313
{
14-
nodes = new DiagramObjectCollection<Node>();
14+
_nodes = new DiagramObjectCollection<Node>();
1515
// A node is created and stored in nodes array.
1616
Node node = new Node()
1717
{
@@ -37,6 +37,6 @@
3737
}
3838
},
3939
};
40-
nodes.Add(node);
40+
_nodes.Add(node);
4141
}
4242
}

0 commit comments

Comments
 (0)