started creating module ui, workign on assignments

Management.Web/Shared/Module/ModuleDetail.razor

@@ -0,0 +1,40 @@
+@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>
+  }
+
+}