From 5b54cd60a0557e8e5c7e1249a62c7f473de59650 Mon Sep 17 00:00:00 2001 From: Thorsten Sommer Date: Fri, 5 Apr 2024 16:16:33 +0200 Subject: [PATCH] Integration of MudBlazor --- app/MindWork AI Studio/Components/App.razor | 16 +++++++--- .../Components/Layout/MainLayout.razor | 23 +++++++++++---- .../Components/Layout/MainLayout.razor.cs | 13 +++++++++ .../Components/Layout/MainLayout.razor.css | 18 ------------ .../Components/Pages/Home.razor | 4 +-- .../Components/Routes.razor | 6 +++- .../Components/_Imports.razor | 3 +- .../MindWork AI Studio.csproj | 5 ++++ app/MindWork AI Studio/Program.cs | 29 +++++++++---------- app/MindWork AI Studio/wwwroot/app.css | 29 ------------------- app/MindWork AI Studio/wwwroot/app.js | 0 11 files changed, 69 insertions(+), 77 deletions(-) create mode 100644 app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs delete mode 100644 app/MindWork AI Studio/Components/Layout/MainLayout.razor.css create mode 100644 app/MindWork AI Studio/wwwroot/app.js diff --git a/app/MindWork AI Studio/Components/App.razor b/app/MindWork AI Studio/Components/App.razor index cc4a806..68e0987 100644 --- a/app/MindWork AI Studio/Components/App.razor +++ b/app/MindWork AI Studio/Components/App.razor @@ -5,14 +5,22 @@ - - + + + + - - + + + + + + + + \ No newline at end of file diff --git a/app/MindWork AI Studio/Components/Layout/MainLayout.razor b/app/MindWork AI Studio/Components/Layout/MainLayout.razor index a7ebcef..510bf4a 100644 --- a/app/MindWork AI Studio/Components/Layout/MainLayout.razor +++ b/app/MindWork AI Studio/Components/Layout/MainLayout.razor @@ -1,9 +1,20 @@ @inherits LayoutComponentBase -@Body + -
- An unhandled error has occurred. - Reload - 🗙 -
\ No newline at end of file + + + + Home + Chats + Settings + + + + + + + @this.Body + + + \ No newline at end of file diff --git a/app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs b/app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs new file mode 100644 index 0000000..8754c8d --- /dev/null +++ b/app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs @@ -0,0 +1,13 @@ +namespace MindWork_AI_Studio.Components.Layout; + +public partial class MainLayout +{ + #region Overrides of ComponentBase + + protected override async Task OnInitializedAsync() + { + await base.OnInitializedAsync(); + } + + #endregion +} \ No newline at end of file diff --git a/app/MindWork AI Studio/Components/Layout/MainLayout.razor.css b/app/MindWork AI Studio/Components/Layout/MainLayout.razor.css deleted file mode 100644 index df8c10f..0000000 --- a/app/MindWork AI Studio/Components/Layout/MainLayout.razor.css +++ /dev/null @@ -1,18 +0,0 @@ -#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: 0.75rem; - top: 0.5rem; - } diff --git a/app/MindWork AI Studio/Components/Pages/Home.razor b/app/MindWork AI Studio/Components/Pages/Home.razor index dfcdf75..8dcabea 100644 --- a/app/MindWork AI Studio/Components/Pages/Home.razor +++ b/app/MindWork AI Studio/Components/Pages/Home.razor @@ -2,6 +2,4 @@ Home -

Hello, world!

- -Welcome to your new app. \ No newline at end of file +

Hello :)

\ No newline at end of file diff --git a/app/MindWork AI Studio/Components/Routes.razor b/app/MindWork AI Studio/Components/Routes.razor index ae94e9e..0d877c0 100644 --- a/app/MindWork AI Studio/Components/Routes.razor +++ b/app/MindWork AI Studio/Components/Routes.razor @@ -3,4 +3,8 @@ - \ No newline at end of file + + + + + \ No newline at end of file diff --git a/app/MindWork AI Studio/Components/_Imports.razor b/app/MindWork AI Studio/Components/_Imports.razor index a4644ce..25d74e5 100644 --- a/app/MindWork AI Studio/Components/_Imports.razor +++ b/app/MindWork AI Studio/Components/_Imports.razor @@ -7,4 +7,5 @@ @using Microsoft.AspNetCore.Components.Web.Virtualization @using Microsoft.JSInterop @using MindWork_AI_Studio -@using MindWork_AI_Studio.Components \ No newline at end of file +@using MindWork_AI_Studio.Components +@using MudBlazor \ No newline at end of file diff --git a/app/MindWork AI Studio/MindWork AI Studio.csproj b/app/MindWork AI Studio/MindWork AI Studio.csproj index e1a280b..b37494f 100644 --- a/app/MindWork AI Studio/MindWork AI Studio.csproj +++ b/app/MindWork AI Studio/MindWork AI Studio.csproj @@ -12,4 +12,9 @@ + + + + + diff --git a/app/MindWork AI Studio/Program.cs b/app/MindWork AI Studio/Program.cs index a7d0010..92167aa 100644 --- a/app/MindWork AI Studio/Program.cs +++ b/app/MindWork AI Studio/Program.cs @@ -1,26 +1,25 @@ using MindWork_AI_Studio.Components; +using MudBlazor; +using MudBlazor.Services; var builder = WebApplication.CreateBuilder(args); - -// Add services to the container. builder.Services.AddRazorComponents() - .AddInteractiveServerComponents(); + .AddInteractiveServerComponents() + .AddHubOptions(x => + { + x.MaximumReceiveMessageSize = null; + }); + +builder.WebHost.UseKestrel(); +builder.WebHost.UseWebRoot("wwwroot"); +builder.WebHost.UseStaticWebAssets(); +builder.WebHost.UseUrls("http://localhost:5000"); +builder.Services.AddMudServices(); +builder.Services.AddMudMarkdownServices(); var app = builder.Build(); - -// Configure the HTTP request pipeline. -if (!app.Environment.IsDevelopment()) -{ - app.UseExceptionHandler("/Error", createScopeForErrors: true); - // 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.UseAntiforgery(); - app.MapRazorComponents() .AddInteractiveServerRenderMode(); diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css index e398853..e69de29 100644 --- a/app/MindWork AI Studio/wwwroot/app.css +++ b/app/MindWork AI Studio/wwwroot/app.css @@ -1,29 +0,0 @@ -h1:focus { - outline: none; -} - -.valid.modified:not([type=checkbox]) { - outline: 1px solid #26b050; -} - -.invalid { - outline: 1px solid #e50000; -} - -.validation-message { - color: #e50000; -} - -.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." - } - -.darker-border-checkbox.form-check-input { - border-color: #929292; -} diff --git a/app/MindWork AI Studio/wwwroot/app.js b/app/MindWork AI Studio/wwwroot/app.js new file mode 100644 index 0000000..e69de29