From fc29975b3e799cdfc97f07a1e067fb4949a13555 Mon Sep 17 00:00:00 2001 From: VaclavKucera Date: Sun, 17 Nov 2024 15:21:51 +0100 Subject: [PATCH] po lekci 8 --- ToDoList/ToDoList.sln | 7 ++++ .../ToDoList.Frontend/Components/App.razor | 18 +++++++++ .../Components/Dashboard.razor | 31 +++++++++++++++ .../Components/Layout/MainLayout.razor | 3 ++ .../Components/Layout/MainLayout.razor.css | 18 +++++++++ .../Components/Pages/AhojSvete.razor | 12 ++++++ .../Components/Pages/Error.razor | 36 ++++++++++++++++++ .../Components/Pages/Home.razor | 27 +++++++++++++ .../ToDoList.Frontend/Components/Routes.razor | 6 +++ .../Components/_Imports.razor | 10 +++++ ToDoList/src/ToDoList.Frontend/Program.cs | 27 +++++++++++++ .../Properties/launchSettings.json | 38 +++++++++++++++++++ .../ToDoList.Frontend.csproj | 9 +++++ .../appsettings.Development.json | 8 ++++ .../src/ToDoList.Frontend/appsettings.json | 9 +++++ .../src/ToDoList.Frontend/wwwroot/app.css | 29 ++++++++++++++ 16 files changed, 288 insertions(+) create mode 100644 ToDoList/src/ToDoList.Frontend/Components/App.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Dashboard.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor.css create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Pages/AhojSvete.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Pages/Error.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Pages/Home.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/Routes.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Components/_Imports.razor create mode 100644 ToDoList/src/ToDoList.Frontend/Program.cs create mode 100644 ToDoList/src/ToDoList.Frontend/Properties/launchSettings.json create mode 100644 ToDoList/src/ToDoList.Frontend/ToDoList.Frontend.csproj create mode 100644 ToDoList/src/ToDoList.Frontend/appsettings.Development.json create mode 100644 ToDoList/src/ToDoList.Frontend/appsettings.json create mode 100644 ToDoList/src/ToDoList.Frontend/wwwroot/app.css diff --git a/ToDoList/ToDoList.sln b/ToDoList/ToDoList.sln index fe92cdd..f8c142d 100644 --- a/ToDoList/ToDoList.sln +++ b/ToDoList/ToDoList.sln @@ -15,6 +15,8 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ToDoList.Test", "tests\ToDo EndProject Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ToDoList.Persistence", "src\ToDoList.Persistence\ToDoList.Persistence.csproj", "{9D93325A-6242-4417-AF1B-7B06DB3A7864}" EndProject +Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ToDoList.Frontend", "src\ToDoList.Frontend\ToDoList.Frontend.csproj", "{2A4A356C-0F7A-476E-88C9-E101784C9F30}" +EndProject Global GlobalSection(SolutionConfigurationPlatforms) = preSolution Debug|Any CPU = Debug|Any CPU @@ -40,11 +42,16 @@ Global {9D93325A-6242-4417-AF1B-7B06DB3A7864}.Debug|Any CPU.Build.0 = Debug|Any CPU {9D93325A-6242-4417-AF1B-7B06DB3A7864}.Release|Any CPU.ActiveCfg = Release|Any CPU {9D93325A-6242-4417-AF1B-7B06DB3A7864}.Release|Any CPU.Build.0 = Release|Any CPU + {2A4A356C-0F7A-476E-88C9-E101784C9F30}.Debug|Any CPU.ActiveCfg = Debug|Any CPU + {2A4A356C-0F7A-476E-88C9-E101784C9F30}.Debug|Any CPU.Build.0 = Debug|Any CPU + {2A4A356C-0F7A-476E-88C9-E101784C9F30}.Release|Any CPU.ActiveCfg = Release|Any CPU + {2A4A356C-0F7A-476E-88C9-E101784C9F30}.Release|Any CPU.Build.0 = Release|Any CPU EndGlobalSection GlobalSection(NestedProjects) = preSolution {D8E3A966-671F-4E7C-86BD-B51066E39B67} = {36FD4317-29CD-4B7B-AA95-92F1582DEC01} {61CAF0A1-2EBB-410B-BB40-DA9590E88664} = {36FD4317-29CD-4B7B-AA95-92F1582DEC01} {EEB409BA-8B59-4C14-84D3-301E75F542C4} = {D78FC9D1-46B7-4F93-AE9A-24719D8C82D2} {9D93325A-6242-4417-AF1B-7B06DB3A7864} = {36FD4317-29CD-4B7B-AA95-92F1582DEC01} + {2A4A356C-0F7A-476E-88C9-E101784C9F30} = {36FD4317-29CD-4B7B-AA95-92F1582DEC01} EndGlobalSection EndGlobal diff --git a/ToDoList/src/ToDoList.Frontend/Components/App.razor b/ToDoList/src/ToDoList.Frontend/Components/App.razor new file mode 100644 index 0000000..8eb98c2 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/App.razor @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/ToDoList/src/ToDoList.Frontend/Components/Dashboard.razor b/ToDoList/src/ToDoList.Frontend/Components/Dashboard.razor new file mode 100644 index 0000000..2a35aa7 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Dashboard.razor @@ -0,0 +1,31 @@ +@rendermode InteractiveServer + +

Dashboard

+ + @foreach (var toDoItem in toDoItems) + { + + + + + + + } +
@toDoItem.ToDoItemId@toDoItem.Name@toDoItem.IsCompleted@toDoItem.Description
+ +@code +{ + private List toDoItems = + [ + new ToDoItemView() {ToDoItemId = 1, Name = "Udelat ukol na Czechitas", IsCompleted = false}, + new ToDoItemView() {ToDoItemId = 2, Name = "Udelat nepovinny ukol na Czechitas", IsCompleted = false} + ]; + + public class ToDoItemView + { + public int ToDoItemId { get; set; } + public string Name { get; set; } + public string Description { get; set; } + public bool IsCompleted { get; set; } + } +} diff --git a/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor b/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor new file mode 100644 index 0000000..e1a9a75 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor @@ -0,0 +1,3 @@ +@inherits LayoutComponentBase + +@Body diff --git a/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor.css b/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor.css new file mode 100644 index 0000000..df8c10f --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Layout/MainLayout.razor.css @@ -0,0 +1,18 @@ +#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/ToDoList/src/ToDoList.Frontend/Components/Pages/AhojSvete.razor b/ToDoList/src/ToDoList.Frontend/Components/Pages/AhojSvete.razor new file mode 100644 index 0000000..b8404e9 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Pages/AhojSvete.razor @@ -0,0 +1,12 @@ +@page "/AhojSvete" + +Home + +

@ahojSvete

+ +Vítej v mojí aplikaci. + +@code +{ + string ahojSvete = "Ahoj světe z jiné stránky!"; +} diff --git a/ToDoList/src/ToDoList.Frontend/Components/Pages/Error.razor b/ToDoList/src/ToDoList.Frontend/Components/Pages/Error.razor new file mode 100644 index 0000000..576cc2d --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Pages/Error.razor @@ -0,0 +1,36 @@ +@page "/Error" +@using System.Diagnostics + +Error + +

Error.

+

An error occurred while processing your request.

+ +@if (ShowRequestId) +{ +

+ Request ID: @RequestId +

+} + +

Development Mode

+

+ Swapping to Development environment will display more detailed information about the error that occurred. +

+

+ The Development environment shouldn't be enabled for deployed applications. + It can result in displaying sensitive information from exceptions to end users. + For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development + and restarting the app. +

+ +@code{ + [CascadingParameter] + private HttpContext? HttpContext { get; set; } + + private string? RequestId { get; set; } + private bool ShowRequestId => !string.IsNullOrEmpty(RequestId); + + protected override void OnInitialized() => + RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier; +} diff --git a/ToDoList/src/ToDoList.Frontend/Components/Pages/Home.razor b/ToDoList/src/ToDoList.Frontend/Components/Pages/Home.razor new file mode 100644 index 0000000..942923e --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Pages/Home.razor @@ -0,0 +1,27 @@ +@page "/" +@rendermode InteractiveServer + +Home + + + +

@ahojSvete

+ +Vítej v mojí aplikaci. +
+ + +
+Hodnota počítadla: @counter; + +@code +{ + string ahojSvete = "Ahoj světe ještě jednou!"; + + int counter = 0; + + public void Increment() + { + counter++; + } +} diff --git a/ToDoList/src/ToDoList.Frontend/Components/Routes.razor b/ToDoList/src/ToDoList.Frontend/Components/Routes.razor new file mode 100644 index 0000000..f756e19 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/Routes.razor @@ -0,0 +1,6 @@ + + + + + + diff --git a/ToDoList/src/ToDoList.Frontend/Components/_Imports.razor b/ToDoList/src/ToDoList.Frontend/Components/_Imports.razor new file mode 100644 index 0000000..30b821f --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Components/_Imports.razor @@ -0,0 +1,10 @@ +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using static Microsoft.AspNetCore.Components.Web.RenderMode +@using Microsoft.AspNetCore.Components.Web.Virtualization +@using Microsoft.JSInterop +@using ToDoList.Frontend +@using ToDoList.Frontend.Components diff --git a/ToDoList/src/ToDoList.Frontend/Program.cs b/ToDoList/src/ToDoList.Frontend/Program.cs new file mode 100644 index 0000000..a51fab5 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Program.cs @@ -0,0 +1,27 @@ +using ToDoList.Frontend.Components; + +var builder = WebApplication.CreateBuilder(args); + +// Add services to the container. +builder.Services.AddRazorComponents() + .AddInteractiveServerComponents(); + +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(); + +app.Run(); diff --git a/ToDoList/src/ToDoList.Frontend/Properties/launchSettings.json b/ToDoList/src/ToDoList.Frontend/Properties/launchSettings.json new file mode 100644 index 0000000..be22355 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/Properties/launchSettings.json @@ -0,0 +1,38 @@ +{ + "$schema": "http://json.schemastore.org/launchsettings.json", + "iisSettings": { + "windowsAuthentication": false, + "anonymousAuthentication": true, + "iisExpress": { + "applicationUrl": "http://localhost:64752", + "sslPort": 44304 + } + }, + "profiles": { + "http": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "http://localhost:5174", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "https": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "https://localhost:7006;http://localhost:5174", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "IIS Express": { + "commandName": "IISExpress", + "launchBrowser": true, + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + } + } + } diff --git a/ToDoList/src/ToDoList.Frontend/ToDoList.Frontend.csproj b/ToDoList/src/ToDoList.Frontend/ToDoList.Frontend.csproj new file mode 100644 index 0000000..1b28a01 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/ToDoList.Frontend.csproj @@ -0,0 +1,9 @@ + + + + net8.0 + enable + enable + + + diff --git a/ToDoList/src/ToDoList.Frontend/appsettings.Development.json b/ToDoList/src/ToDoList.Frontend/appsettings.Development.json new file mode 100644 index 0000000..0c208ae --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/appsettings.Development.json @@ -0,0 +1,8 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + } +} diff --git a/ToDoList/src/ToDoList.Frontend/appsettings.json b/ToDoList/src/ToDoList.Frontend/appsettings.json new file mode 100644 index 0000000..10f68b8 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/appsettings.json @@ -0,0 +1,9 @@ +{ + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + }, + "AllowedHosts": "*" +} diff --git a/ToDoList/src/ToDoList.Frontend/wwwroot/app.css b/ToDoList/src/ToDoList.Frontend/wwwroot/app.css new file mode 100644 index 0000000..e398853 --- /dev/null +++ b/ToDoList/src/ToDoList.Frontend/wwwroot/app.css @@ -0,0 +1,29 @@ +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; +}