Skip to content

Commit 625e2e1

Browse files
KarkuvelRajanKarkuvelRajan
authored
Merge pull request #74 from SriRam4552/1007315-SymbolPalette
1007315: Symbol Palette Samples
2 parents a881ab8 + d756561 commit 625e2e1

50 files changed

Lines changed: 1626 additions & 1273 deletions

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/SymbolPalette/AddConnectorToSymbolPalette.razor‎

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

1616
@code
1717
{
18-
//Reference the symbolpalette
19-
private SfSymbolPaletteComponent symbolpalette;
20-
//Define palattes collection
21-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
18+
// Reference the symbolpalette
19+
private SfSymbolPaletteComponent _symbolPalette;
20+
// Define palattes collection
21+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
2222
// Defines palette's flow-shape collection
23-
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
23+
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
2424
// Defines palette's connector collection
25-
private DiagramObjectCollection<NodeBase> PaletteConnectors = new DiagramObjectCollection<NodeBase>();
25+
private DiagramObjectCollection<NodeBase> _paletteConnectors = new DiagramObjectCollection<NodeBase>();
2626

2727
protected override void OnInitialized()
2828
{
@@ -31,11 +31,11 @@
3131

3232
private void InitPaletteModel()
3333
{
34-
PaletteConnectors = new DiagramObjectCollection<NodeBase>();
34+
_paletteConnectors = new DiagramObjectCollection<NodeBase>();
3535
CreatePaletteConnector("Link1", ConnectorSegmentType.Orthogonal, DecoratorShape.Arrow);
36-
Palettes = new DiagramObjectCollection<Palette>()
36+
_palettes = new DiagramObjectCollection<Palette>()
3737
{
38-
new Palette(){Symbols =PaletteConnectors,Title="Connectors" ,IsExpanded = true},
38+
new Palette(){ Symbols = _paletteConnectors, Title = "Connectors" ,IsExpanded = true },
3939
};
4040
}
4141

@@ -56,6 +56,6 @@
5656
}
5757
};
5858

59-
PaletteConnectors.Add(connector);
59+
_paletteConnectors.Add(connector);
6060
}
6161
}

‎Diagram/Server/Pages/SymbolPalette/AddGroupToPalette.razor‎

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

1616
@code
1717
{
18-
//Define symbol margin
19-
private SymbolMargin SymbolMargin = new SymbolMargin
18+
// Define symbol margin
19+
private SymbolMargin _symbolMargin = new SymbolMargin
2020
{
2121
Left = 15,
2222
Right = 15,
2323
Top = 15,
2424
Bottom = 15
2525
};
26-
//Reference the symbol palette
27-
private SfSymbolPaletteComponent symbolpalette;
28-
//Define palattes collection
29-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
26+
// Reference the symbol palette
27+
private SfSymbolPaletteComponent _symbolPalette;
28+
// Define palattes collection
29+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
3030
// Defines palette's group collection
31-
private DiagramObjectCollection<NodeBase> PaletteGroup = new DiagramObjectCollection<NodeBase>();
31+
private DiagramObjectCollection<NodeBase> _paletteGroup = new DiagramObjectCollection<NodeBase>();
3232

3333
protected override void OnInitialized()
3434
{
@@ -39,9 +39,9 @@
3939
{
4040
CreatePaletteGroup();
4141

42-
Palettes = new DiagramObjectCollection<Palette>()
42+
_palettes = new DiagramObjectCollection<Palette>()
4343
{
44-
new Palette(){Symbols=PaletteGroup,Title="Group Shapes",IsExpanded=true}
44+
new Palette(){ Symbols = _paletteGroup, Title = "Group Shapes", IsExpanded = true }
4545
};
4646
}
4747

@@ -68,15 +68,15 @@
6868
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Ellipse },
6969
Style = new ShapeStyle() { Fill = "#6495ed" },
7070
};
71-
PaletteGroup.Add(node1);
72-
PaletteGroup.Add(node2);
71+
_paletteGroup.Add(node1);
72+
_paletteGroup.Add(node2);
7373

7474
NodeGroup group = new NodeGroup()
7575
{
7676
ID = "group1",
7777
Children = new string[] { "node1", "node2" }
7878
};
79-
PaletteGroup.Add(group);
79+
_paletteGroup.Add(group);
8080
}
8181
}
8282

‎Diagram/Server/Pages/SymbolPalette/AddNodeToPalette.razor‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
<div class="control-section">
77
<div style="width:20%">
88
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
9-
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
10-
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
9+
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
10+
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
1111
</SfSymbolPaletteComponent>
1212
</div>
1313
</div>
@@ -17,15 +17,15 @@
1717

1818
@code
1919
{
20-
//Reference the symbolpreview
21-
private DiagramSize SymbolPreview;
22-
//Define symbol margin
23-
private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
24-
private SfSymbolPaletteComponent symbolpalette;
25-
//Define palattes collection
26-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
20+
// Reference the symbolpreview
21+
private DiagramSize _symbolPreview;
22+
// Define symbol margin
23+
private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
24+
private SfSymbolPaletteComponent _symbolPalette;
25+
// Define palattes collection
26+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
2727
// Defines palette's flow-shape collection
28-
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
28+
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
2929

3030
protected override void OnInitialized()
3131
{
@@ -34,14 +34,14 @@
3434

3535
private void InitPaletteModel()
3636
{
37-
Palettes = new DiagramObjectCollection<Palette>();
37+
_palettes = new DiagramObjectCollection<Palette>();
3838

39-
PaletteNodes = new DiagramObjectCollection<NodeBase>();
39+
_paletteNodes = new DiagramObjectCollection<NodeBase>();
4040
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");
4141

42-
Palettes = new DiagramObjectCollection<Palette>()
42+
_palettes = new DiagramObjectCollection<Palette>()
4343
{
44-
new Palette(){Symbols =PaletteNodes,Title="Flow Shapes",ID="Flow Shapes" },
44+
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
4545
};
4646
}
4747

@@ -54,6 +54,6 @@
5454
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
5555
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
5656
};
57-
PaletteNodes.Add(node);
57+
_paletteNodes.Add(node);
5858
}
5959
}

‎Diagram/Server/Pages/SymbolPalette/AddPaletteToSymbolPalette.razor‎

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

1616
@code
1717
{
18-
private SymbolMargin SymbolMargin = new SymbolMargin
18+
private SymbolMargin _symbolMargin = new SymbolMargin
1919
{
2020
Left = 15,
2121
Right = 15,
2222
Top = 15,
2323
Bottom = 15
2424
};
25-
private SfSymbolPaletteComponent SymbolPalette;
26-
//Define palettes collection.
27-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
25+
private SfSymbolPaletteComponent _symbolPalette;
26+
// Define palettes collection.
27+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
2828
// Defines palette's flow-shape collection.
29-
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
29+
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
3030
// Defines palette's group collection.
31-
private DiagramObjectCollection<NodeBase> PaletteGroup = new DiagramObjectCollection<NodeBase>();
31+
private DiagramObjectCollection<NodeBase> _paletteGroup = new DiagramObjectCollection<NodeBase>();
3232
// Defines palette's connector collection.
33-
private DiagramObjectCollection<NodeBase> PaletteConnectors = new DiagramObjectCollection<NodeBase>();
33+
private DiagramObjectCollection<NodeBase> _paletteConnectors = new DiagramObjectCollection<NodeBase>();
3434

3535
protected override void OnInitialized()
3636
{
@@ -42,11 +42,11 @@
4242
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");
4343
CreatePaletteConnector("Link1", ConnectorSegmentType.Orthogonal, DecoratorShape.Arrow);
4444
CreatePaletteGroup();
45-
Palettes = new DiagramObjectCollection<Palette>()
45+
_palettes = new DiagramObjectCollection<Palette>()
4646
{
47-
new Palette(){Symbols = PaletteNodes,Title = "Flow Shapes", ID = "Flow Shapes" },
48-
new Palette(){Symbols = PaletteConnectors,Title = "Connectors", IsExpanded = true},
49-
new Palette(){Symbols = PaletteGroup,Title = "Group Shapes", IsExpanded = true}
47+
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
48+
new Palette(){ Symbols = _paletteConnectors, Title = "Connectors", IsExpanded = true },
49+
new Palette(){ Symbols = _paletteGroup, Title = "Group Shapes", IsExpanded = true }
5050
};
5151
}
5252

@@ -58,7 +58,7 @@
5858
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
5959
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
6060
};
61-
PaletteNodes.Add(node);
61+
_paletteNodes.Add(node);
6262
}
6363

6464
private void CreatePaletteConnector(string id, ConnectorSegmentType type, DecoratorShape decoratorShape)
@@ -76,7 +76,7 @@
7676
Style = new ShapeStyle() { StrokeColor = "#757575", Fill = "#757575" }
7777
}
7878
};
79-
PaletteConnectors.Add(connector);
79+
_paletteConnectors.Add(connector);
8080
}
8181

8282
private void CreatePaletteGroup()
@@ -101,13 +101,13 @@
101101
Shape = new BasicShape() { Type = NodeShapes.Basic, Shape = NodeBasicShapes.Ellipse },
102102
Style = new ShapeStyle() { Fill = "#6495ed" },
103103
};
104-
PaletteGroup.Add(node1);
105-
PaletteGroup.Add(node2);
104+
_paletteGroup.Add(node1);
105+
_paletteGroup.Add(node2);
106106
NodeGroup group = new NodeGroup()
107107
{
108108
ID = "group1",
109109
Children = new string[] { "node1", "node2" }
110110
};
111-
PaletteGroup.Add(group);
111+
_paletteGroup.Add(group);
112112
}
113113
}

‎Diagram/Server/Pages/SymbolPalette/AddRemovePaletteAtRuntime.razor‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
<div class="control-section">
1111
<div style="width:20%">
1212
<div id="palette-space" class="sb-mobile-palette" style="border: 2px solid #b200ff">
13-
<SfSymbolPaletteComponent @ref="@symbolpalette" Height="300px" Width="200px"
14-
Palettes="@Palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@SymbolMargin">
13+
<SfSymbolPaletteComponent @ref="@_symbolPalette" Height="300px" Width="200px"
14+
Palettes="@_palettes" SymbolHeight="60" SymbolWidth="60" SymbolMargin="@_symbolMargin">
1515
</SfSymbolPaletteComponent>
1616
</div>
1717
</div>
@@ -20,15 +20,15 @@
2020

2121
@code
2222
{
23-
//Reference the symbolpreview
24-
private DiagramSize SymbolPreview;
25-
//Define symbol margin
26-
private SymbolMargin SymbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
27-
private SfSymbolPaletteComponent symbolpalette;
28-
//Define palattes collection
29-
private DiagramObjectCollection<Palette> Palettes = new DiagramObjectCollection<Palette>();
23+
// Reference the symbolpreview
24+
private DiagramSize _symbolPreview;
25+
// Define symbol margin
26+
private SymbolMargin _symbolMargin = new SymbolMargin { Left = 15, Right = 15, Top = 15, Bottom = 15 };
27+
private SfSymbolPaletteComponent _symbolPalette;
28+
// Define palattes collection
29+
private DiagramObjectCollection<Palette> _palettes = new DiagramObjectCollection<Palette>();
3030
// Defines palette's flow-shape collection
31-
private DiagramObjectCollection<NodeBase> PaletteNodes = new DiagramObjectCollection<NodeBase>();
31+
private DiagramObjectCollection<NodeBase> _paletteNodes = new DiagramObjectCollection<NodeBase>();
3232

3333
protected override void OnInitialized()
3434
{
@@ -37,14 +37,14 @@
3737

3838
private void InitPaletteModel()
3939
{
40-
Palettes = new DiagramObjectCollection<Palette>();
40+
_palettes = new DiagramObjectCollection<Palette>();
4141

42-
PaletteNodes = new DiagramObjectCollection<NodeBase>();
42+
_paletteNodes = new DiagramObjectCollection<NodeBase>();
4343
CreatePaletteNode(NodeFlowShapes.Terminator, "Terminator");
4444

45-
Palettes = new DiagramObjectCollection<Palette>()
45+
_palettes = new DiagramObjectCollection<Palette>()
4646
{
47-
new Palette(){Symbols =PaletteNodes,Title="Flow Shapes",ID="Flow Shapes" },
47+
new Palette(){ Symbols = _paletteNodes, Title = "Flow Shapes", ID = "Flow Shapes" },
4848
};
4949
}
5050

@@ -57,7 +57,7 @@
5757
Shape = new FlowShape() { Type = NodeShapes.Flow, Shape = flowShape },
5858
Style = new ShapeStyle() { Fill = "#6495ED", StrokeColor = "#6495ED" },
5959
};
60-
PaletteNodes.Add(node);
60+
_paletteNodes.Add(node);
6161
}
6262

6363
private void AddPalette()
@@ -73,11 +73,11 @@
7373
{
7474
new Palette(){Symbols = newNodes,Title = "BasicShapes",ID = "BasicShapes" },
7575
};
76-
symbolpalette.AddPalettes(newPalettes);
76+
_symbolPalette.AddPalettes(newPalettes);
7777
}
7878

7979
private void RemovePalette()
8080
{
81-
symbolpalette.RemovePalettes("BasicShapes");
81+
_symbolPalette.RemovePalettes("BasicShapes");
8282
}
8383
}

0 commit comments

Comments
 (0)