commit ebf3be0f1586b2fe423171bbce8a1c3a88bc6372
author Thomas Vachuska <tom@onlab.us> Mon Apr 11 09:52:06 2016 -0700
committer Gerrit Code Review <gerrit@onlab.us> Mon Apr 11 17:09:47 2016 +0000
tree a0d76775f86776f40338e7223a29a5b9c8863df4
parent 4f50e3fe926021ef685b5ff06a3d4bd3179a9359

Adding drag-n-drop feedback to app install.

Change-Id: I82718d930e2121f4e6c8109a89513fa755c18141

web/gui/src/main/webapp/app/view/app/app.css

diff --git a/web/gui/src/main/webapp/app/view/app/app.css b/web/gui/src/main/webapp/app/view/app/app.css
index bca30ec..339689b 100644
--- a/web/gui/src/main/webapp/app/view/app/app.css
+++ b/web/gui/src/main/webapp/app/view/app/app.css
@@ -173,3 +173,15 @@
 .dark #application-details-panel .bottom tr:nth-child(even) {
     background-color: #555;
 }
+
+.dropping {
+
+}
+
+.light div.dropping {
+    border: solid 3px deepskyblue;
+}
+
+.dark div.dropping {
+    border: solid 3px deepskyblue;
+}

web/gui/src/main/webapp/app/view/app/app.js

diff --git a/web/gui/src/main/webapp/app/view/app/app.js b/web/gui/src/main/webapp/app/view/app/app.js
index 471bc43..7a7685b 100644
--- a/web/gui/src/main/webapp/app/view/app/app.js
+++ b/web/gui/src/main/webapp/app/view/app/app.js
@@ -407,11 +407,13 @@
 
                 // When an item is dragged over the document
                 var onDragOver = function (e) {
+                    d3.select('#frame').classed('dropping', true);
                     e.preventDefault();
                 };
 
                 // When the user leaves the window, cancels the drag or drops the item
                 var onDragEnd = function (e) {
+                    d3.select('#frame').classed('dropping', false);
                     e.preventDefault();
                 };