Merge pull request #68 from SatishRaj4377/1007664-overviewCode

KarkuvelRajan · web-flow · commit dbd09899d93c · 2026-02-03T17:20:03.000+05:30
1007664: update code
diff --git a/Diagram/Server/Pages/Overview/Overview.razor b/Diagram/Server/Pages/Overview/Overview.razor
@@ -6,8 +6,8 @@
 
 <div id="overviewdiagram" style="width: 100%;height: 500px;">
     <div style="width:74%;height: 500px; float:left">
-        <SfDiagramComponent @ref="@Diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">
-            <DataSourceSettings ID="Name" ParentID="Category" DataSource="DataSource"> </DataSourceSettings>
+        <SfDiagramComponent @ref="@_diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">
+            <DataSourceSettings ID="Name" ParentID="Category" DataSource="@_dataSource"> </DataSourceSettings>
             <Layout Type="LayoutType.HierarchicalTree" HorizontalSpacing="30" Orientation="LayoutOrientation.TopToBottom" VerticalSpacing="30" HorizontalAlignment="HorizontalAlignment.Auto" VerticalAlignment="VerticalAlignment.Auto" GetLayoutInfo="GetLayoutInfo">
                 <LayoutMargin Top="50" Bottom="50" Right="50" Left="50"></LayoutMargin>
             </Layout>
@@ -20,7 +20,7 @@
 
 @code
 {
-    private SfDiagramComponent Diagram;
+    private SfDiagramComponent _diagram;
 
     private void ConnectorCreating(IDiagramObject connector)
     {
@@ -60,15 +60,15 @@
         };
     }
 
-    public class HierarchicalDetails
+    private class HierarchicalDetails
     {
         public string Name { get; set; }
         public string FillColor { get; set; }
         public string Category { get; set; }
 
     }
 
-    public List<HierarchicalDetails> DataSource = new List<HierarchicalDetails>()
+    private List<HierarchicalDetails> _dataSource = new List<HierarchicalDetails>()
     {
         new HierarchicalDetails(){ Name ="Diagram", Category="",FillColor="#659be5"},
         new HierarchicalDetails(){ Name ="Layout", Category="Diagram",FillColor="#659be5"},
diff --git a/Diagram/Server/Pages/Overview/OverviewConstraints.razor b/Diagram/Server/Pages/Overview/OverviewConstraints.razor
@@ -6,7 +6,7 @@
 
 <div id="overviewdiagram" style="width: 100%;height: 500px;">
     <div style="width:74%;height: 500px; float:left">
-        <SfDiagramComponent @ref="diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="nodes" @bind-Connectors="connectors">
+        <SfDiagramComponent @ref="@_diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="@_nodes" @bind-Connectors="@_connectors">
         </SfDiagramComponent>
     </div>
     <div style="width:25%;height:200px;float:left; border-color:lightgray;border-style:solid;">
@@ -16,15 +16,15 @@
 
 @code
 {
-    private SfDiagramComponent diagram; 
-    private DiagramObjectCollection<Node> nodes; 
-    private DiagramObjectCollection<Connector> connectors;
+    private SfDiagramComponent _diagram; 
+    private DiagramObjectCollection<Node> _nodes; 
+    private DiagramObjectCollection<Connector> _connectors;
     
     protected override void OnInitialized()
     {
         //Initialize the node and connector collections
-        nodes = new DiagramObjectCollection<Node>();
-        connectors = new DiagramObjectCollection<Connector>();
+        _nodes = new DiagramObjectCollection<Node>();
+        _connectors = new DiagramObjectCollection<Connector>();
         Node node1 = new Node()
         {
             ID = "node1",
@@ -53,7 +53,7 @@
                 StrokeWidth = 1
             }
         };
-        nodes.Add(node1); nodes.Add(node2);
+        _nodes.Add(node1); _nodes.Add(node2);
         Connector connector1 = new Connector()
         {
             ID = "connector1",
@@ -66,6 +66,6 @@
                 StrokeWidth = 2
             }
         };
-        connectors.Add(connector1);
+        _connectors.Add(connector1);
     }
 }
diff --git a/Diagram/Wasm/Pages/Overview/Overview.razor b/Diagram/Wasm/Pages/Overview/Overview.razor
@@ -6,8 +6,8 @@
 
 <div id="overviewdiagram" style="width: 100%;height: 500px;">
     <div style="width:74%;height: 500px; float:left">
-        <SfDiagramComponent @ref="@Diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">
-            <DataSourceSettings ID="Name" ParentID="Category" DataSource="DataSource"> </DataSourceSettings>
+        <SfDiagramComponent @ref="@_diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">
+            <DataSourceSettings ID="Name" ParentID="Category" DataSource="@_dataSource"> </DataSourceSettings>
             <Layout Type="LayoutType.HierarchicalTree" HorizontalSpacing="30" Orientation="LayoutOrientation.TopToBottom" VerticalSpacing="30" HorizontalAlignment="HorizontalAlignment.Auto" VerticalAlignment="VerticalAlignment.Auto" GetLayoutInfo="GetLayoutInfo">
                 <LayoutMargin Top="50" Bottom="50" Right="50" Left="50"></LayoutMargin>
             </Layout>
@@ -20,7 +20,7 @@
 
 @code
 {
-    private SfDiagramComponent Diagram;
+    private SfDiagramComponent _diagram;
 
     private void ConnectorCreating(IDiagramObject connector)
     {
@@ -60,15 +60,15 @@
         };
     }
 
-    public class HierarchicalDetails
+    private class HierarchicalDetails
     {
         public string Name { get; set; }
         public string FillColor { get; set; }
         public string Category { get; set; }
 
     }
 
-    public List<HierarchicalDetails> DataSource = new List<HierarchicalDetails>()
+    private List<HierarchicalDetails> _dataSource = new List<HierarchicalDetails>()
     {
         new HierarchicalDetails(){ Name ="Diagram", Category="",FillColor="#659be5"},
         new HierarchicalDetails(){ Name ="Layout", Category="Diagram",FillColor="#659be5"},
diff --git a/Diagram/Wasm/Pages/Overview/OverviewConstraints.razor b/Diagram/Wasm/Pages/Overview/OverviewConstraints.razor
@@ -6,7 +6,7 @@
 
 <div id="overviewdiagram" style="width: 100%;height: 500px;">
     <div style="width:74%;height: 500px; float:left">
-        <SfDiagramComponent @ref="diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="nodes" @bind-Connectors="connectors">
+        <SfDiagramComponent @ref="@_diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="@_nodes" @bind-Connectors="@_connectors">
         </SfDiagramComponent>
     </div>
     <div style="width:25%;height:200px;float:left; border-color:lightgray;border-style:solid;">
@@ -16,15 +16,15 @@
 
 @code
 {
-    private SfDiagramComponent diagram; 
-    private DiagramObjectCollection<Node> nodes; 
-    private DiagramObjectCollection<Connector> connectors;
+    private SfDiagramComponent _diagram; 
+    private DiagramObjectCollection<Node> _nodes; 
+    private DiagramObjectCollection<Connector> _connectors;
     
     protected override void OnInitialized()
     {
         //Initialize the node and connector collections
-        nodes = new DiagramObjectCollection<Node>();
-        connectors = new DiagramObjectCollection<Connector>();
+        _nodes = new DiagramObjectCollection<Node>();
+        _connectors = new DiagramObjectCollection<Connector>();
         Node node1 = new Node()
         {
             ID = "node1",
@@ -53,7 +53,7 @@
                 StrokeWidth = 1
             }
         };
-        nodes.Add(node1); nodes.Add(node2);
+        _nodes.Add(node1); _nodes.Add(node2);
         Connector connector1 = new Connector()
         {
             ID = "connector1",
@@ -66,6 +66,6 @@
                 StrokeWidth = 2
             }
         };
-        connectors.Add(connector1);
+        _connectors.Add(connector1);
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -6,8 +6,8 @@`
`6`	`6`
`7`	`7`	`<div id="overviewdiagram" style="width: 100%;height: 500px;">`
`8`	`8`	`<div style="width:74%;height: 500px; float:left">`
`9`		`- <SfDiagramComponent @ref="@Diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">`
`10`		`- <DataSourceSettings ID="Name" ParentID="Category" DataSource="DataSource"> </DataSourceSettings>`
	`9`	`+ <SfDiagramComponent @ref="@_diagram" ID="element" Width="100%" Height="500px" InteractionController="DiagramInteractions.ZoomPan" ConnectorCreating="@ConnectorCreating" NodeCreating="@NodeCreating">`
	`10`	`+ <DataSourceSettings ID="Name" ParentID="Category" DataSource="@_dataSource"> </DataSourceSettings>`
`11`	`11`	`<Layout Type="LayoutType.HierarchicalTree" HorizontalSpacing="30" Orientation="LayoutOrientation.TopToBottom" VerticalSpacing="30" HorizontalAlignment="HorizontalAlignment.Auto" VerticalAlignment="VerticalAlignment.Auto" GetLayoutInfo="GetLayoutInfo">`
`12`	`12`	`<LayoutMargin Top="50" Bottom="50" Right="50" Left="50"></LayoutMargin>`
`13`	`13`	`</Layout>`
`@@ -20,7 +20,7 @@`
`20`	`20`
`21`	`21`	`@code`
`22`	`22`	`{`
`23`		`- private SfDiagramComponent Diagram;`
	`23`	`+ private SfDiagramComponent _diagram;`
`24`	`24`
`25`	`25`	`private void ConnectorCreating(IDiagramObject connector)`
`26`	`26`	`{`
`@@ -60,15 +60,15 @@`
`60`	`60`	`};`
`61`	`61`	`}`
`62`	`62`
`63`		`- public class HierarchicalDetails`
	`63`	`+ private class HierarchicalDetails`
`64`	`64`	`{`
`65`	`65`	`public string Name { get; set; }`
`66`	`66`	`public string FillColor { get; set; }`
`67`	`67`	`public string Category { get; set; }`
`68`	`68`
`69`	`69`	`}`
`70`	`70`
`71`		`- public List<HierarchicalDetails> DataSource = new List<HierarchicalDetails>()`
	`71`	`+ private List<HierarchicalDetails> _dataSource = new List<HierarchicalDetails>()`
`72`	`72`	`{`
`73`	`73`	`new HierarchicalDetails(){ Name ="Diagram", Category="",FillColor="#659be5"},`
`74`	`74`	`new HierarchicalDetails(){ Name ="Layout", Category="Diagram",FillColor="#659be5"},`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`
`7`	`7`	`<div id="overviewdiagram" style="width: 100%;height: 500px;">`
`8`	`8`	`<div style="width:74%;height: 500px; float:left">`
`9`		`- <SfDiagramComponent @ref="diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="nodes" @bind-Connectors="connectors">`
	`9`	`+ <SfDiagramComponent @ref="@_diagram" Height="600px" Width="100%" ID="element" @bind-Nodes="@_nodes" @bind-Connectors="@_connectors">`
`10`	`10`	`</SfDiagramComponent>`
`11`	`11`	`</div>`
`12`	`12`	`<div style="width:25%;height:200px;float:left; border-color:lightgray;border-style:solid;">`
`@@ -16,15 +16,15 @@`
`16`	`16`
`17`	`17`	`@code`
`18`	`18`	`{`
`19`		`- private SfDiagramComponent diagram;`
`20`		`- private DiagramObjectCollection<Node> nodes;`
`21`		`- private DiagramObjectCollection<Connector> connectors;`
	`19`	`+ private SfDiagramComponent _diagram;`
	`20`	`+ private DiagramObjectCollection<Node> _nodes;`
	`21`	`+ private DiagramObjectCollection<Connector> _connectors;`
`22`	`22`
`23`	`23`	`protected override void OnInitialized()`
`24`	`24`	`{`
`25`	`25`	`//Initialize the node and connector collections`
`26`		`- nodes = new DiagramObjectCollection<Node>();`
`27`		`- connectors = new DiagramObjectCollection<Connector>();`
	`26`	`+ _nodes = new DiagramObjectCollection<Node>();`
	`27`	`+ _connectors = new DiagramObjectCollection<Connector>();`
`28`	`28`	`Node node1 = new Node()`
`29`	`29`	`{`
`30`	`30`	`ID = "node1",`
`@@ -53,7 +53,7 @@`
`53`	`53`	`StrokeWidth = 1`
`54`	`54`	`}`
`55`	`55`	`};`
`56`		`- nodes.Add(node1); nodes.Add(node2);`
	`56`	`+ _nodes.Add(node1); _nodes.Add(node2);`
`57`	`57`	`Connector connector1 = new Connector()`
`58`	`58`	`{`
`59`	`59`	`ID = "connector1",`
`@@ -66,6 +66,6 @@`
`66`	`66`	`StrokeWidth = 2`
`67`	`67`	`}`
`68`	`68`	`};`
`69`		`- connectors.Add(connector1);`
	`69`	`+ _connectors.Add(connector1);`
`70`	`70`	`}`
`71`	`71`	`}`