]> cgit.babelmonkeys.de Git - adhocweb.git/blobdiff - js/main.js
Send forms when executing commands
[adhocweb.git] / js / main.js
index 61ddaa41f427a51f832208a575c2b97a6a5c61ed..3c42647592beb91644d684c169fc7af0a459ed29 100644 (file)
@@ -1,5 +1,7 @@
 var BOSH_SERVICE = 'http://localhost:5280/http-bind/';
 
+var show_log = false;
+
 Strophe.addNamespace("ADHOC", "http://jabber.org/protocol/commands");
 
 var localJID = null;
@@ -42,16 +44,133 @@ function onConnect(status) {
     }
 }
 
+function addNote(elem, text, type) {
+    if (!type) {
+       type = "info";
+    }
+    $(elem).append("<p class='" + type + "Note'>" + text + "</p>");
+}
+
+function addForm(elem, x) {
+    var form = $("<form/>");
+    form.submit(function(){return false;});
+    var fieldset = $("<fieldset/>");
+    form.append(fieldset);
+    if ($(x).find("title").length > 0)
+        $("<legend/>").text($(x).find("title").text()).appendTo(fieldset);
+    if ($(x).find("instructions").length > 0)
+        $("<p/>").text($(x).find("instructions").text()).appendTo(fieldset);
+    $(x).find("field").each(function(){
+        var item = null;
+        var type = $(this).attr("type");
+        if($(this).attr("label")) {
+            $("<label/>").text($(this).attr("label")).attr("for", $(this).attr("var")).appendTo(fieldset);
+        }
+        switch(type) {
+        case "hidden":
+            item = $("<input type='hidden'/>");
+            break;
+        case "boolean":
+            item = $("<input type='checkbox'/>");
+            break;
+        case "text-multi":
+            item = $("<textarea/>");
+            break;
+        case "text-single":
+            item = $("<input type='text'/>");
+            break;
+        case "fixed":
+            item = $("<input type='text'/>").attr("readonly",true);
+            break;
+        case "jid-multi":
+            item = $("<textarea/>");
+            break;
+        case "jid-single":
+            item = $("<input type='text'/>");
+            break;
+        case "list-multi":
+            item = $("<select multiple='multiple'/>");
+            $(this).find("option").each(function(){
+                    $("<option/>").val($(this).find("value").text()).text($(this).attr("label")).appendTo(item);
+                    });
+            break;
+        case "list-single":
+            item = $("<select/>");
+            $(this).find("option").each(function(){
+                    $("<option/>").val($(this).find("value").text()).text($(this).attr("label")).appendTo(item);
+                    });
+            break;
+        case "text-private":
+            item = $("<input type='password'/>");
+            break;
+        default:
+            item = $("<input/>");
+        }
+        item.addClass("df-item");
+        if ($(this).find("value").length > 0) {
+            var value = null;
+            if ((type == "text-multi") || (type == "jid-multi")) {
+                value = "";
+                $(this).find("value").each(function() {
+                    value = value + $(this).text() + "\n";
+                });
+                item.val(value);
+            } else if (type == "list-multi") {
+                value = new Array();
+                $(this).find("value").each(function() {
+                    value[value.length] = $(this).text();
+                });
+            } else {
+                item.val($(this).find("value").text());
+            }
+        }
+        if ($(this).attr("var")) {
+            item.attr("name", $(this).attr("var"));
+            item.attr("id", $(this).attr("var"));
+        }
+        fieldset.append(item);
+        fieldset.append("<br/>");
+    });
+    $(elem).append(form);
+}
+
+function serializeToDataform(form, st) {
+    st.c("x", {"xmlns":"jabber:x:data", "type": "submit"});
+    $(form).find(".df-item").each(function(){
+        st.c("field", {"var": $(this).attr("name")});
+        if (this.nodeName.toLowerCase() == "select" && this.multiple) {
+            for (var i = 0; i < this.options.length; i++)
+                if (options[i].selected)
+                    st.c("value").t(options[i]).up();
+        } else if (this.nodeName.toLowerCase() == "textarea") {
+            var sp_value = this.value.split(/\r?\n|\r/g);
+            for(var i = 0; i < sp_value.length; i++)
+                st.c("value").t(sp_value[i]).up();
+        } else if (this.nodeName.toLowerCase() == "input" && this.type == "checkbox") {
+            if (this.checked) {
+                st.c("value").t("1");
+            } else {
+                st.c("value").t("0");
+            }
+        } else {
+            // if this has value then
+            st.c("value").t($(this).val()).up();
+        }
+        st.up();
+    });
+    st.up();
+}
+
 function displayResult(result) {
     var status = $(result).find("command").attr("status");
 
     $("#output *").remove();
-    $(result).find("note").each(function(index, e) {
-        var type = $(e).attr("type");
-        if (!type) {
-           type = "info";
+    $(result).find("command > *").each(function(index, e) {
+        if ($(e).is("note")) {
+            addNote("#output", $(e).text(), $(e).attr("type"));
+        } else if ($(e).is("x[xmlns=jabber:x:data]")) {
+            addForm("#output", e);
         }
-        $("#output").append("<p class='" + type + "Note'>" + $(e).text() + "</p>");
     });
     if (status == "executing") {
         $("#output").append("<input type='button' disabled='true' id='prevButton' value='Prev'/>"+
@@ -63,15 +182,22 @@ function displayResult(result) {
             if ($(result).find('actions ' + kind).length > 0)
                 $('#' + kind + 'Button').attr("disabled", "false");
         }
+        $('#executeButton').bind("click", function() {
+            var execIQ = $iq({ type: "set", to: connection.domain, id: connection.getUniqueId() })
+                .c("command", { xmlns: Strophe.NS.ADHOC, node: cmdNode, sessionid: sessionid, action: "execute" });
+            serializeToDataform($('form'), execIQ);
+            connection.sendIQ(execIQ, displayResult);
+        });
+
         $('#cancelButton').bind("click", function() {
-            var cancelIQ = $iq({ type: "set", to: "localhost", id: connection.getUniqueId() })
+            var cancelIQ = $iq({ type: "set", to: connection.domain, id: connection.getUniqueId() })
                 .c("command", { xmlns: Strophe.NS.ADHOC, node: cmdNode, sessionid: sessionid, action: "cancel" });
             cmdNode = null
             sessionid = null;
             connection.sendIQ(cancelIQ, displayResult);
         });
     } else {
-        input = $("<input type='button' value='Restart'/>").bind("click", function() {
+        input = $("<input type='button' value='Start over'/>").bind("click", function() {
             $('#output *').remove();
             sessionid = null;
             cmdNode = null;
@@ -82,8 +208,8 @@ function displayResult(result) {
 }
 
 function runCommand() {
-    cmdNode = $(this).attr("id"); // Save not of executed command (in global)
-    var execIQ = $iq({ type: "set", to: "localhost", id: connection.getUniqueId() })
+    cmdNode = $(this).attr("id"); // Save node of executed command (in global var)
+    var execIQ = $iq({ type: "set", to: connection.domain, id: connection.getUniqueId() })
         .c("command", { xmlns: Strophe.NS.ADHOC, node: cmdNode, action: "execute" });
     connection.sendIQ(execIQ, function(result) {
         sessionid = $(result).find("command").attr("sessionid");
@@ -92,7 +218,7 @@ function runCommand() {
 }
 
 function getCommandNodes() {
-    var nodesIQ = $iq({ type: "get", to: "localhost", id: "nodes1" }).c("query", {xmlns: Strophe.NS.DISCO_ITEMS, node: Strophe.NS.ADHOC});
+    var nodesIQ = $iq({ type: "get", to: connection.domain, id: "nodes1" }).c("query", {xmlns: Strophe.NS.DISCO_ITEMS, node: Strophe.NS.ADHOC});
     connection.sendIQ(nodesIQ, function(result) {
         $('#output').append("<ul id='items'></ul>");
         $(result).find("item").each(function(index, e) {
@@ -103,7 +229,7 @@ function getCommandNodes() {
 }
 
 function checkFeatures() {
-    featureIQ = $iq({ type: "get", to: "localhost", id: "features1" }).c("query", {xmlns: Strophe.NS.DISCO_INFO});
+    featureIQ = $iq({ type: "get", to: connection.domain, id: "features1" }).c("query", {xmlns: Strophe.NS.DISCO_INFO});
     connection.sendIQ(featureIQ, function(result) {
         if ($(result).find("feature[var='" + Strophe.NS.ADHOC + "']").length > 0) {
             $('#output').append("<p>This entitiy does support AdHoc commands</p>");
@@ -141,8 +267,11 @@ function showDisconnect() {
 
 $(document).ready(function () {
     connection = new Strophe.Connection(BOSH_SERVICE);
-    connection.rawInput = rawInput;
-    connection.rawOutput = rawOutput;
+    if (show_log) {
+        $('#log_container').show();
+        connection.rawInput = rawInput;
+        connection.rawOutput = rawOutput;
+    }
 
     $("#log_toggle").click(function () {
         $("#log").toggle();