Skip to content

Commit 624bf76

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #67 from RamyaSubramaniSF4537/1007133-UG4
1007133: Updated the sample
2 parents cd17811 + 47d7ed7 commit 624bf76

76 files changed

Lines changed: 766 additions & 766 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Diagram/Server/Pages/Container/ContainerHeaderSample.razor‎

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

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent @ref="@diagram" Height="600px" Nodes="@nodes">
5+
<SfDiagramComponent @ref="@_diagram" Height="600px" Nodes="@_nodes">
66
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
77
</SfDiagramComponent>
88

99
@code
1010
{
11-
private SfDiagramComponent diagram;
11+
private SfDiagramComponent _diagram;
1212
//Initialize the node collection
13-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1414

1515
protected override void OnInitialized()
1616
{
@@ -23,7 +23,7 @@
2323
OffsetY = 300,
2424
Style = new ShapeStyle()
2525
{
26-
Fill = "CornflowerBlue",
26+
Fill = "CornflowerBlue",
2727
StrokeColor = "transparent"
2828
}
2929
};
@@ -63,8 +63,8 @@
6363
OffsetY = 300,
6464
Children = new string[] { "node1", "node2" }
6565
};
66-
nodes.Add(node1);
67-
nodes.Add(node2);
68-
nodes.Add(container);
66+
_nodes.Add(node1);
67+
_nodes.Add(node2);
68+
_nodes.Add(container);
6969
}
70-
}
70+
}

‎Diagram/Server/Pages/Container/ContainerNode.razor‎

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

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent @ref="@diagram" Height="600px" Nodes="@nodes">
5+
<SfDiagramComponent @ref="@_diagram" Height="600px" Nodes="@_nodes">
66
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
77
</SfDiagramComponent>
88

99
@code
1010
{
11-
private SfDiagramComponent diagram;
11+
private SfDiagramComponent _diagram;
1212
//Initialize the node collection
13-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1414

1515
protected override void OnInitialized()
1616
{
@@ -22,6 +22,6 @@
2222
OffsetX = 500,
2323
OffsetY = 300,
2424
};
25-
nodes.Add(container);
25+
_nodes.Add(container);
2626
}
27-
}
27+
}

‎Diagram/Server/Pages/Container/ContainerPalette.razor‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,22 +6,22 @@
66
<div class="control-section">
77
<div style="width:254px;">
88
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
9-
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="250px"
10-
Palettes="@Palettes" SymbolHeight="100" SymbolWidth="100" SymbolMargin="@SymbolMargin">
9+
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="250px"
10+
Palettes="@_palettes" SymbolHeight="100" SymbolWidth="100" SymbolMargin="@_symbolMargin">
1111
</SfSymbolPaletteComponent>
1212
</div>
1313
</div>
1414
</div>
1515

1616
@code
1717
{
18-
private SfSymbolPaletteComponent symbolpalette;
18+
private SfSymbolPaletteComponent _symbolPalette;
1919
//Define symbol margin.
20-
private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
20+
private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
2121
//Define palattes collection.
22-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
22+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
2323
// Defines palette's container-shape collection.
24-
private DiagramObjectCollection<NodeBase> ContainerNodes = new DiagramObjectCollection<NodeBase>();
24+
private DiagramObjectCollection<NodeBase> _containerNodes = new DiagramObjectCollection<NodeBase>();
2525

2626
protected override void OnInitialized()
2727
{
@@ -30,9 +30,9 @@
3030

3131
private void InitPaletteModel()
3232
{
33-
Palettes = new DiagramObjectCollection<Palette>();
33+
_palettes = new DiagramObjectCollection<Palette>();
3434

35-
ContainerNodes = new DiagramObjectCollection<NodeBase>();
35+
_containerNodes = new DiagramObjectCollection<NodeBase>();
3636

3737
// Create container with header
3838
Container container = new Container()
@@ -68,15 +68,15 @@
6868
Style = new ShapeStyle() { Fill = "CornflowerBlue" }
6969
};
7070

71-
ContainerNodes = new DiagramObjectCollection<NodeBase>()
71+
_containerNodes = new DiagramObjectCollection<NodeBase>()
7272
{
7373
container,
7474
containerWithoutHeader,
7575
};
7676

77-
Palettes = new DiagramObjectCollection<Palette>()
77+
_palettes = new DiagramObjectCollection<Palette>()
7878
{
79-
new Palette(){Symbols =ContainerNodes,Title="Container Shapes",ID="ContainerShapes" },
79+
new Palette(){Symbols =_containerNodes,Title="Container Shapes",ID="ContainerShapes" },
8080
};
8181
}
8282
}

‎Diagram/Server/Pages/Container/ContainerSample.razor‎

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

33
@using Syncfusion.Blazor.Diagram
44

5-
<SfDiagramComponent @ref="@diagram" Height="600px" Nodes="@nodes">
5+
<SfDiagramComponent @ref="@_diagram" Height="600px" Nodes="@_nodes">
66
<SnapSettings Constraints="SnapConstraints.None"></SnapSettings>
77
</SfDiagramComponent>
88

99
@code
1010
{
11-
private SfDiagramComponent diagram;
11+
private SfDiagramComponent _diagram;
1212
//Initialize the node collection
13-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1414

1515
protected override void OnInitialized()
1616
{
@@ -47,8 +47,8 @@
4747
OffsetY = 300,
4848
Children = new string[] { "node1", "node2" }
4949
};
50-
nodes.Add(node1);
51-
nodes.Add(node2);
52-
nodes.Add(container);
50+
_nodes.Add(node1);
51+
_nodes.Add(node2);
52+
_nodes.Add(container);
5353
}
54-
}
54+
}

‎Diagram/Server/Pages/Events/ClickEvent.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
@using Syncfusion.Blazor.Diagram
33
@using System.Collections.ObjectModel
44

5-
<SfDiagramComponent @ref="@Diagram" Width="100%" Height="700px" Nodes="nodes" Click="OnClick" />
5+
<SfDiagramComponent @ref="@_diagram" Width="100%" Height="700px" Nodes="_nodes" Click="OnClick" />
66

77
@code
88
{
99
//Reference the diagram
10-
private SfDiagramComponent Diagram;
10+
private SfDiagramComponent _diagram;
1111
//Initialize the diagram's nodes collection
12-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13-
12+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
13+
1414
protected override void OnInitialized()
1515
{
1616
Node node = new Node()
@@ -20,7 +20,7 @@
2020
Width = 100,
2121
Height = 100
2222
};
23-
nodes.Add(node);
23+
_nodes.Add(node);
2424
}
2525

2626
private void OnClick(ClickEventArgs args)

‎Diagram/Server/Pages/Events/CreatedEvent.razor‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@
33
@using Syncfusion.Blazor.Diagram
44
@using System.Collections.ObjectModel
55

6-
<SfDiagramComponent @ref="@Diagram" Width="100%" Height="700px" Nodes="nodes" Created="OnCreated" />
6+
<SfDiagramComponent @ref="@_diagram" Width="100%" Height="700px" Nodes="_nodes" Created="OnCreated" />
77

88
@code
99
{
1010
//Reference the diagram
11-
private SfDiagramComponent Diagram;
11+
private SfDiagramComponent _diagram;
1212
//Initialize the diagram's nodes collection
13-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
13+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
1414

1515
protected override void OnInitialized()
1616
{
@@ -21,11 +21,11 @@
2121
Width = 100,
2222
Height = 100
2323
};
24-
nodes.Add(node);
24+
_nodes.Add(node);
2525
}
2626

2727
private void OnCreated(object args)
2828
{
29-
Diagram.Select(new ObservableCollection<IDiagramObject>() { Diagram.Nodes[0] });
29+
_diagram.Select(new ObservableCollection<IDiagramObject>() { _diagram.Nodes[0] });
3030
}
3131
}

‎Diagram/Server/Pages/Events/DragDrop.razor‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,24 @@
44
@using Syncfusion.Blazor.Diagram.SymbolPalette
55
@using System.Collections.ObjectModel
66

7-
<SfDiagramComponent @ref="@Diagram" Width="100%" Height="700px" Nodes="nodes" DragDrop="DragDropEvent" />
7+
<SfDiagramComponent @ref="@_diagram" Width="100%" Height="700px" Nodes="_nodes" DragDrop="DragDropEvent" />
88

9-
<SfSymbolPaletteComponent @ref="PaletteInstance" Height="600px" Palettes="@Palettes" SymbolDragPreviewSize="@SymbolPreview" SymbolHeight="40" GetSymbolInfo="GetSymbolInfo" SymbolWidth="40">
10-
</SfSymbolPaletteComponent >
9+
<SfSymbolPaletteComponent @ref="_paletteInstance" Height="600px" Palettes="@_palettes" SymbolDragPreviewSize="@_symbolPreview" SymbolHeight="40" GetSymbolInfo="GetSymbolInfo" SymbolWidth="40">
10+
</SfSymbolPaletteComponent>
1111

1212
@code
1313
{
14-
private SfDiagramComponent Diagram;
15-
private SfSymbolPaletteComponent PaletteInstance;
16-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
17-
private DiagramObjectCollection<NodeBase> TNodes = new DiagramObjectCollection<NodeBase>();
18-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
19-
private DiagramSize SymbolPreview;
20-
21-
protected override async Task OnAfterRenderAsync(bool firstRender)
14+
private SfDiagramComponent _diagram;
15+
private SfSymbolPaletteComponent _paletteInstance;
16+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
17+
private DiagramObjectCollection<NodeBase> _tNodes = new DiagramObjectCollection<NodeBase>();
18+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
19+
private DiagramSize _symbolPreview;
20+
21+
protected override async Task OnAfterRenderAsync(bool firstRender)
2222
{
23-
PaletteInstance.Targets = new DiagramObjectCollection<SfDiagramComponent>() { };
24-
PaletteInstance.Targets.Add(Diagram);
23+
_paletteInstance.Targets = new DiagramObjectCollection<SfDiagramComponent>() { };
24+
_paletteInstance.Targets.Add(_diagram);
2525
}
2626

2727
private SymbolInfo GetSymbolInfo(IDiagramObject symbol)
@@ -33,19 +33,19 @@
3333

3434
protected override void OnInitialized()
3535
{
36-
SymbolPreview = new DiagramSize();
37-
SymbolPreview.Width = 80;
38-
SymbolPreview.Height = 80;
39-
TNodes = new DiagramObjectCollection<NodeBase>();
36+
_symbolPreview = new DiagramSize();
37+
_symbolPreview.Width = 80;
38+
_symbolPreview.Height = 80;
39+
_tNodes = new DiagramObjectCollection<NodeBase>();
4040
Node TNode2 = new Node()
41-
{
42-
ID = "node1",
43-
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = NodeFlowShapes.Decision }
41+
{
42+
ID = "node1",
43+
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = NodeFlowShapes.Decision }
4444
};
45-
TNodes.Add(TNode2);
46-
Palettes = new DiagramObjectCollection<Palette>()
45+
_tNodes.Add(TNode2);
46+
_palettes = new DiagramObjectCollection<Palette>()
4747
{
48-
new Palette(){Symbols =TNodes,Title="Flow Shapes",ID="Flow Shapes" },
48+
new Palette(){Symbols =_tNodes,Title="Flow Shapes",ID="Flow Shapes" },
4949
};
5050
}
5151

‎Diagram/Server/Pages/Events/DragLeaveEvent.razor‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -140,29 +140,29 @@
140140
<div style="width: 100%">
141141
<div id="palette-space" class="sb-mobile-palette">
142142

143-
<SfSymbolPaletteComponent @ref="@PaletteInstance" Height="600px" Palettes="@Palettes" SymbolDiagramPreviewSize="diagramPreview" SymbolDragPreviewSize="@SymbolPreview" SymbolHeight="40" GetSymbolInfo="GetSymbolInfo" SymbolWidth="40">
143+
<SfSymbolPaletteComponent @ref="@_paletteInstance" Height="600px" Palettes="@_palettes" SymbolDiagramPreviewSize="_diagramPreview" SymbolDragPreviewSize="@_symbolPreview" SymbolHeight="40" GetSymbolInfo="GetSymbolInfo" SymbolWidth="40">
144144
</SfSymbolPaletteComponent>
145+
</div>
146+
<div id="diagram-space" class="sb-mobile-diagram">
147+
<div class="content-wrapper" style="border: 1px solid #D7D7D7">
148+
<SfDiagramComponent @ref="@_diagram" Width="100%" Height="700px" Nodes="_nodes" DragLeave="OnDragLeave" />
145149
</div>
146-
<div id="diagram-space" class="sb-mobile-diagram">
147-
<div class="content-wrapper" style="border: 1px solid #D7D7D7">
148-
<SfDiagramComponent @ref="@Diagram" Width="100%" Height="700px" Nodes="nodes" DragLeave="OnDragLeave" />
149-
</div>
150-
</div>
151-
@*Hidden:Lines*@
152150
</div>
151+
@*Hidden:Lines*@
153152
</div>
153+
</div>
154154

155155

156156
@code
157157
{
158-
private SfDiagramComponent Diagram;
159-
private DiagramSize SymbolPreview;
160-
private DiagramSize diagramPreview;
161-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
162-
private DiagramObjectCollection<NodeBase> TNodes = new DiagramObjectCollection<NodeBase>();
163-
private DiagramObjectCollection<Node> nodes = new DiagramObjectCollection<Node>();
164-
private SfSymbolPaletteComponent PaletteInstance;
165-
158+
private SfDiagramComponent _diagram;
159+
private DiagramSize _symbolPreview;
160+
private DiagramSize _diagramPreview;
161+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
162+
private DiagramObjectCollection<NodeBase> _tNodes = new DiagramObjectCollection<NodeBase>();
163+
private DiagramObjectCollection<Node> _nodes = new DiagramObjectCollection<Node>();
164+
private SfSymbolPaletteComponent _paletteInstance;
165+
166166
private SymbolInfo GetSymbolInfo(IDiagramObject symbol)
167167
{
168168
SymbolInfo SymbolInfo = new SymbolInfo();
@@ -172,34 +172,34 @@
172172

173173
protected override async Task OnAfterRenderAsync(bool firstRender)
174174
{
175-
PaletteInstance.Targets = new DiagramObjectCollection<SfDiagramComponent>() { };
176-
PaletteInstance.Targets.Add(Diagram);
175+
_paletteInstance.Targets = new DiagramObjectCollection<SfDiagramComponent>() { };
176+
_paletteInstance.Targets.Add(_diagram);
177177
}
178178

179179
protected override void OnInitialized()
180180
{
181-
SymbolPreview = new DiagramSize();
182-
SymbolPreview.Width = 80;
183-
SymbolPreview.Height = 80;
184-
diagramPreview = new DiagramSize()
181+
_symbolPreview = new DiagramSize();
182+
_symbolPreview.Width = 80;
183+
_symbolPreview.Height = 80;
184+
_diagramPreview = new DiagramSize()
185185
{
186186
Width = 50,
187187
Height = 50
188188
};
189-
TNodes = new DiagramObjectCollection<NodeBase>();
189+
_tNodes = new DiagramObjectCollection<NodeBase>();
190190
Node TNode2 = new Node()
191-
{
192-
ID = "node1",
193-
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = NodeFlowShapes.Decision }
191+
{
192+
ID = "node1",
193+
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = NodeFlowShapes.Decision }
194194
};
195-
TNodes.Add(TNode2);
196-
Palettes = new DiagramObjectCollection<Palette>()
195+
_tNodes.Add(TNode2);
196+
_palettes = new DiagramObjectCollection<Palette>()
197197
{
198-
new Palette(){Symbols =TNodes,Title="Flow Shapes",ID="Flow Shapes" },
198+
new Palette(){Symbols =_tNodes,Title="Flow Shapes",ID="Flow Shapes" },
199199
};
200200
}
201201

202-
// Notify the DragLeave event.
202+
// Notify the DragLeave event.
203203
private void OnDragLeave(DragLeaveEventArgs args)
204204
{
205205
//Action to be performed.

0 commit comments

Comments
 (0)