Bootstrap compatibility

[adhocweb.git] / js / adhoc.js

diff --git a/js/adhoc.js b/js/adhoc.js
index 0266318c9e99626dd0b9d0a053ffc2899e54e02d..3638eef87a99fc4c0c86040c228b340a26a690b0 100644 (file)
--- a/js/adhoc.js
+++ b/js/adhoc.js
@@ -46,7 +46,7 @@ Adhoc.prototype = {
 
     addForm: function (x) {
         var self = this;
-        var form = $("<form action='#'/>");
+        var form = $("<form class='form-stacked' action='#'/>");
         form.submit(function(event) {
             self.executeCommand("execute", self.serializeToDataform('form'),
                 function(e) { self.displayResult(e) });
@@ -57,17 +57,16 @@ Adhoc.prototype = {
         $(x).find("title").each(function() { $("<legend/>").text($(this).text()).appendTo(fieldset); });
         $(x).find("instructions").each(function() { $("<p/>").text($(this).text()).appendTo(fieldset); });
         $(x).find("field").each(function() {
+           var clearfix = $("<div class='clearfix'/>");
             var item = self.buildHTMLField(this);
             var label = $(this).attr("label");
             if(label) {
-                $("<label/>").text(label).attr("for", $(this).attr("var")).appendTo(fieldset);
-                $("<br/>").appendTo(fieldset);
+                $("<label/>").text(label).attr("for", $(this).attr("var")).appendTo(clearfix);
             }
             if ($(x).attr("type") === "result")
                 item.attr("readonly", true);
-            fieldset.append(item);
-            if ($(this).attr("type") !== "hidden")
-                fieldset.append("<br/>");
+            clearfix.append(item);
+            fieldset.append(clearfix);
         });
         $(self.status.view).append(form);
     },
@@ -167,24 +166,26 @@ Adhoc.prototype = {
             }
         });
         if (status === "executing") {
+           var controls = $("<div class='actions'/>");
             for (kind in kinds) {
+               var input;
                 (function(type) {
-                    input = $("<input type='button' disabled='disabled' value='" + kinds[type] + "'/>").click(function() {
+                    input = $("<input type='button' disabled='disabled' class='btn' value='" + kinds[type] + "'/>").click(function() {
                         self.executeCommand(type, (type!= 'prev') && self.serializeToDataform('form'), function(e) { self.displayResult(e) });
-                    });
+                    }).appendTo(controls);
                 })(kind);
                 if ($(result).find('actions ' + kind).length > 0)
                     input.removeAttr("disabled");
-                $(self.status.view).append(input);
             }
 
-            $("<input type='button' id='executeButton' value='Execute'/>").click(function() {
+            $("<input type='button' id='executeButton' class='btn primary' value='Execute'/>").click(function() {
                 self.executeCommand("execute", self.serializeToDataform('form'), function(e) { self.displayResult(e) });
-            }).appendTo(self.status.view);
+            }).appendTo(controls);
 
-            $("<input type='button' value='Cancel'/>").click(function() {
+            $("<input type='button' class='btn' value='Cancel'/>").click(function() {
                 self.cancelCommand(function(e) { self.displayResult(e) });
-            }).appendTo(self.status.view);
+            }).appendTo(controls);
+           $(self.status.view + " fieldset").append(controls);
         } else {
            self.status.sessionid = null;
            self.status.cmdNode = null;