From 56d38bd63c993845a7ea50bd98772d7c00adbdfb Mon Sep 17 00:00:00 2001 From: Jawin-SF4519 <165898284+Jawin-SF4519@users.noreply.github.com> Date: Thu, 12 Jun 2025 18:07:21 +0530 Subject: [PATCH] 963343: DiagramInDialog --- .../DiagramInDialog/DiagramInDialog/App.razor | 13 ++ .../DiagramInDialog_NET8.csproj | 14 ++ .../DiagramInDialog_NET8.csproj.user | 6 + .../DiagramInDialog_NET9.csproj | 14 ++ .../DiagramInDialog_NET9.csproj.user | 6 + .../DiagramInDialog/MainLayout.razor | 3 + .../DiagramInDialog/Pages/Index.razor | 132 ++++++++++++++++++ .../DiagramInDialog/Pages/_Host.cshtml | 33 +++++ .../DiagramInDialog/Program.cs | 28 ++++ .../Properties/launchSettings.json | 35 +++++ .../DiagramInDialog/_Imports.razor | 5 + .../appsettings.Development.json | 9 ++ .../DiagramInDialog/appsettings.json | 9 ++ .../DiagramInDialog/wwwroot/Interop.js | 3 + .../DiagramInDialog/wwwroot/css/site.css | 28 ++++ 15 files changed, 338 insertions(+) create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/App.razor create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj.user create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj.user create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/MainLayout.razor create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/Pages/Index.razor create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/Pages/_Host.cshtml create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/Program.cs create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/Properties/launchSettings.json create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/_Imports.razor create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.Development.json create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.json create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/Interop.js create mode 100644 KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/css/site.css diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/App.razor b/KB-Samples/DiagramInDialog/DiagramInDialog/App.razor new file mode 100644 index 00000000..221ec128 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/App.razor @@ -0,0 +1,13 @@ +@namespace DiagramInDialog + + + + + + + Not found + +

Sorry, there's nothing at this address.

+ + + diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj new file mode 100644 index 00000000..81dc84cb --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj @@ -0,0 +1,14 @@ + + + + net8.0 + enable + enable + + + + + + + + diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj.user b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj.user new file mode 100644 index 00000000..9ff5820a --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET8.csproj.user @@ -0,0 +1,6 @@ + + + + https + + \ No newline at end of file diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj new file mode 100644 index 00000000..3a9de092 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj @@ -0,0 +1,14 @@ + + + + net9.0 + enable + enable + + + + + + + + diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj.user b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj.user new file mode 100644 index 00000000..9ff5820a --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/DiagramInDialog_NET9.csproj.user @@ -0,0 +1,6 @@ + + + + https + + \ No newline at end of file diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/MainLayout.razor b/KB-Samples/DiagramInDialog/DiagramInDialog/MainLayout.razor new file mode 100644 index 00000000..ad2343a2 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/MainLayout.razor @@ -0,0 +1,3 @@ +@inherits LayoutComponentBase +@namespace DiagramInDialog +
@Body
diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/Index.razor b/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/Index.razor new file mode 100644 index 00000000..373a91b6 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/Index.razor @@ -0,0 +1,132 @@ +@page "/" + +@using Syncfusion.Blazor.Buttons +@using Syncfusion.Blazor.Popups +@using Syncfusion.Blazor.Diagram +@using System.Collections.ObjectModel +@inject IJSRuntime jsRuntime; + +
+ Open Diagram Dialog +
+ + + + + +
+
E-mail Diagram
+
+ + + + + + + + + + + + +@code { + private SfDialog _dialog; + private SfDiagramComponent Diagram; + + private bool IsDialogVisible = false; + + private int HorizontalSpacing { get; set; } = 50; + private int VerticalSpacing { get; set; } = 50; + bool open = false; + public ObservableCollection DataSource { get; set; } = new() + { + new DiagramData { Id = "1", ParentId = "", Label = "CEO" }, + new DiagramData { Id = "2", ParentId = "1", Label = "Manager" }, + new DiagramData { Id = "3", ParentId = "2", Label = "Team Lead" }, + new DiagramData { Id = "4", ParentId = "3", Label = "Senior Developer" }, + new DiagramData { Id = "5", ParentId = "4", Label = "Developer" }, + new DiagramData { Id = "6", ParentId = "5", Label = "Fresher" } + }; + + public class DiagramData + { + public string Id { get; set; } + public string ParentId { get; set; } + public string Label { get; set; } + } + + private async Task ShowDialog() + { + IsDialogVisible = true; + } + private async Task OpenDialog(BeforeOpenEventArgs args) + { + await jsRuntime.InvokeAsync("UpdateWindow").ConfigureAwait(true); + open = true; + } + protected override async Task OnAfterRenderAsync(bool firstRender) + { + await base.OnAfterRenderAsync(firstRender); + if (open && Diagram != null) + { + await Task.Delay(1000); + Diagram.FitToPage(new FitOptions() { Mode = FitMode.Both, Region = DiagramRegion.Content }); + open = false; + } + } + + + private void CloseDialog(BeforeCloseEventArgs args) + { + IsDialogVisible = false; + } + + private void NodeDefaults(IDiagramObject obj) + { + if (obj is Node node) + { + node.Width = 100; + node.Height = 40; + node.Style = new ShapeStyle { Fill = "#6BA5D7", StrokeColor = "white" }; + } + } + + private void ConnectorDefaults(IDiagramObject obj) + { + if (obj is Connector connector) + { + connector.Type = ConnectorSegmentType.Orthogonal; + connector.Style = new ShapeStyle { StrokeColor = "#6BA5D7", StrokeWidth = 2 }; + } + } + + private void OpenedDialog() + { + FitOptions Options = new FitOptions() + { + Mode = FitMode.Both, + Region = DiagramRegion.Content + }; + Diagram.FitToPage(Options); + } +} + + \ No newline at end of file diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/_Host.cshtml b/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/_Host.cshtml new file mode 100644 index 00000000..6fef59cf --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/Pages/_Host.cshtml @@ -0,0 +1,33 @@ +@page "/" +@using Microsoft.AspNetCore.Components.Web +@namespace DiagramInDialog.Pages +@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers + + + + + + + + + + + + + + + +
+ + An error has occurred. This application may no longer respond until reloaded. + + + An unhandled exception has occurred. See browser dev tools for details. + + Reload + 🗙 +
+ + + + diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/Program.cs b/KB-Samples/DiagramInDialog/DiagramInDialog/Program.cs new file mode 100644 index 00000000..51fd4e59 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/Program.cs @@ -0,0 +1,28 @@ +using Microsoft.AspNetCore.Components; +using Microsoft.AspNetCore.Components.Web; +using Syncfusion.Blazor; +var builder = WebApplication.CreateBuilder(args); +builder.Services.AddRazorPages(); +builder.Services.AddServerSideBlazor(); +builder.Services.AddSyncfusionBlazor(); +builder.Services.AddSignalR(e => { + e.MaximumReceiveMessageSize = 102400000; +}); +var app = builder.Build(); + +if (!app.Environment.IsDevelopment()) +{ + // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts. + app.UseHsts(); +} + +app.UseHttpsRedirection(); + +app.UseStaticFiles(); + +app.UseRouting(); + +app.MapBlazorHub(); +app.MapFallbackToPage("/_Host"); + +app.Run(); diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/Properties/launchSettings.json b/KB-Samples/DiagramInDialog/DiagramInDialog/Properties/launchSettings.json new file mode 100644 index 00000000..cae72685 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/Properties/launchSettings.json @@ -0,0 +1,35 @@ +{ + "iisSettings": { + "iisExpress": { + "applicationUrl": "http://localhost:18318", + "sslPort": 44368 + } + }, + "profiles": { + "http": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "http://localhost:5048", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "https": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "https://localhost:7088;http://localhost:5048", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + } + } +} diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/_Imports.razor b/KB-Samples/DiagramInDialog/DiagramInDialog/_Imports.razor new file mode 100644 index 00000000..920072b4 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/_Imports.razor @@ -0,0 +1,5 @@ +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using Microsoft.JSInterop +@using DiagramInDialog + diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.Development.json b/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.Development.json new file mode 100644 index 00000000..770d3e93 --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.Development.json @@ -0,0 +1,9 @@ +{ + "DetailedErrors": true, + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + } +} diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.json b/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.json new file mode 100644 index 00000000..10f68b8c --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/appsettings.json @@ -0,0 +1,9 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + }, + "AllowedHosts": "*" +} diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/Interop.js b/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/Interop.js new file mode 100644 index 00000000..b062d9bf --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/Interop.js @@ -0,0 +1,3 @@ +function UpdateWindow() { + window.dispatchEvent(new Event('resize')); +} \ No newline at end of file diff --git a/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/css/site.css b/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/css/site.css new file mode 100644 index 00000000..08e7f0be --- /dev/null +++ b/KB-Samples/DiagramInDialog/DiagramInDialog/wwwroot/css/site.css @@ -0,0 +1,28 @@ +#blazor-error-ui { + background: lightyellow; + bottom: 0; + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); + display: none; + left: 0; + padding: 0.6rem 1.25rem 0.7rem 1.25rem; + position: fixed; + width: 100%; + z-index: 1000; +} + + #blazor-error-ui .dismiss { + cursor: pointer; + position: absolute; + right: 3.5rem; + top: 0.5rem; + } + +.blazor-error-boundary { + background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; + padding: 1rem 1rem 1rem 3.7rem; + color: white; +} + + .blazor-error-boundary::after { + content: "An error has occurred." + }