petabridge · Aaronontheweb · Mar 26, 2024 · Mar 26, 2024
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/App.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/App.razor
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
+    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
+
+
+    <link rel="icon" type="image/png" href="favicon.ico" />
+    <HeadOutlet @rendermode="@InteractiveServer" />
+</head>
+
+<body>
+    <Routes @rendermode="@InteractiveServer" />
+    <script src="_framework/blazor.web.js"></script>
+	<script src="_content/MudBlazor/MudBlazor.min.js"></script>
+</body>
+
+</html>
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Layout/MainLayout.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Layout/MainLayout.razor
@@ -0,0 +1,18 @@
+@inherits LayoutComponentBase
+
+<MudThemingProvider />
+<MudPopoverProvider />
+<MudDialogProvider />
+<MudSnackbarProvider />
+
+<MudLayout>
+    <MudAppBar Elevation="1">
+        <MudText Typo="Typo.h5" Class="ml-3">Akka.NET SqlServer CQRS Demo</MudText>
+    </MudAppBar>
+    <MudMainContent Class="mt-16 pa-4">
+        @Body
+    </MudMainContent>
+</MudLayout>
+
+@code {
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Pages/Error.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Pages/Error.razor
@@ -0,0 +1,36 @@
+@page "/Error"
+@using System.Diagnostics
+
+<PageTitle>Error</PageTitle>
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
+
+@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/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Pages/Home.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Pages/Home.razor
@@ -0,0 +1,58 @@
+@page "/"
+@using CqrsSqlServer.DataModel.Entities
+@using CqrsSqlServer.DataModel
+@using Microsoft.EntityFrameworkCore
+@inject CqrsSqlServerContext DbContext
+
+<PageTitle>Product Data</PageTitle>
+<div class="d-flex flex-grow-1 gap-4">
+    <MudText Typo="Typo.h3" GutterBottom="true">Product Data</MudText>
+    <MudFab Color="Color.Primary" StartIcon="@Icons.Material.Filled.Refresh" OnClick="RefreshCallback"></MudFab>
+</div>
+
+<MudTable Items="_products" Hover="true" SortLabel="Sort By" Elevation="0" Loading="@_loading">
+    <HeaderContent>
+        <MudTh><MudTableSortLabel InitialDirection="SortDirection.Ascending" SortBy="new Func<ProductListing, object>(x=>x.ProductId)">Id</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.ProductName)">Name</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.Price)">Price</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.AllInventory)">Inventory</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.SoldUnits)">Sold</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.TotalRevenue)">Revenue</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.Created)">Created</MudTableSortLabel></MudTh>
+        <MudTh><MudTableSortLabel SortBy="new Func<ProductListing, object>(x=>x.LastModified)">Updated</MudTableSortLabel></MudTh>
+    </HeaderContent>
+    <RowTemplate>
+        <MudTd DataLabel="Id">@context.ProductId</MudTd>
+        <MudTd DataLabel="Name">@context.ProductName</MudTd>
+        <MudTd DataLabel="Price">@context.Price</MudTd>
+        <MudTd DataLabel="Inventory">@context.AllInventory</MudTd>
+        <MudTd DataLabel="Sold">@context.SoldUnits</MudTd>
+        <MudTd DataLabel="Revenue">@context.TotalRevenue</MudTd>
+        <MudTd DataLabel="Created">@context.Created</MudTd>
+        <MudTd DataLabel="Updated">@context.LastModified</MudTd>
+    </RowTemplate>
+    <PagerContent>
+        <MudTablePager PageSizeOptions="new int[]{10, 50, 100}" />
+    </PagerContent>
+</MudTable>
+
+@code {
+    private ProductListing[] _products = Array.Empty<ProductListing>();
+    private bool _loading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        _products = await DbContext.Products.ToArrayAsync();
+        _loading = false;
+    }
+
+    private async Task RefreshCallback()
+    {
+        _loading = true;
+        StateHasChanged();
+        _products = await DbContext.Products.ToArrayAsync();
+        _loading = false;
+        StateHasChanged();
+    }
+
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Routes.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/Routes.razor
@@ -0,0 +1,6 @@
+<Router AppAssembly="@typeof(Program).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(Layout.MainLayout)" />
+        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+    </Found>
+</Router>
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/_Imports.razor b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Components/_Imports.razor
@@ -0,0 +1,12 @@
+@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 CqrsSqlServer.Frontend
+@using CqrsSqlServer.Frontend.Components
+@using MudBlazor
+@using MudBlazor.Services
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/CqrsSqlServer.Frontend.csproj b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/CqrsSqlServer.Frontend.csproj
@@ -0,0 +1,19 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+
+  <ItemGroup>
+    <PackageReference Include="MudBlazor" Version="6.*" />
+  </ItemGroup>
+
+
+  <ItemGroup>
+    <ProjectReference Include="..\CqrsSqlServer.DataModel\CqrsSqlServer.DataModel.csproj" />
+  </ItemGroup>
+
+</Project>
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Program.cs b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/Program.cs
@@ -0,0 +1,51 @@
+using CqrsSqlServer.DataModel;
+using CqrsSqlServer.Frontend.Components;
+using Microsoft.EntityFrameworkCore;
+using MudBlazor.Services;
+
+namespace CqrsSqlServer.Frontend;
+
+public class Program
+{
+    public static void Main(string[] args)
+    {
+        var builder = WebApplication.CreateBuilder(args);
+
+        // Add services to the container.
+        builder.Services.AddRazorComponents()
+            .AddInteractiveServerComponents();
+
+		builder.Services.AddMudServices();
+
+        var connectionString = builder.Configuration.GetConnectionString("AkkaSqlConnection");
+        if (connectionString is null)
+            throw new Exception("AkkaSqlConnection setting is missing");
+
+        builder.Services.AddDbContext<CqrsSqlServerContext>(options =>
+        {
+            // disable change tracking for all implementations of this context
+            options.UseQueryTrackingBehavior(QueryTrackingBehavior.NoTracking);
+            options.UseSqlServer(connectionString);
+        });
+
+        var app = builder.Build();
+
+        // Configure the HTTP request pipeline.
+        if (!app.Environment.IsDevelopment())
+        {
+            app.UseExceptionHandler("/Error");
+            // 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<App>()
+            .AddInteractiveServerRenderMode();
+
+        app.Run();
+    }
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/appsettings.Development.json b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/appsettings.json b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/appsettings.json
@@ -0,0 +1,12 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*",
+  "ConnectionStrings": {
+    "AkkaSqlConnection": "Server=localhost,1533; Database=Akka; User Id=sa; Password=yourStrong(!)Password; TrustServerCertificate=true;"
+  }
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/wwwroot/app.css b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/wwwroot/app.css
@@ -0,0 +1,20 @@
+/*
+	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
+	The file remains available at all times for demonstration purposes,
+	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
+*/
+
+.btn-primary {
+    text-transform: uppercase;
+    --bs-btn-bg: var(--mud-palette-primary) !important;
+    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
+}
+
+.nav-pills {
+    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
+}
+
+.nav {
+    --bs-nav-link-color: var(--mud-palette-primary) !important;
+    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
+}
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/wwwroot/favicon.ico b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.Frontend/wwwroot/favicon.ico
diff --git a/src/cqrs/cqrs-sqlserver/CqrsSqlServer.sln b/src/cqrs/cqrs-sqlserver/CqrsSqlServer.sln
@@ -9,6 +9,8 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CqrsSqlServer.Backend", "Cq
 EndProject
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CqrsSqlServer.DataModel", "CqrsSqlServer.DataModel\CqrsSqlServer.DataModel.csproj", "{A1B9790C-AC65-46C0-8BC5-2C4013F5245D}"
 EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CqrsSqlServer.Frontend", "CqrsSqlServer.Frontend\CqrsSqlServer.Frontend.csproj", "{D291AA52-B8AA-4A8C-A5F2-9323259DAACF}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -30,5 +32,11 @@ Global
 		{A1B9790C-AC65-46C0-8BC5-2C4013F5245D}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{A1B9790C-AC65-46C0-8BC5-2C4013F5245D}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{A1B9790C-AC65-46C0-8BC5-2C4013F5245D}.Release|Any CPU.Build.0 = Release|Any CPU
+		{D291AA52-B8AA-4A8C-A5F2-9323259DAACF}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{D291AA52-B8AA-4A8C-A5F2-9323259DAACF}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{D291AA52-B8AA-4A8C-A5F2-9323259DAACF}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{D291AA52-B8AA-4A8C-A5F2-9323259DAACF}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(NestedProjects) = preSolution
 	EndGlobalSection
 EndGlobal