Handle aborted drags

closes #289
MITLibraries · Jul 15, 2015 · ab5dc6f · ab5dc6f
1 parent 4274c8c
commit ab5dc6f
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/app/views/subscriber/dashboard.scala.html b/app/views/subscriber/dashboard.scala.html
@@ -75,7 +75,7 @@ <h4>Destinations</h4>
       <h4>Subscriptions by Plan</h4>
       <div class="row">
         <div class="col-md-3">
-          <ul class="list-group" id="noplan" ondragenter="return false" ondragover="return false" ondragstart="handleDragStart(event)" ondrop="handleDrop(event, this)">
+          <ul class="list-group" id="noplan" ondragenter="return false" ondragover="return false" ondragstart="handleDragStart(event)" ondrop="handleDrop(event, this)" ondragend="handleDragEnd(event)">
           <h5>Unassigned Schemes</h5>
           <h5>[No destination]</h5>
           @for(s <- sub.unplannedSchemes) {
@@ -89,7 +89,7 @@ <h5>[No destination]</h5>
         </div>
         @for(plan <- sub.plans) {
           <div class="col-md-3">
-            <ul class="list-group" id="plan-@plan.id" ondragenter="return false" ondragover="return false" ondragstart="handleDragStart(event)" ondrop="handleDrop(event, this)">
+            <ul class="list-group" id="plan-@plan.id" ondragenter="return false" ondragover="return false" ondragstart="handleDragStart(event)" ondrop="handleDrop(event, this)" ondragend="handleDragEnd(event)">
             <h5>@plan.name <span class="glyphicon glyphicon-@plan.icon" aria-hidden="true"></span></h5>
             <h5 id="chanplan-@plan.id">@plan.channel.get.description</h5>
             @for(s <- plan.schemes) {
@@ -156,6 +156,11 @@ <h6>Note: Drag a scheme from/to unassigned to a plan to enable/disable subscript
     }
   }
 
+  function handleDragEnd(event) {
+    $("#noplan").removeClass("validtarget");
+    $("[id^=plan-]").removeClass("validtarget");
+  }
+
   function handleDrop(event, target) {
     var srcId = event.dataTransfer.getData('text/x-dbid');
     var source = document.getElementById(srcId);