From 369dfa9800c3aa1db21061c6325594aac6a3a69b Mon Sep 17 00:00:00 2001
From: SHM <sunghm8030@gmail.com>
Date: Tue, 22 Jul 2025 10:51:47 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=84=B1=ED=98=84=EB=AA=A8]=20Radzen=20Blazor?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../eCIA/eCIA.Shared/Layout/MainLayout.razor  | 34 ++++++++-----------
 .../eCIA/eCIA/eCIA.Shared/Pages/Home.razor    |  7 ++++
 Projects/eCIA/eCIA/eCIA.Shared/_Imports.razor |  3 ++
 .../eCIA/eCIA/eCIA.Shared/eCIA.Shared.csproj  |  3 +-
 .../eCIA/eCIA/eCIA.Web/Components/App.razor   |  3 ++
 .../eCIA/eCIA.Web/Components/_Imports.razor   |  3 ++
 Projects/eCIA/eCIA/eCIA.Web/Program.cs        |  4 +++
 Projects/eCIA/eCIA/eCIA/MauiProgram.cs        |  5 +++
 Projects/eCIA/eCIA/eCIA/wwwroot/index.html    |  4 ++-
 9 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/Projects/eCIA/eCIA/eCIA.Shared/Layout/MainLayout.razor b/Projects/eCIA/eCIA/eCIA.Shared/Layout/MainLayout.razor
index 78624f3..0b1ea55 100644
--- a/Projects/eCIA/eCIA/eCIA.Shared/Layout/MainLayout.razor
+++ b/Projects/eCIA/eCIA/eCIA.Shared/Layout/MainLayout.razor
@@ -1,23 +1,19 @@
 @inherits LayoutComponentBase
 
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
-
-    <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
+<RadzenLayout>
+    <RadzenBody>
+        <div>
+            @* <RadzenText Text="@($"{_configService?.GetConfig()?.ProjectName}")"></RadzenText> *@
+            <RadzenText Text="@("Project Name")"></RadzenText>
         </div>
-
-        <article class="content px-4">
+        <div style="margin:0; padding:0;">
             @Body
-        </article>
-    </main>
-</div>
-
-<div id="blazor-error-ui" data-nosnippet>
-    An unhandled error has occurred.
-    <a href="." class="reload">Reload</a>
-    <span class="dismiss">🗙</span>
-</div>
+        </div>
+    </RadzenBody>
+    <RadzenFooter>
+        <div>
+            <RadzenLabel Text="@("Copyright © 2025, SystemX Inc. All rights reserved.")"></RadzenLabel>
+        </div>
+    </RadzenFooter>
+</RadzenLayout>
+<RadzenComponents />
diff --git a/Projects/eCIA/eCIA/eCIA.Shared/Pages/Home.razor b/Projects/eCIA/eCIA/eCIA.Shared/Pages/Home.razor
index ed6e965..ae704aa 100644
--- a/Projects/eCIA/eCIA/eCIA.Shared/Pages/Home.razor
+++ b/Projects/eCIA/eCIA/eCIA.Shared/Pages/Home.razor
@@ -8,7 +8,14 @@
 
 Welcome to your new app running on <em>@factor</em> using <em>@platform</em>.
 
+<RadzenButton Click="@ButtonClicked" Text="Hi"></RadzenButton>
+
 @code {
     private string factor => FormFactor.GetFormFactor();
     private string platform => FormFactor.GetPlatform();
+
+    void ButtonClicked()
+    {
+        // Handle the Click event of RadzenButton
+    }
 }
diff --git a/Projects/eCIA/eCIA/eCIA.Shared/_Imports.razor b/Projects/eCIA/eCIA/eCIA.Shared/_Imports.razor
index d88eed9..aee1adf 100644
--- a/Projects/eCIA/eCIA/eCIA.Shared/_Imports.razor
+++ b/Projects/eCIA/eCIA/eCIA.Shared/_Imports.razor
@@ -6,3 +6,6 @@
 @using static Microsoft.AspNetCore.Components.Web.RenderMode
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
+
+@using Radzen
+@using Radzen.Blazor
\ No newline at end of file
diff --git a/Projects/eCIA/eCIA/eCIA.Shared/eCIA.Shared.csproj b/Projects/eCIA/eCIA/eCIA.Shared/eCIA.Shared.csproj
index 36f7ff8..8e5268c 100644
--- a/Projects/eCIA/eCIA/eCIA.Shared/eCIA.Shared.csproj
+++ b/Projects/eCIA/eCIA/eCIA.Shared/eCIA.Shared.csproj
@@ -11,7 +11,8 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="9.0.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="9.0.7" />
+    <PackageReference Include="Radzen.Blazor" Version="7.1.5" />
   </ItemGroup>
 
 </Project>
\ No newline at end of file
diff --git a/Projects/eCIA/eCIA/eCIA.Web/Components/App.razor b/Projects/eCIA/eCIA/eCIA.Web/Components/App.razor
index fcb547c..e021350 100644
--- a/Projects/eCIA/eCIA/eCIA.Web/Components/App.razor
+++ b/Projects/eCIA/eCIA/eCIA.Web/Components/App.razor
@@ -10,10 +10,13 @@
     <link rel="stylesheet" href="eCIA.Web.styles.css" />
     <link rel="icon" type="image/png" href="_content/eCIA.Shared/favicon.png" />
     <HeadOutlet @rendermode="InteractiveAuto" />
+    <RadzenTheme Theme="material-dark" @rendermode="InteractiveAuto" />
 </head>
 
 <body>
     <Routes @rendermode="InteractiveAuto" />
+
+    <script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
     <script src="_framework/blazor.web.js"></script>
 </body>
 
diff --git a/Projects/eCIA/eCIA/eCIA.Web/Components/_Imports.razor b/Projects/eCIA/eCIA/eCIA.Web/Components/_Imports.razor
index 3f9045c..ec579be 100644
--- a/Projects/eCIA/eCIA/eCIA.Web/Components/_Imports.razor
+++ b/Projects/eCIA/eCIA/eCIA.Web/Components/_Imports.razor
@@ -10,3 +10,6 @@
 @using eCIA.Web
 @using eCIA.Web.Client
 @using eCIA.Web.Components
+
+@using Radzen
+@using Radzen.Blazor
\ No newline at end of file
diff --git a/Projects/eCIA/eCIA/eCIA.Web/Program.cs b/Projects/eCIA/eCIA/eCIA.Web/Program.cs
index 20143d2..3bea45c 100644
--- a/Projects/eCIA/eCIA/eCIA.Web/Program.cs
+++ b/Projects/eCIA/eCIA/eCIA.Web/Program.cs
@@ -1,6 +1,7 @@
 using eCIA.Shared.Services;
 using eCIA.Web.Components;
 using eCIA.Web.Services;
+using Radzen;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -12,6 +13,9 @@ builder.Services.AddRazorComponents()
 // Add device-specific services used by the eCIA.Shared project
 builder.Services.AddSingleton<IFormFactor, FormFactor>();
 
+//radzen
+builder.Services.AddRadzenComponents();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
diff --git a/Projects/eCIA/eCIA/eCIA/MauiProgram.cs b/Projects/eCIA/eCIA/eCIA/MauiProgram.cs
index 3070d96..7828fd2 100644
--- a/Projects/eCIA/eCIA/eCIA/MauiProgram.cs
+++ b/Projects/eCIA/eCIA/eCIA/MauiProgram.cs
@@ -1,6 +1,7 @@
 using eCIA.Services;
 using eCIA.Shared.Services;
 using Microsoft.Extensions.Logging;
+using Radzen;
 
 namespace eCIA
 {
@@ -21,6 +22,10 @@ namespace eCIA
 
             builder.Services.AddMauiBlazorWebView();
 
+            //radzen
+            builder.Services.AddRadzenComponents();
+            builder.Services.AddMauiBlazorWebView();
+
 #if DEBUG
             builder.Services.AddBlazorWebViewDeveloperTools();
             builder.Logging.AddDebug();
diff --git a/Projects/eCIA/eCIA/eCIA/wwwroot/index.html b/Projects/eCIA/eCIA/eCIA/wwwroot/index.html
index 10e08bd..5c14bdf 100644
--- a/Projects/eCIA/eCIA/eCIA/wwwroot/index.html
+++ b/Projects/eCIA/eCIA/eCIA/wwwroot/index.html
@@ -7,9 +7,10 @@
     <base href="/" />
     <link rel="stylesheet" href="_content/eCIA.Shared/bootstrap/bootstrap.min.css" />
     <link rel="stylesheet" href="_content/eCIA.Shared/app.css" />
+    <link rel="stylesheet" href="_content/Radzen.Blazor/css/material-dark-base.css" />
     <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="eCIA.styles.css" />
-    <link rel="icon" href="data:,">
+    <link rel="icon" href="data:,">  
 </head>
 
 <body>
@@ -18,6 +19,7 @@
 
     <div id="app">Loading...</div>
 
+    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
     <script src="_framework/blazor.webview.js" autostart="false"></script>
 
 </body>