Add Parallel Test Execution to the Test Panel

package.json

@@ -80,7 +80,7 @@
         "c9.ide.ace.split": "#0ae0151c78",
         "c9.ide.ace.statusbar": "#d95be89d53",
         "c9.ide.ace.stripws": "#cf0f42ac59",
-        "c9.ide.behaviors": "#e2c7f68242",
+        "c9.ide.behaviors": "#05e5681e2e",
         "c9.ide.closeconfirmation": "#cee4674141",
         "c9.ide.configuration": "#382b61f4ab",
         "c9.ide.dialog.wizard": "#7667ec79a8",
@@ -108,8 +108,8 @@
         "c9.ide.save": "#e00549cb0f",
         "c9.ide.scm": "#0bccfb982b",
         "c9.ide.terminal.monitor": "#b76f1c9f24",
-        "c9.ide.test": "#c3a3c64a26",
+        "c9.ide.test": "#6f0835f48a",
-        "c9.ide.test.mocha": "#4d3ad597be",
+        "c9.ide.test.mocha": "#46e23743c9",
         "c9.ide.theme.flat": "#2de8414db7",
         "c9.ide.threewaymerge": "#229382aa0b",
         "c9.ide.undo": "#b028bcb4d5",

plugins/c9.ide.layout.classic/themes/flat-light.less

@@ -417,6 +417,8 @@
 .has_apf .toolbar-top .sbtb_middle{
     height: auto;
     padding: 4px 25px 3px 5px;
+    border: 0;
+    margin-right: 1px;
 }
 
 .top-test-panel{
@@ -425,12 +427,12 @@
 }
 
 body .runner-form-header{
-    border-bottom: 1px solid @border-highlight-dark;
+    background: whitesmoke;
 }
 
 .runtestbtn .icon{
     background-position: 1px 2px;
-    height: 22px;
+    height: 21px;
 }
 
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {

plugins/c9.ide.ui/forms.js

@@ -240,9 +240,13 @@ define(function(require, exports, module) {
                                 value: options.path 
                                     ? createBind(options.path) 
                                     : (options.defaultValue || ""),
-                                min: options.min,
+                                min: options.min || 0,
-                                max: options.max,
+                                max: options.max || 10,
-                                realtime: typeof options.realtime !== "undefined" ? options.realtime : 1
+                                realtime: typeof options.realtime !== "undefined" ? options.realtime : 1,
+                                onafterchange: function(e) {
+                                    if (options.onchange)
+                                        options.onchange({ value: e.value });
+                                }, 
                             })
                         ];
                     break;
@@ -254,16 +258,24 @@ define(function(require, exports, module) {
                                     : (options.defaultCheckboxValue || ""),
                                 width: width, maxwidth: maxwidth, 
                                 label: name + ":",
-                                skin: "checkbox_black"
+                                skin: "checkbox_black",
+                                onafterchange: function(e) {
+                                    if (options.onchange)
+                                        options.onchange({ value: e.value, type: "checkbox" });
+                                }, 
                             }),
                             new ui.spinner({
                                 width: options.width || widths["checked-spinner"],
                                 value: options.path 
                                     ? createBind(options.path) 
                                     : (options.defaultValue || ""),
-                                min: options.min,
+                                min: options.min || 0,
-                                max: options.max,
+                                max: options.max || 10,
-                                realtime: typeof options.realtime !== "undefined" ? options.realtime : 1
+                                realtime: typeof options.realtime !== "undefined" ? options.realtime : 1,
+                                onafterchange: function(e) {
+                                    if (options.onchange)
+                                        options.onchange({ value: e.value, type: "spinner" });
+                                }, 
                             })
                         ];
                     break;
@@ -275,7 +287,11 @@ define(function(require, exports, module) {
                                     : (options.defaultValue || ""),
                                 width: options.width || widths["checked-single"], 
                                 label: name,
-                                skin: "checkbox_black"
+                                skin: "checkbox_black",
+                                onafterchange: function(e){
+                                    if (options.onchange)
+                                        options.onchange({ value: e.value });
+                                } 
                             })
                         ];
                     break;