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>
  <div class="row">

  @foreach (var assignment in module.Assignments)
  {
    <div class="col-2">
      <div class="card">
        <div class="card-body">
          <div class="card-title">
            @assignment.name
          </div>
        </div>
      </div>
    </div>
  }
  </div>

}