canvasManagement/Management.Web/Shared/Module/Modules.razor

@using Management.Web.Shared.Module
@using System.Linq
@using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage

@inject CoursePlanner planner
@inject ProtectedLocalStorage BrowserStorage
@inject BrowserStorageManagement storage

@code {
  private bool showNewModule { get; set; } = false;  
}

@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" />
}

@if (planner.LocalCourse != null)
{
  @foreach (var module in planner.LocalCourse.Modules)
  {
    <hr>
    <ModuleDetail Module="module" />
  }
}