[BROOKLYN-177] wip: drag and drop support for yaml editor

usage/jsgui/pom.xml

@@ -276,6 +276,7 @@
                             -->
                             <exclude>**//src/build/optimize-css.json</exclude>
                             <exclude>**//src/build/optimize-js.json</exclude>
+                            <exclude>**//src/**</exclude>
                         </excludes>
                     </configuration>
                 </plugin>

usage/jsgui/src/build/optimize-js.json

@@ -16,3 +16,4 @@
     // Set to "none" to skip minification
     optimize: "uglify"
 })
+

usage/jsgui/src/main/license/source-inclusions.yaml

@@ -38,3 +38,5 @@
 - id: js-uri
 - id: js-yaml.js
 - id: jquery.form.js
+
+- id: codemirror.js

usage/jsgui/src/main/webapp/assets/css/addon/hint/show-hint.css

@@ -0,0 +1,38 @@
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+
+  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  border-radius: 3px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  border-radius: 2px;
+  max-width: 19em;
+  overflow: hidden;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}

usage/jsgui/src/main/webapp/assets/css/brooklyn.css

@@ -25,7 +25,6 @@ BODY {
 textarea {
     white-space: pre;
     word-wrap: normal;
-    overflow-x: scroll;
 }
 
 /* HEADER  */
@@ -269,3 +268,11 @@ textarea {
     content: 'Not Available';
     */
 }
+
+button.catalog-submit-button.btn {
+	margin-top: 10px;
+}
+
+.CodeMirror .cm-s-default {
+	height: 150px;
+}