added BlazorAppRadzenNet8UpgradeRadzen4to5

akifmt · Aug 11, 2024 · ee014e1 · ee014e1
1 parent 30ac436
commit ee014e1
Show file tree

Hide file tree

Showing 30 changed files with 1,129 additions and 0 deletions.
diff --git a/src/BlazorAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5.sln b/src/BlazorAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5.sln
@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.10.35004.147
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BlazorAppRadzenNet8UpgradeRadzen4to5", "BlazorAppRadzenNet8UpgradeRadzen4to5\BlazorAppRadzenNet8UpgradeRadzen4to5.csproj", "{2A3D3409-F811-4BAD-81B1-10243349D26C}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{2A3D3409-F811-4BAD-81B1-10243349D26C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{2A3D3409-F811-4BAD-81B1-10243349D26C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{2A3D3409-F811-4BAD-81B1-10243349D26C}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{2A3D3409-F811-4BAD-81B1-10243349D26C}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {E78B5F08-4975-4B9B-B9F8-DFDD0DAE2608}
+	EndGlobalSection
+EndGlobal
diff --git a/...dzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5.csproj b/...dzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5.csproj
@@ -0,0 +1,16 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+	<PropertyGroup>
+		<TargetFramework>net8.0</TargetFramework>
+		<Nullable>enable</Nullable>
+		<ImplicitUsings>enable</ImplicitUsings>
+	</PropertyGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Mapster" Version="7.4.0" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore.InMemory" Version="8.0.7" />
+		<PackageReference Include="Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore" Version="8.0.7" />
+		<PackageReference Include="Radzen.Blazor" Version="5.0.8" />
+	</ItemGroup>
+
+</Project>
diff --git a/...rAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/App.razor b/...rAppRadzenNet8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/App.razor
@@ -0,0 +1,22 @@
+@inject NavigationManager NavigationManager
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="@NavigationManager.BaseUri" />
+    <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css" />
+    <link rel="stylesheet" href="css/site.css" />
+    <link rel="icon" href="favicon.ico" />
+    <HeadOutlet @rendermode="InteractiveServer" />
+</head>
+
+<body>
+    <Routes @rendermode="InteractiveServer" />
+
+    <script src="_framework/blazor.web.js"></script>
+    <script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
+</body>
+
+</html>
diff --git a/...UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Layout/MainLayout.razor b/...UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Layout/MainLayout.razor
@@ -0,0 +1,59 @@
+@inherits LayoutComponentBase
+
+@inject IJSRuntime JSRuntime
+@inject NavigationManager NavigationManager
+@inject DialogService DialogService
+@inject ContextMenuService ContextMenuService
+@inject TooltipService TooltipService
+@inject NotificationService NotificationService
+
+<RadzenDialog />
+<RadzenNotification />
+<RadzenTooltip />
+<RadzenContextMenu />
+<RadzenComponents />
+
+
+
+<RadzenLayout style="grid-template-areas: 'rz-sidebar rz-header' 'rz-sidebar rz-body';">
+    <RadzenHeader>
+        <RadzenRow JustifyContent="JustifyContent.Start" AlignItems="AlignItems.Center" Gap="0">
+            <RadzenColumn Size="5">
+                <RadzenSidebarToggle Click="@SidebarToggleClick"></RadzenSidebarToggle>
+            </RadzenColumn>
+            <RadzenColumn Size="7">
+                <RadzenStack AlignItems="AlignItems.Center" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End"></RadzenStack>
+            </RadzenColumn>
+        </RadzenRow>
+    </RadzenHeader>
+    <RadzenBody Expanded="@sidebarExpanded">
+        <RadzenRow class="rz-mx-auto rz-px-4 rz-pt-2 rz-pt-md-4 rz-pt-lg-6 rz-pt-xl-12 rz-pb-2 rz-pb-lg-12" Style="max-width: 1440px;">
+            <RadzenColumn Size="12">
+            @Body
+            </RadzenColumn>
+        </RadzenRow>
+    </RadzenBody>
+    <RadzenSidebar Expanded="@sidebarExpanded" style="z-index: 2">
+        <RadzenStack AlignItems="Radzen.AlignItems.Center" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding); border-bottom: var(--rz-panel-menu-item-border);">
+            <RadzenImage Path="images/logo.png"  style="width: 48px; height: 48px;" AlternateText="Application logo"></RadzenImage>
+            <RadzenText Text="appname" TextStyle="Radzen.Blazor.TextStyle.Subtitle1" class="rz-mb-0" style="color: var(--rz-sidebar-color);" />
+        </RadzenStack>
+
+        <NavMenu />
+
+        <RadzenStack AlignItems="Radzen.AlignItems.Center" Gap="0" class="rz-py-4 rz-py-lg-6" Style="padding: var(--rz-panel-menu-item-padding);">
+            <RadzenText Text="appname v1.0.0" TextStyle="Radzen.Blazor.TextStyle.Caption" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" />
+            <RadzenText Text="Copyright Ⓒ 2024" TextStyle="Radzen.Blazor.TextStyle.Caption" class="rz-mb-0" TagName="Radzen.Blazor.TagName.P" TextAlign="Radzen.TextAlign.Center" />
+        </RadzenStack>
+    </RadzenSidebar>
+</RadzenLayout>
+
+
+@code {
+    bool sidebarExpanded = true;
+
+    void SidebarToggleClick()
+    {
+        sidebarExpanded = !sidebarExpanded;
+    }
+}
diff --git a/...et8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Layout/NavMenu.razor b/...et8UpgradeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Layout/NavMenu.razor
@@ -0,0 +1,7 @@
+
+<RadzenPanelMenu>
+
+    <RadzenPanelMenuItem Text="Home" Path="/" />
+    <RadzenPanelMenuItem Text="Posts" Path="/BlogPost" />
+
+</RadzenPanelMenu>
diff --git a/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Create.razor b/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Create.razor
@@ -0,0 +1,74 @@
+@page "/BlogPost/Create"
+
+<RadzenText Text="Create" TextStyle="TextStyle.H5" />
+
+@if (blogPostViewModel == null)
+{
+    <p>Loading...</p>
+}
+else
+{
+
+    <RadzenStack>
+        <RadzenFieldset Text="New Post">
+            <RadzenStack Gap="2rem">
+                <RadzenTemplateForm TItem="BlogPostViewModel" Data="blogPostViewModel" Submit="HandleValidSubmit">
+
+                    <RadzenRow Class="rz-mb-2">
+                        <RadzenColumn Size="12" SizeMD="3" SizeLG="3">
+                            <RadzenLabel Component="textBoxTitle" Text="Title" style="width: 100%" />
+                        </RadzenColumn>
+                        <RadzenColumn Size="12" SizeMD="9" SizeLG="9">
+                            <RadzenTextBox Name="textBoxTitle" @bind-Value="@blogPostViewModel.Title" Placeholder="Title" style="width: 100%" />
+                            <RadzenRequiredValidator Component="textBoxTitle" />
+                        </RadzenColumn>
+                    </RadzenRow>
+
+                    <RadzenRow Class="rz-mb-2">
+                        <RadzenColumn Size="12" SizeMD="3" SizeLG="3">
+                            <RadzenLabel Component="textBoxContent" Text="Content" style="width: 100%" />
+                        </RadzenColumn>
+                        <RadzenColumn Size="12" SizeMD="9" SizeLG="9">
+                            <RadzenTextBox Name="textBoxContent" @bind-Value="@blogPostViewModel.Content" Placeholder="Content" style="width: 100%" />
+                            <RadzenRequiredValidator Component="textBoxContent" />
+                        </RadzenColumn>
+                    </RadzenRow>
+
+
+                    <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.Start">
+                        <RadzenButton ButtonType="ButtonType.Submit" ButtonStyle="ButtonStyle.Success" Icon="save" Text="Save" Variant="Variant.Flat" />
+                    </RadzenStack>
+
+                </RadzenTemplateForm>
+            </RadzenStack>
+        </RadzenFieldset>
+    </RadzenStack>
+
+    <RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
+                  Click="NavigatetoBlogPostIndex"
+                  ButtonStyle="ButtonStyle.Primary" />
+
+}
+
+@code {
+    private BlogPostViewModel? blogPostViewModel;
+
+    protected override void OnInitialized()
+    {
+        blogPostViewModel = new();
+    }
+
+    protected async Task HandleValidSubmit()
+    {
+        if (blogPostViewModel == null) return;
+
+        var blogPost = Mapper.Map<BlogPostViewModel, BlogPost>(blogPostViewModel);
+        bool result = await BlogPostService.AddBlogPostAsync(blogPost);
+        if (result)
+            NavigationManager.NavigateTo("/BlogPost/");
+
+    }
+
+    private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
+
+}
diff --git a/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Delete.razor b/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Delete.razor
@@ -0,0 +1,89 @@
+@page "/BlogPost/Delete/{id:int}"
+
+<h3>Delete</h3>
+
+@if (blogPostViewModel == null)
+{
+    <p>Loading...</p>
+}
+else
+{
+
+    <RadzenStack>
+        <RadzenFieldset Text="Post Delete">
+            <RadzenStack>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Id" for="id" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="id" Value="@blogPostViewModel.Id.ToString()"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Title" for="title" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="title" Value="@blogPostViewModel.Title"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Content" for="content" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="content" Value="@blogPostViewModel.Content"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+            </RadzenStack>
+
+            <RadzenButton Text="REMOVE" Icon="delete_forever" ButtonStyle="ButtonStyle.Danger"
+                          Click="RemoveButtonClick" />
+
+        </RadzenFieldset>
+    </RadzenStack>
+
+    <RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
+                  Click="NavigatetoBlogPostIndex"
+                  ButtonStyle="ButtonStyle.Primary" />
+
+
+}
+
+@code {
+
+    [Parameter]
+    public int id { get; set; }
+
+    BlogPostViewModel? blogPostViewModel;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (blogPostViewModel == null)
+        {
+            var blogPost = await BlogPostService.GetbyId(id);
+            if (blogPost == null)
+                return;
+
+            blogPostViewModel = Mapper.Map<BlogPost, BlogPostViewModel>(blogPost);
+        }
+    }
+
+    private async void RemoveButtonClick()
+    {
+        bool result = await BlogPostService.DeletebyIdAsync(id);
+        if (result)
+            NavigationManager.NavigateTo("/BlogPost");
+    }
+
+    private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
+
+}
diff --git a/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Detail.razor b/...adeRadzen4to5/BlazorAppRadzenNet8UpgradeRadzen4to5/Components/Pages/BlogPost/Detail.razor
@@ -0,0 +1,78 @@
+@page "/BlogPost/Detail/{id:int}"
+
+<h3>Detail</h3>
+
+@if (blogPostViewModel == null)
+{
+    <p>Loading...</p>
+}
+else
+{
+
+    <RadzenStack>
+        <RadzenFieldset Text="Post Detail">
+            <RadzenStack>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Id" for="id" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="id" Value="@blogPostViewModel.Id.ToString()"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Title" for="title" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="title" Value="@blogPostViewModel.Title"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+                <RadzenRow AlignItems="AlignItems.Center" Class="rz-mb-2">
+                    <RadzenColumn SizeSM="12" SizeMD="2" SizeLG="2">
+                        <RadzenLabel Text="Content" for="content" />
+                    </RadzenColumn>
+                    <RadzenColumn SizeSM="12" SizeMD="10" SizeLG="10">
+                        <RadzenTextBox id="content" Value="@blogPostViewModel.Content"
+                                       ReadOnly=true Style="width:100%" />
+                    </RadzenColumn>
+                </RadzenRow>
+
+            </RadzenStack>
+        </RadzenFieldset>
+    </RadzenStack>
+
+    <RadzenButton Text="Back" Icon="arrow_back" Class="rz-mt-2"
+                  Click="NavigatetoBlogPostIndex"
+                  ButtonStyle="ButtonStyle.Primary" />
+
+}
+
+@code {
+
+    [Parameter]
+    public int id { get; set; }
+
+    BlogPostViewModel? blogPostViewModel;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (blogPostViewModel == null)
+        {
+            var blogPost = await BlogPostService.GetbyId(id);
+            if (blogPost == null)
+                return;
+
+            blogPostViewModel = Mapper.Map<BlogPost, BlogPostViewModel>(blogPost);
+        }
+    }
+
+
+    private void NavigatetoBlogPostIndex() => NavigationManager.NavigateTo("/BlogPost");
+
+}