starting to drag and drop assignments

Management.Web/Pages/Calendar.razor

@@ -7,7 +7,6 @@
 
 @code
 {
-
   private SemesterPlanner? semester { get; set; }
   protected override void OnParametersSet()
   {

Management.Web/Pages/Drag.razor

@@ -24,7 +24,8 @@
 }
 
 <div draggable="true"
-     @ondragstart="OnDragStart">
+  @ondragstart="OnDragStart"
+>
   Drag me!
 </div>
 

Management.Web/Program.cs

@@ -17,6 +17,7 @@ builder.Services.AddSingleton<IWebRequestor, WebRequestor>();
 builder.Services.AddSingleton<ICanvasService, CanvasService>();
 builder.Services.AddSingleton<IConfigurationManagement, ConfigurationManagement>();
 builder.Services.AddSingleton<IModuleManager, ModuleManager>();
+builder.Services.AddSingleton<AssignmentDragContainer>();
 
 var app = builder.Build();
 

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

@@ -0,0 +1,23 @@
+@inject AssignmentDragContainer dragContainer
+
+@code {
+  [Parameter]
+  [Required]
+  public LocalAssignment assignment { get; set; } = new();
+  private  async Task HandleDragStart()
+  {
+    dragContainer.AssignmentBeingDragged = assignment;
+  }
+}
+
+<div 
+  draggable="true"
+  ondragstart="HandleDragStart"
+  class="col-2"
+>
+  <div class="card">
+    <div class="card-body">
+      <div class="card-title">@assignment.name</div>
+    </div>
+  </div>
+</div>

Management.Web/Shared/Module/ModuleDetail.razor

@@ -1,6 +1,4 @@
 @using Management.Web.Shared.Module.Assignment
-
-
 @inject IModuleManager moduleManager
 
 @code {
@@ -34,18 +32,9 @@
     <h5>Assignments</h5>
     <div class="row">
 
-  @foreach (var assignment in module.Assignments)
+    @foreach (var a in module.Assignments)
     {
-    <div class="col-2">
-      <div class="card">
-        <div class="card-body">
-          <div class="card-title">
-            @assignment.name
-          </div>
-        </div>
-      </div>
-    </div>
+      <AssignmentCard assignment="a" />
     }
   </div>
-
 }

Management.Web/Utils/AssignmentDragContainer.cs

@@ -0,0 +1,4 @@
+public class AssignmentDragContainer
+{
+  public LocalAssignment? AssignmentBeingDragged { get; set; }
+}