Filter to only active tasks on Home

Author: mitch-b

src/Directory.Packages.props

@@ -1,6 +1,7 @@
 <Project>
   <ItemGroup>
     <PackageVersion Include="Blazor.QrCodeGen" Version="1.1.3" />
+    <PackageVersion Include="Blazored.LocalStorage" Version="4.5.0" />
     <PackageVersion Include="FluentEmail.Smtp" Version="3.0.2" />
     <PackageVersion Include="Humanizer" Version="2.14.1" />
     <PackageVersion Include="Microsoft.Extensions.Configuration" Version="8.0.0" />

src/MaintenanceLog.Client/MaintenanceLog.Client.csproj

@@ -11,6 +11,7 @@
 
   <ItemGroup>
     <PackageReference Include="Blazor.QrCodeGen" />
+    <PackageReference Include="Blazored.LocalStorage" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" />
   </ItemGroup>

src/MaintenanceLog.Client/Pages/Home.razor

@@ -1,6 +1,9 @@
 @page "/"
 @using MaintenanceLog.Client.Components.TaskInstances
 
+@inject Blazored.LocalStorage.ILocalStorageService LocalStorage
+
+
 <PageTitle>Maintenance Log</PageTitle>
 
 <h1>Maintenance Logs</h1>
@@ -13,8 +16,22 @@
         Hello @context.User.Identity?.Name!
 
         <h2 class="pt-4">Tasks</h2>
-        <TaskInstanceGrid />
+        <input type="checkbox" @bind-value="onlyActive" @bind-value:after="OnOnlyActiveChanged" /> Only Active
+        <TaskInstanceGrid OnlyShowActive="onlyActive" />
     </Authorized>
 </AuthorizeView>
 
+@code
+{
+    private bool? onlyActive = false;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        //onlyActive = await LocalStorage.GetItemAsync<bool?>("onlyActive");
+    }
 
+    private async Task OnOnlyActiveChanged()
+    {
+        //await LocalStorage.SetItemAsync("onlyActive", onlyActive);
+    }
+}

src/MaintenanceLog.Client/Program.cs

@@ -1,4 +1,5 @@
 using Blazor.QrCodeGen;
+using Blazored.LocalStorage;
 using MaintenanceLog.Client;
 using MaintenanceLog.Common.Extensions;
 using MaintenanceLog.Data.Extensions;
@@ -11,7 +12,7 @@
 builder.Services.AddAuthorizationCore();
 builder.Services.AddCascadingAuthenticationState();
 builder.Services.AddSingleton<AuthenticationStateProvider, PersistentAuthenticationStateProvider>();
-
+builder.Services.AddBlazoredLocalStorage();
 
 builder.Services.AddScoped(http => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 builder.Services.AddMaintenanceLogCommonServices(builder.Configuration);

src/MaintenanceLog/MaintenanceLog.csproj

@@ -10,6 +10,7 @@
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" />
     <PackageReference Include="FluentEmail.Smtp" />
     <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" />

src/MaintenanceLog/Program.cs

@@ -12,6 +12,7 @@
 using MaintenanceLog.Common.Models.Configuration;
 using Microsoft.Extensions.Options;
 using System.Text.Json;
+using Blazored.LocalStorage;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -45,6 +46,8 @@
     .AddSignInManager()
     .AddDefaultTokenProviders();
 
+builder.Services.AddBlazoredLocalStorage();
+
 builder.Services.AddMaintenanceLogServices();
 builder.Services.AddMaintenanceLogCommonServices(builder.Configuration);
 builder.Services.AddMaintenanceLogDataServices();