started merging module and calendar pages

This commit is contained in:
2023-07-12 19:48:09 -06:00
parent fae06907be
commit ccbeb5a013
16 changed files with 166 additions and 76 deletions

View File

@@ -25,16 +25,27 @@
@if (showAddAssignment)
{
<div class="ms-5 ">
<div class="bg-light border rounded m-3 p-3">
<NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
</div>
</div>
<div class="bg-light border rounded m-3 p-3">
<NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
</div>
</div>
}
<h5>Assignments</h5>
<div class="row">
@foreach (var assignment in module.Assignments)
{
<div>@assignment.name</div>
<div class="col-2">
<div class="card">
<div class="card-body">
<div class="card-title">
@assignment.name
</div>
</div>
</div>
</div>
}
</div>
}

View File

@@ -0,0 +1,60 @@
@using Management.Web.Shared.Module
@using System.Linq
@using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage
@inject IModuleManager moduleManager
@inject ProtectedLocalStorage BrowserStorage
@code {
private bool showNewModule { get; set; } = false;
private string moduleStorageKey = "module storage key";
private async Task Save()
{
await BrowserStorage.SetAsync(moduleStorageKey, moduleManager.Modules);
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if(firstRender)
{
var storedModules = await BrowserStorage.GetAsync<IEnumerable<CourseModule>>(moduleStorageKey);
if (storedModules.Success) {
moduleManager.Modules = storedModules.Value ?? throw new Exception("stored modules was null, it shouldn't have been");
} else {
Console.WriteLine("no stored modules");
}
StateHasChanged();
}
}
}
@if (!showNewModule)
{
<button class="btn btn-secondary" @onclick="() => showNewModule = true">New Module</button>
}
else
{
<button class="btn btn-secondary" @onclick="() => showNewModule = false">Hide New Module</button>
}
@if (showNewModule)
{
<NewModule OnSubmit="() => showNewModule = false" />
}
@foreach (var i in moduleManager.Modules.Select((_value, i) => i))
{
<hr>
<ModuleDetail ModuleIndex="i" />
}
<hr>
<div class="text-center">
<button
class="btn btn-primary"
@onclick="Save"
>
Save Modules
</button>
</div>

View File

@@ -14,11 +14,6 @@
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/modules">
<span class="oi oi-list-rich" aria-hidden="true"></span> Module Management
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="/calendar">
<span class="oi oi-plus" aria-hidden="true"></span> Calendar