From a83d3ec2e799f24eff922bdd6c5104187c873841 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Wed, 12 Jul 2023 20:10:05 -0600
Subject: [PATCH] have drag and drop poc

---
 Management.Web/Pages/Drag.razor | 42 +++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 Management.Web/Pages/Drag.razor

diff --git a/Management.Web/Pages/Drag.razor b/Management.Web/Pages/Drag.razor
new file mode 100644
index 0000000..3632710
--- /dev/null
+++ b/Management.Web/Pages/Drag.razor
@@ -0,0 +1,42 @@
+@page "/drag"
+@inject IJSRuntime JSRuntime
+
+@code {
+  private string dragClass = "bg-light";
+
+  void OnDragStart()
+  {
+      Console.WriteLine("on drag start");
+  }
+
+  async Task OnDrop()
+  {
+    Console.WriteLine("on drop");
+    dragClass="bg-light";
+  }
+
+  async Task OnDragEnter() {
+    dragClass="bg-dark";
+  }
+  async Task OnDragLeave() {
+    dragClass="bg-light";
+  }
+}
+
+<div draggable="true"
+     @ondragstart="OnDragStart">
+     Drag me!
+</div>
+
+<div 
+  @ondrop="@(() => OnDrop())"
+  @ondragenter="OnDragEnter"
+  @ondragleave="OnDragLeave"
+  ondragover="event.preventDefault();"
+  ondragstart="event.dataTransfer.setData('', event.target.id);"
+       
+  style="width: 100px;height: 100px;"
+  class="@dragClass"
+  >   
+    Drop here!
+</div>