updating assignment form to be more real time

Management.Web/Shared/Module/Assignment/AssignmentDetails.razor

@@ -1,7 +1,7 @@
 @using Management.Web.Shared.Components
 @using Management.Web.Shared.Components.AssignmentForm
 
-@inject AssignmentDragContainer dragContainer
+@inject DragContainer dragContainer
 @inject CoursePlanner planner
 
 @code {
@@ -129,7 +129,6 @@
   @ondragstart="HandleDragStart"
   @ondragend="HandleDragEnd"
   @onclick="@(() => showUpdateForm = true)"
-  class="draggableCart"
   role="button"
 >
   <div class="card">

Management.Web/Shared/Module/ModuleDetail.razor

@@ -1,11 +1,12 @@
 
 @using Management.Web.Shared.Components
+@using Management.Web.Shared.Components.Quiz
 @using Management.Web.Shared.Module.Assignment
 @using LocalModels
 
 @inject CoursePlanner configurationManagement
 @inject CoursePlanner planner
-@inject AssignmentDragContainer dragContainer
+@inject DragContainer dragContainer
 
 @code {
   [Parameter, EditorRequired]
@@ -110,6 +111,11 @@
       {
         <AssignmentDetails Assignment="a" Module="Module" />
       }
+      <br>
+      @foreach(var quiz in Module.Quizzes)
+      {
+        <QuizDetail Quiz="quiz" />
+      }
       </div>
     </div>
   </div>

Management.Web/Shared/Module/NewAssignment.razor

@@ -46,6 +46,7 @@
         Modules=newModules
       };
     }
+    Name = "";
     modal?.Hide();
   }
 }

Management.Web/Shared/Module/QuizDetail.razor

@@ -0,0 +1,45 @@
+@using Management.Web.Shared.Components.Quiz
+
+@inject DragContainer dragContainer
+
+@inherits DroppableQuiz
+
+@code {
+
+  private bool showUpdateForm { get; set; } = false;
+
+
+  private void HandleDragStart()
+  {
+    dragContainer.DropCallback = dropCallback;
+  }
+
+  private void HandleDragEnd()
+  {
+    dragContainer.DropCallback = null;
+  }
+}
+
+
+
+<div 
+  draggable="true"
+  @ondragstart="HandleDragStart"
+  @ondragend="HandleDragEnd"
+  @onclick="@(() => showUpdateForm = true)"
+  role="button"
+>
+  <div class="card">
+    <div class="card-body p-0">
+      <div class="card-title pt-2 px-2 m-0">
+        <h4>@Quiz.Name</h4>
+
+      </div>
+
+      <div class="card-text overflow-hidden p-2">
+        <div>Due At: @Quiz.DueAt</div>
+      </div>
+    </div>
+
+  </div>
+</div>