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

@using Management.Web.Shared.Module.Assignment


@inject IModuleManager moduleManager

@code {
  [Parameter, EditorRequired]
  public int ModuleIndex { get; set; }

  private bool showAddAssignment { get; set; } = false;

  private CourseModule? module
  {
    get
    {
      return moduleManager.Modules.ElementAtOrDefault(ModuleIndex);
    }
  }
}

@if (module != null)
{
  <h3 class="text-center">@module.Name</h3>
  <button class="btn btn-primary" @onclick="() => showAddAssignment = true">Add Assignment</button>
  @if (showAddAssignment)
  {
    <div class="ms-5 ">
  <div class="bg-light border rounded m-3 p-3">
    <NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
  </div>
</div>
  }

  <h5>Assignments</h5>
  @foreach (var assignment in module.Assignments)
  {
    <div>@assignment.name</div>
  }

}