Skip to content

Commit ad0836d

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #61 from SatishRaj4377/1007664-flipUG
1007664 flip ug
2 parents b5b0737 + 6e8618e commit ad0836d

4 files changed

Lines changed: 124 additions & 124 deletions

File tree

‎Diagram/Server/Pages/Flip/FlipDirectionSample.razor‎

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -3,41 +3,41 @@
33
@using Syncfusion.Blazor.Diagram
44
@using Syncfusion.Blazor.DropDowns
55

6-
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@FlipDirections" Placeholder="Flip">
6+
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@_flipDirections" Placeholder="Flip">
77
<DropDownListEvents TItem="FlipOption" TValue="string" ValueChange="@FlipDirectionChange" />
88
<DropDownListFieldSettings Text="Name" Value="Value"></DropDownListFieldSettings>
99
</SfDropDownList>
1010

11-
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@FlipModes" Placeholder="Flip">
11+
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@_flipModes" Placeholder="Flip">
1212
<DropDownListEvents TItem="FlipOption" TValue="string" ValueChange="@FlipModeChange" />
1313
<DropDownListFieldSettings Text="Name" Value="Value"></DropDownListFieldSettings>
1414
</SfDropDownList>
1515

16-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="1000px" Nodes="@NodeCollection" Connectors="@connectors" />
16+
<SfDiagramComponent @ref="@_diagram" Width="1000px" Height="1000px" Nodes="@_nodes" Connectors="@_connectors" />
1717

1818
@code
1919
{
20-
//Initialize the diagram connector collection
21-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
22-
//Reference the diagram
23-
private SfDiagramComponent diagram;
24-
//Define diagram nodes collection
25-
private DiagramObjectCollection<Node> NodeCollection;
26-
public class FlipOption
20+
// Initialize the diagram connector collection.
21+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
22+
// Reference the diagram.
23+
private SfDiagramComponent _diagram;
24+
// Define diagram nodes collection.
25+
private DiagramObjectCollection<Node> _nodes;
26+
private class FlipOption
2727
{
2828
public string Name { get; set; }
2929
public string Value { get; set; } // Bound value
3030
}
3131

32-
List<FlipOption> FlipDirections = new()
32+
private List<FlipOption> _flipDirections = new List<FlipOption>()
3333
{
3434
new FlipOption { Name = "None", Value = "None" },
3535
new FlipOption { Name = "Horizontal", Value = "Horizontal" },
3636
new FlipOption { Name = "Vertical", Value = "Vertical" },
3737
new FlipOption { Name = "Both", Value = "Both" }
3838
};
3939

40-
List<FlipOption> FlipModes = new()
40+
private List<FlipOption> _flipModes = new List<FlipOption>()
4141
{
4242
new FlipOption { Name = "None", Value = "None" },
4343
new FlipOption { Name = "Content", Value = "Content" },
@@ -123,61 +123,61 @@
123123
}
124124
}
125125
};
126-
NodeCollection = new DiagramObjectCollection<Node>() { node1, node2 };
126+
_nodes = new DiagramObjectCollection<Node>() { node1, node2 };
127127
}
128128

129129
private void HorizontalPort()
130130
{
131-
if (diagram.SelectionSettings.Nodes.Count > 0)
131+
if (_diagram.SelectionSettings.Nodes.Count > 0)
132132
{
133-
for (int i = 0; i < diagram.SelectionSettings.Nodes.Count; i++)
133+
for (int i = 0; i < _diagram.SelectionSettings.Nodes.Count; i++)
134134
{
135-
diagram.SelectionSettings.Nodes[i].FlipMode = DiagramFlipMode.Port;
136-
if (diagram.SelectionSettings.Nodes[i].Flip.HasFlag(FlipDirection.Horizontal))
135+
_diagram.SelectionSettings.Nodes[i].FlipMode = DiagramFlipMode.Port;
136+
if (_diagram.SelectionSettings.Nodes[i].Flip.HasFlag(FlipDirection.Horizontal))
137137
{
138-
diagram.SelectionSettings.Nodes[i].Flip &= ~FlipDirection.Horizontal;
138+
_diagram.SelectionSettings.Nodes[i].Flip &= ~FlipDirection.Horizontal;
139139
}
140140
else
141141
{
142-
diagram.SelectionSettings.Nodes[i].Flip |= FlipDirection.Horizontal;
142+
_diagram.SelectionSettings.Nodes[i].Flip |= FlipDirection.Horizontal;
143143
}
144144
}
145145
}
146146
}
147147

148-
// This method applys flipDirection to the selected node's
149-
public void FlipDirectionChange(ChangeEventArgs<string, FlipOption> args)
148+
// This method applies FlipDirection to the selected nodes.
149+
private void FlipDirectionChange(ChangeEventArgs<string, FlipOption> args)
150150
{
151-
diagram.StartGroupAction();
151+
_diagram.StartGroupAction();
152152

153-
if (diagram.SelectionSettings.Nodes.Count > 0)
153+
if (_diagram.SelectionSettings.Nodes.Count > 0)
154154
{
155-
for (int i = 0; i < diagram.SelectionSettings.Nodes.Count; i++)
155+
for (int i = 0; i < _diagram.SelectionSettings.Nodes.Count; i++)
156156
{
157-
diagram.SelectionSettings.Nodes[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
157+
_diagram.SelectionSettings.Nodes[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
158158
}
159159
}
160-
for (int i = 0; i < diagram.SelectionSettings.Connectors.Count; i++)
160+
for (int i = 0; i < _diagram.SelectionSettings.Connectors.Count; i++)
161161
{
162-
diagram.SelectionSettings.Connectors[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
162+
_diagram.SelectionSettings.Connectors[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
163163
}
164-
diagram.EndGroupAction();
164+
_diagram.EndGroupAction();
165165

166166
}
167167

168-
//This method apply's diagramFLipMode to the selected node's
168+
// This method applies DiagramFlipMode to the selected nodes.
169169
private void FlipModeChange(ChangeEventArgs<string, FlipOption> args)
170170
{
171-
diagram.StartGroupAction();
171+
_diagram.StartGroupAction();
172172

173-
if (diagram.SelectionSettings.Nodes.Count > 0)
173+
if (_diagram.SelectionSettings.Nodes.Count > 0)
174174
{
175-
for (int i = 0; i < diagram.SelectionSettings.Nodes.Count; i++)
175+
for (int i = 0; i < _diagram.SelectionSettings.Nodes.Count; i++)
176176
{
177-
diagram.SelectionSettings.Nodes[i].FlipMode = (DiagramFlipMode)Enum.Parse(typeof(DiagramFlipMode), args.Value.ToString());
177+
_diagram.SelectionSettings.Nodes[i].FlipMode = (DiagramFlipMode)Enum.Parse(typeof(DiagramFlipMode), args.Value.ToString());
178178
}
179179
}
180180

181-
diagram.EndGroupAction();
181+
_diagram.EndGroupAction();
182182
}
183183
}

‎Diagram/Server/Pages/Flip/FlipGroup.razor‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -3,43 +3,43 @@
33
@using Syncfusion.Blazor.Diagram
44
@using Syncfusion.Blazor.DropDowns
55

6-
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@FlipDirections" Placeholder="Flip">
6+
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@_flipDirections" Placeholder="Flip">
77
<DropDownListEvents TItem="FlipOption" TValue="string" ValueChange="@FlipDirectionChange" />
88
<DropDownListFieldSettings Text="Name" Value="Value"></DropDownListFieldSettings>
99
</SfDropDownList>
1010

11-
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@FlipModes" Placeholder="Flip">
11+
<SfDropDownList TItem="FlipOption" TValue="string" DataSource="@_flipModes" Placeholder="Flip">
1212
<DropDownListEvents TItem="FlipOption" TValue="string" ValueChange="@FlipModeChange" />
1313
<DropDownListFieldSettings Text="Name" Value="Value"></DropDownListFieldSettings>
1414
</SfDropDownList>
1515

16-
<SfDiagramComponent @ref="diagram" Width="1000px" Height="1000px" Nodes="@NodeCollection" Connectors="@connectors">
16+
<SfDiagramComponent @ref="@_diagram" Width="1000px" Height="1000px" Nodes="@_nodes" Connectors="@_connectors">
1717
<SnapSettings Constraints="@SnapConstraints.None"></SnapSettings>
1818
</SfDiagramComponent>
1919

2020
@code
2121
{
22-
//Initialize the diagram's connector collection
23-
private DiagramObjectCollection<Connector> connectors = new DiagramObjectCollection<Connector>();
24-
//Reference the diagram
25-
private SfDiagramComponent diagram;
26-
//Define diagram's nodes collection
27-
private DiagramObjectCollection<Node> NodeCollection;
28-
public class FlipOption
22+
// Initialize the diagram's connector collection.
23+
private DiagramObjectCollection<Connector> _connectors = new DiagramObjectCollection<Connector>();
24+
// Reference the diagram.
25+
private SfDiagramComponent _diagram;
26+
// Define diagram's nodes collection.
27+
private DiagramObjectCollection<Node> _nodes;
28+
private class FlipOption
2929
{
3030
public string Name { get; set; }
3131
public string Value { get; set; } // Bound value
3232
}
3333

34-
List<FlipOption> FlipDirections = new()
34+
private List<FlipOption> _flipDirections = new List<FlipOption>()
3535
{
3636
new FlipOption { Name = "None", Value = "None" },
3737
new FlipOption { Name = "Horizontal", Value = "Horizontal" },
3838
new FlipOption { Name = "Vertical", Value = "Vertical" },
3939
new FlipOption { Name = "Both", Value = "Both" }
4040
};
4141

42-
List<FlipOption> FlipModes = new()
42+
private List<FlipOption> _flipModes = new List<FlipOption>()
4343
{
4444
new FlipOption { Name = "None", Value = "None" },
4545
new FlipOption { Name = "Content", Value = "Content" },
@@ -125,7 +125,7 @@
125125
}
126126
},
127127
};
128-
NodeCollection = new DiagramObjectCollection<Node>() { node3, node4 };
128+
_nodes = new DiagramObjectCollection<Node>() { node3, node4 };
129129
NodeGroup groupNode = new NodeGroup()
130130
{
131131
ID = "group",
@@ -150,41 +150,41 @@
150150
}
151151
},
152152
};
153-
NodeCollection.Add(groupNode);
153+
_nodes.Add(groupNode);
154154
}
155155

156-
// This method applys flipDirection to the selected node's
156+
// This method applies FlipDirection to the selected nodes.
157157
private void FlipDirectionChange(ChangeEventArgs<string, FlipOption> args)
158158
{
159-
diagram.StartGroupAction();
159+
_diagram.StartGroupAction();
160160

161-
if (diagram.SelectionSettings.Nodes.Count > 0)
161+
if (_diagram.SelectionSettings.Nodes.Count > 0)
162162
{
163-
for (int i = 0; i < diagram.SelectionSettings.Nodes.Count; i++)
163+
for (int i = 0; i < _diagram.SelectionSettings.Nodes.Count; i++)
164164
{
165-
diagram.SelectionSettings.Nodes[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
165+
_diagram.SelectionSettings.Nodes[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
166166
}
167167
}
168-
for (int i = 0; i < diagram.SelectionSettings.Connectors.Count; i++)
168+
for (int i = 0; i < _diagram.SelectionSettings.Connectors.Count; i++)
169169
{
170-
diagram.SelectionSettings.Connectors[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
170+
_diagram.SelectionSettings.Connectors[i].Flip = (FlipDirection)Enum.Parse(typeof(FlipDirection), args.Value.ToString());
171171
}
172-
diagram.EndGroupAction();
172+
_diagram.EndGroupAction();
173173
}
174174

175-
//This method apply's diagramFLipMode to the selected node's
175+
// This method applies DiagramFlipMode to the selected nodes.
176176
private void FlipModeChange(ChangeEventArgs<string, FlipOption> args)
177177
{
178-
diagram.StartGroupAction();
178+
_diagram.StartGroupAction();
179179

180-
if (diagram.SelectionSettings.Nodes.Count > 0)
180+
if (_diagram.SelectionSettings.Nodes.Count > 0)
181181
{
182-
for (int i = 0; i < diagram.SelectionSettings.Nodes.Count; i++)
182+
for (int i = 0; i < _diagram.SelectionSettings.Nodes.Count; i++)
183183
{
184-
diagram.SelectionSettings.Nodes[i].FlipMode = (DiagramFlipMode)Enum.Parse(typeof(DiagramFlipMode), args.Value.ToString());
184+
_diagram.SelectionSettings.Nodes[i].FlipMode = (DiagramFlipMode)Enum.Parse(typeof(DiagramFlipMode), args.Value.ToString());
185185
}
186186
}
187187

188-
diagram.EndGroupAction();
188+
_diagram.EndGroupAction();
189189
}
190190
}

0 commit comments

Comments
 (0)