Spaces:

Yuruyuruu
/

LibraryManagement

Sleeping

App Files Files Community

Yuyuqt commited on Apr 24

Commit

cf599e0

1 Parent(s): ad67295

add: blazorfrontend

Browse files

Files changed (23) hide show

BlazorFrontend/BlazorFrontend.csproj +9 -0
BlazorFrontend/Components/App.razor +100 -0
BlazorFrontend/Components/Layout/MainLayout.razor +106 -0
BlazorFrontend/Components/Pages/Books.razor +12 -0
BlazorFrontend/Components/Pages/Borrowings.razor +12 -0
BlazorFrontend/Components/Pages/BorrowingsManage.razor +12 -0
BlazorFrontend/Components/Pages/Error.razor +36 -0
BlazorFrontend/Components/Pages/Home.razor +23 -0
BlazorFrontend/Components/Pages/Members.razor +12 -0
BlazorFrontend/Components/Pages/Membership.razor +12 -0
BlazorFrontend/Components/Pages/Rewards.razor +12 -0
BlazorFrontend/Components/Pages/RewardsManage.razor +12 -0
BlazorFrontend/Components/Routes.razor +6 -0
BlazorFrontend/Components/_Imports.razor +10 -0
BlazorFrontend/Program.cs +27 -0
BlazorFrontend/Properties/launchSettings.json +38 -0
BlazorFrontend/appsettings.Development.json +8 -0
BlazorFrontend/appsettings.json +9 -0
BlazorFrontend/wwwroot/app.css +51 -0
BlazorFrontend/wwwroot/bootstrap/bootstrap.min.css +0 -0
BlazorFrontend/wwwroot/bootstrap/bootstrap.min.css.map +0 -0
BlazorFrontend/wwwroot/favicon.png +0 -0
LibraryManagement.slnx +1 -0

BlazorFrontend/BlazorFrontend.csproj ADDED Viewed

	@@ -0,0 +1,9 @@

+<Project Sdk="Microsoft.NET.Sdk.Web">
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+</Project>

BlazorFrontend/Components/App.razor ADDED Viewed

	@@ -0,0 +1,100 @@

+<!DOCTYPE html>
+<html lang="en" class="h-full bg-slate-50">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    <!-- Google Fonts: Inter -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <!-- Tailwind CSS Play CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    fontFamily: {
+                        sans: ['Inter', 'sans-serif'],
+                    },
+                    colors: {
+                        primary: {
+                            50: '#f8fafc',
+                            100: '#f1f5f9',
+                            200: '#e2e8f0',
+                            300: '#cbd5e1',
+                            400: '#94a3b8',
+                            500: '#64748b',
+                            600: '#475569',
+                            700: '#334155',
+                            800: '#1e293b',
+                            900: '#0f172a',
+                            950: '#020617',
+                        },
+                    },
+                }
+            }
+        }
+    </script>
+    <style type="text/tailwindcss">
+        @@layer base {
+            body { @@apply text-slate-900 antialiased h-full; }
+        }
+        @@layer components {
+            .nav-link { @@apply flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors text-slate-600 hover:text-slate-900 hover:bg-slate-100; }
+            .nav-link.active { @@apply bg-slate-900 text-white hover:bg-slate-900 hover:text-white; }
+            .card { @@apply bg-white border border-slate-200 rounded-xl shadow-sm overflow-hidden; }
+            .btn-primary { @@apply inline-flex items-center justify-center rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white shadow transition-colors hover:bg-slate-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-slate-950 disabled:pointer-events-none disabled:opacity-50; }
+            .btn-secondary { @@apply inline-flex items-center justify-center rounded-md border border-slate-200 bg-white px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-slate-100 hover:text-slate-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-slate-950 disabled:pointer-events-none disabled:opacity-50; }
+        }
+    </style>
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <HeadOutlet />
+</head>
+<body class="h-full">
+    <Routes />
+    <script src="_framework/blazor.web.js"></script>
+    <!-- Toast Notification Container -->
+    <div id="toast-container" class="fixed bottom-5 right-5 z-[100] flex flex-col gap-3 pointer-events-none"></div>
+    <script>
+        function showToast(message, type = 'success') {
+            const container = document.getElementById('toast-container');
+            const toast = document.createElement('div');
+            const bgColor = type === 'success' ? 'bg-slate-900' : 'bg-red-600';
+            const icon = type === 'success'
+                ? '<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>'
+                : '<svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>';
+            toast.className = `${bgColor} text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-3 transition-all duration-300 transform translate-y-10 opacity-0 pointer-events-auto min-w-[250px]`;
+            toast.innerHTML = `
+                <div class="shrink-0">${icon}</div>
+                <div class="text-sm font-medium tracking-tight">${message}</div>
+            `;
+            container.appendChild(toast);
+            // Animate in
+            setTimeout(() => {
+                toast.classList.remove('translate-y-10', 'opacity-0');
+            }, 10);
+            // Remove after 3 seconds
+            setTimeout(() => {
+                toast.classList.add('translate-y-[-10px]', 'opacity-0');
+                setTimeout(() => toast.remove(), 300);
+            }, 3000);
+        }
+    </script>
+</body>
+</html>

BlazorFrontend/Components/Layout/MainLayout.razor ADDED Viewed

	@@ -0,0 +1,106 @@

+@inherits LayoutComponentBase
+<div class="flex h-full overflow-hidden">
+    <!-- Sidebar -->
+    <aside class="hidden md:flex md:w-64 md:flex-col md:fixed md:inset-y-0 z-50">
+        <div class="flex flex-col flex-grow border-r border-slate-200 bg-white pt-5 pb-4 overflow-y-auto">
+            <div class="flex items-center flex-shrink-0 px-4 gap-2">
+                <div class="bg-slate-900 rounded-lg p-1.5 text-white">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m16 6 4 14"/><path d="M12 6v14"/><path d="M8 8v12"/><path d="M4 4v16"/><path d="M4 12V4l4 4"/><path d="m12 6 4 4"/></svg>
+                </div>
+                <span class="text-lg font-bold tracking-tight">Library OS</span>
+            </div>
+            <div class="mt-8 flex-grow flex flex-col">
+                <nav class="flex-1 px-2 space-y-1">
+                    <NavLink href="" Match="NavLinkMatch.All" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><rect width="7" height="9" x="3" y="3" rx="1"/><rect width="7" height="5" x="14" y="3" rx="1"/><rect width="7" height="9" x="14" y="12" rx="1"/><rect width="7" height="5" x="3" y="15" rx="1"/></svg>
+                        Dashboard
+                    </NavLink>
+                    <NavLink href="Books" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/></svg>
+                        Books Catalog
+                    </NavLink>
+                    <NavLink href="Borrowings" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="m21 21-6-6m6 6v-4.8m0 4.8h-4.8"/><path d="M3 16.2V21m0 0h4.8M3 21l6-6"/><path d="M21 7.8V3m0 0h-4.8M21 3l-6 6"/><path d="M3 7.8V3m0 0h4.8M3 3l6 6"/></svg>
+                        Active Loans
+                    </NavLink>
+                    <NavLink href="Membership" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg>
+                        My Membership
+                    </NavLink>
+                    <NavLink href="Rewards" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/></svg>
+                        Rewards
+                    </NavLink>
+                    <NavLink href="Members" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+                        Members
+                    </NavLink>
+                    <NavLink href="Borrowings/Manage" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="M11 15h2a2 2 0 1 0 0-4h-2a2 2 0 1 1 0-4h2"/><path d="M12 5v14"/><path d="M18 19V5l-4 4"/><circle cx="12" cy="12" r="10"/></svg>
+                        Manage Borrowings
+                    </NavLink>
+                    <NavLink href="Rewards/Manage" class="nav-link" ActiveClass="active">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="flex-shrink-0 mr-3"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
+                        Manage Rewards
+                    </NavLink>
+                </nav>
+            </div>
+            <div class="px-4 py-4 border-t border-slate-100">
+                <div class="flex items-center gap-3">
+                    <div class="h-8 w-8 rounded-full bg-slate-900 flex items-center justify-center text-white font-bold text-xs uppercase">
+                        GU
+                    </div>
+                    <div class="flex flex-col">
+                        <span class="text-sm font-medium">Guest User</span>
+                        <span class="text-xs text-slate-500">Sign in to borrow</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </aside>
+    <!-- Main Content Wrapper -->
+    <div class="md:pl-64 flex flex-col flex-1 w-0">
+        <!-- Topbar -->
+        <header class="flex-shrink-0 flex h-16 bg-white border-b border-slate-200">
+            <div class="flex-1 px-4 flex justify-between">
+                <div class="flex-1 flex items-center">
+                    <div class="w-full max-w-sm">
+                        <label for="search" class="sr-only">Search</label>
+                        <div class="relative">
+                            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                <svg class="h-4 w-4 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                            <input id="search" name="search" class="block w-full pl-10 pr-3 py-2 border border-slate-200 rounded-md leading-5 bg-slate-50 placeholder-slate-400 focus:outline-none focus:ring-1 focus:ring-slate-900 focus:border-slate-900 sm:text-sm transition-all" placeholder="Search books, authors, ISBN..." type="search">
+                        </div>
+                    </div>
+                </div>
+                <div class="ml-4 flex items-center md:ml-6 gap-4">
+                    <button type="button" class="bg-white p-1 rounded-full text-slate-400 hover:text-slate-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-900">
+                        <span class="sr-only">View notifications</span>
+                        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+                        </svg>
+                    </button>
+                    <a href="/login" class="btn-primary py-1.5">Sign In</a>
+                </div>
+            </div>
+        </header>
+        <!-- Main Content -->
+        <main class="flex-1 relative overflow-y-auto focus:outline-none">
+            <div class="py-8 px-4 sm:px-6 md:px-8 max-w-7xl mx-auto">
+                @Body
+            </div>
+        </main>
+    </div>
+</div>
+<div id="blazor-error-ui" class="hidden">
+    An unhandled error has occurred.
+    <a href="" class="reload text-blue-500 hover:underline">Reload</a>
+    <a class="dismiss cursor-pointer">🗙</a>
+</div>

BlazorFrontend/Components/Pages/Books.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Books"
+<PageTitle>Books Catalog</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Books Catalog</h1>
+    <p class="text-sm text-slate-500 mt-1">Browse and search our collection of books.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Books list will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/Borrowings.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Borrowings"
+<PageTitle>Active Loans</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Active Loans</h1>
+    <p class="text-sm text-slate-500 mt-1">View your current borrowed books and due dates.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Borrowings list will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/BorrowingsManage.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Borrowings/Manage"
+<PageTitle>Manage Borrowings</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Manage Borrowings</h1>
+    <p class="text-sm text-slate-500 mt-1">Librarian view to manage all borrowings.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Borrowings management will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/Error.razor ADDED Viewed

	@@ -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;
+}

BlazorFrontend/Components/Pages/Home.razor ADDED Viewed

	@@ -0,0 +1,23 @@

+@page "/"
+<PageTitle>Dashboard</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Dashboard</h1>
+    <p class="text-sm text-slate-500 mt-1">Welcome back to the Library Management System.</p>
+</div>
+<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+    <div class="card p-6">
+        <h3 class="text-lg font-medium text-slate-900">Total Books</h3>
+        <p class="text-3xl font-bold text-slate-700 mt-2">--</p>
+    </div>
+    <div class="card p-6">
+        <h3 class="text-lg font-medium text-slate-900">Active Loans</h3>
+        <p class="text-3xl font-bold text-slate-700 mt-2">--</p>
+    </div>
+    <div class="card p-6">
+        <h3 class="text-lg font-medium text-slate-900">Members</h3>
+        <p class="text-3xl font-bold text-slate-700 mt-2">--</p>
+    </div>
+</div>

BlazorFrontend/Components/Pages/Members.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Members"
+<PageTitle>Members Directory</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Members</h1>
+    <p class="text-sm text-slate-500 mt-1">Manage library members.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Members list will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/Membership.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Membership"
+<PageTitle>My Membership</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">My Membership</h1>
+    <p class="text-sm text-slate-500 mt-1">Manage your library membership details.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Membership details will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/Rewards.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Rewards"
+<PageTitle>Rewards</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Rewards</h1>
+    <p class="text-sm text-slate-500 mt-1">View your earned rewards and points.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Rewards details will be displayed here.</p>
+</div>

BlazorFrontend/Components/Pages/RewardsManage.razor ADDED Viewed

	@@ -0,0 +1,12 @@

+@page "/Rewards/Manage"
+<PageTitle>Manage Rewards</PageTitle>
+<div class="mb-6">
+    <h1 class="text-2xl font-bold text-slate-900">Manage Rewards</h1>
+    <p class="text-sm text-slate-500 mt-1">Librarian view to manage all rewards.</p>
+</div>
+<div class="card p-6">
+    <p class="text-slate-600">Rewards management will be displayed here.</p>
+</div>

BlazorFrontend/Components/Routes.razor ADDED Viewed

	@@ -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>

BlazorFrontend/Components/_Imports.razor ADDED Viewed

	@@ -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 BlazorFrontend
+@using BlazorFrontend.Components

BlazorFrontend/Program.cs ADDED Viewed

	@@ -0,0 +1,27 @@

+using BlazorFrontend.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<App>()
+    .AddInteractiveServerRenderMode();
+app.Run();

BlazorFrontend/Properties/launchSettings.json ADDED Viewed

	@@ -0,0 +1,38 @@

+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+    "iisSettings": {
+      "windowsAuthentication": false,
+      "anonymousAuthentication": true,
+      "iisExpress": {
+        "applicationUrl": "http://localhost:16185",
+        "sslPort": 44394
+      }
+    },
+    "profiles": {
+      "http": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "http://localhost:5135",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "https": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "https://localhost:7144;http://localhost:5135",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "IIS Express": {
+        "commandName": "IISExpress",
+        "launchBrowser": true,
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      }
+    }
+  }

BlazorFrontend/appsettings.Development.json ADDED Viewed

	@@ -0,0 +1,8 @@

+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}

BlazorFrontend/appsettings.json ADDED Viewed

	@@ -0,0 +1,9 @@

+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}

BlazorFrontend/wwwroot/app.css ADDED Viewed

	@@ -0,0 +1,51 @@

+html, body {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+a, .btn-link {
+    color: #006bb7;
+}
+.btn-primary {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+.content {
+    padding-top: 1.1rem;
+}
+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;
+}

BlazorFrontend/wwwroot/bootstrap/bootstrap.min.css ADDED Viewed

The diff for this file is too large to render. See raw diff

BlazorFrontend/wwwroot/bootstrap/bootstrap.min.css.map ADDED Viewed

The diff for this file is too large to render. See raw diff

BlazorFrontend/wwwroot/favicon.png ADDED Viewed

LibraryManagement.slnx CHANGED Viewed

@@ -1,5 +1,6 @@
 <Solution>
   <Project Path="Backend/Backend.csproj" Id="82e311b1-ce76-4235-9d5f-0d06a942d038" />
   <Project Path="DbConnect/DbConnect.csproj" Id="9923b718-c896-438d-ba4b-a2065f91c8ab" />
   <Project Path="Frontend/Frontend.csproj" Id="824d7fed-4fd3-41c5-8c5e-acd458ccbcdb" />
 </Solution>

 <Solution>
   <Project Path="Backend/Backend.csproj" Id="82e311b1-ce76-4235-9d5f-0d06a942d038" />
+  <Project Path="BlazorFrontend/BlazorFrontend.csproj" Id="4e49ee14-3e94-4f8a-8f43-e487ddfe77a3" />
   <Project Path="DbConnect/DbConnect.csproj" Id="9923b718-c896-438d-ba4b-a2065f91c8ab" />
   <Project Path="Frontend/Frontend.csproj" Id="824d7fed-4fd3-41c5-8c5e-acd458ccbcdb" />
 </Solution>