X-Git-Url: http://cgit.babelmonkeys.de/?p=adhocweb.git;a=blobdiff_plain;f=js%2Fmain.js;h=85f2ccaeaa2ec8887710ca2fe8baed05aff0ada7;hp=db4a0752d5a89aa8fde37348c49a309dec208c40;hb=7ef6024aa84881aba55e61c38073fc9465aac876;hpb=34a06d17adfddf8cae1671b3a1c666da238fbd61

diff --git a/js/main.js b/js/main.js
index db4a075..85f2cca 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,11 +1,15 @@
 var BOSH_SERVICE = 'http://localhost:5280/http-bind/';
+var show_log = true;
 
 Strophe.addNamespace("ADHOC", "http://jabber.org/protocol/commands");
 
 var localJID = null;
 var connection   = null;
-var sessionid = null;
-var cmdNode = null;
+var adhoc_status = {
+    sessionid: null,
+    cmdNode: null,
+    queryJID: null
+};
 
 function log(msg) {
     var entry = $('<div></div>').append(document.createTextNode(msg));
@@ -38,7 +42,10 @@ function onConnect(status) {
         }
     } else if (status == Strophe.Status.CONNECTED) {
         log('Strophe is connected.');
-        checkFeatures();
+        adhoc_status.queryJID = connection.domain;
+        $('#queryJID').val(adhoc_status.queryJID);
+        $('#query').show();
+        checkFeatures("#output");
     }
 }
 
@@ -46,181 +53,229 @@ function addNote(elem, text, type) {
     if (!type) {
        type = "info";
     }
+    text = text.replace(/\n/g, "<br/>");
     $(elem).append("<p class='" + type + "Note'>" + text + "</p>");
 }
 
 function addForm(elem, x) {
-    var form = $("<form/>");
-    form.submit(function(){return false;});
+    var form = $("<form action='#'/>");
+    form.submit(function(event) {
+        executeCommand("execute", serializeToDataform('form'), function(e) { displayResult(elem, e) });
+        event.preventDefault();
+    });
     var fieldset = $("<fieldset/>");
     form.append(fieldset);
-    $("<legend/>").text($(x).find("title").text()).appendTo(fieldset);
-    $("<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")) {
-                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"));
+    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);
+            $("<br/>").appendTo(fieldset);
+        }
+        switch(type) {
+        case "hidden":
+            item = $("<input type='hidden'/>");
+            break;
+        case "boolean":
+            item = $("<input type='checkbox'/>");
+            break;
+        case "text-multi":
+            item = $("<textarea rows='10' cols='70'/>");
+            break;
+        case "text-single":
+            item = $("<input type='text'/>");
+            break;
+        case "fixed":
+            item = $("<input type='text'/>").attr("readonly",true);
+            break;
+        case "jid-multi":
+            item = $("<textarea rows='10' cols='70'/>");
+            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") {
+                $(this).children("value").each(function() {
+                    item.children('option[value="' + $(this).text() + '"]').each(function() {
+                        $(this).attr("selected", "selected");
+		    });
+                });
+            } else {
+                item.val($(this).find("value").text());
             }
-            fieldset.append(item);
+        }
+        if ($(x).attr("type") == "result")
+            item.attr("readonly", true);
+        if ($(this).attr("var")) {
+            item.attr("name", $(this).attr("var"));
+            item.attr("id", $(this).attr("var"));
+        }
+        fieldset.append(item);
+        if (type != "hidden")
             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").text(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").text(sp_value[i]).up();
-		} else {
-			// if this has value then
-				st.c("value").text($(this).val()).up();
-		}
-		st.up();
-	});
-	st.up();
+function serializeToDataform(form) {
+    st = $build("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 (this.options[i].selected)
+                    st.c("value").t(this.options[i].text).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();
+    return st.tree();
 }
 
-function displayResult(result) {
+function displayResult(elem, result) {
     var status = $(result).find("command").attr("status");
+    var kinds = {'prev': 'Prev', 'next': 'Next', 'complete': 'Complete'};
 
-    $("#output *").remove();
+    $(elem).empty();
     $(result).find("command > *").each(function(index, e) {
         if ($(e).is("note")) {
-            addNote("#output", $(e).text(), $(e).attr("type"));
+            addNote(elem, $(e).text(), $(e).attr("type"));
         } else if ($(e).is("x[xmlns=jabber:x:data]")) {
-            addForm("#output", e);
+            addForm(elem, e);
         }
     });
     if (status == "executing") {
-        $("#output").append("<input type='button' disabled='true' id='prevButton' value='Prev'/>"+
-                            "<input type='button' disabled='true' id='nextButton' value='Next'/>"+
-                            "<input type='button' disabled='true' id='completeButton' value='Complete'/>"+
-                            "<input type='button' id='executeButton' value='Execute'/>"+
-                            "<input type='button' id='cancelButton' value='Cancel'/>");
-        for (kind in ['prev', 'next', 'complete']) {
+        for (kind in kinds) {
+            input = $("<input type='button' disabled='disabled' value='" + kinds[kind] + "'/>").click(function() {
+                if (kind == 'prev')
+                    executeCommand(kind, false, function(e) { displayResult(elem, e) });
+                else
+                    executeCommand(kind, serializeToDataform('form'), function(e) { displayResult(elem, e) });
+            });
             if ($(result).find('actions ' + kind).length > 0)
-                $('#' + kind + 'Button').attr("disabled", "false");
+                input.removeAttr("disabled");
+            $(elem).append(input);
         }
-        $('#cancelButton').bind("click", function() {
-            var cancelIQ = $iq({ type: "set", to: "localhost", id: connection.getUniqueId() })
-                .c("command", { xmlns: Strophe.NS.ADHOC, node: cmdNode, sessionid: sessionid, action: "cancel" });
-            cmdNode = null
-            sessionid = null;
-            connection.sendIQ(cancelIQ, displayResult);
-        });
+
+        $("<input type='button' id='executeButton' value='Execute'/>").click(function() {
+            executeCommand("execute", serializeToDataform('form'), function(e) { displayResult(elem, e) });
+        }).appendTo(elem);
+
+        $("<input type='button' value='Cancel'/>").click(function() {
+            cancelCommand(function(e) { displayResult(elem, e) });
+        }).appendTo(elem);
     } else {
-        input = $("<input type='button' value='Restart'/>").bind("click", function() {
-            $('#output *').remove();
-            sessionid = null;
-            cmdNode = null;
-            getCommandNodes();
+        input = $("<input type='button' value='Start over'/>").bind("click", function() {
+            $(elem).empty();
+            adhoc_status.sessionid = null;
+            adhoc_status.cmdNode = null;
+            getCommandNodes(elem);
         });
-        $("#output").append(input);
+        $(elem).append(input);
     }
 }
 
-function runCommand() {
-    cmdNode = $(this).attr("id"); // Save not of executed command (in global)
-    var execIQ = $iq({ type: "set", to: "localhost", id: connection.getUniqueId() })
-        .c("command", { xmlns: Strophe.NS.ADHOC, node: cmdNode, action: "execute" });
-    connection.sendIQ(execIQ, function(result) {
-        sessionid = $(result).find("command").attr("sessionid");
-        displayResult(result);
+function runCommand(item, callback) {
+    adhoc_status.cmdNode = $(item).attr("id"); // Save node of executed command (in global var)
+    executeCommand("execute", false, function(result) {
+        adhoc_status.sessionid = $(result).find("command").attr("sessionid");
+        callback(result);
     });
 }
 
-function getCommandNodes() {
-    var nodesIQ = $iq({ type: "get", to: "localhost", id: "nodes1" }).c("query", {xmlns: Strophe.NS.DISCO_ITEMS, node: Strophe.NS.ADHOC});
+function executeCommand(type, childs, callback) {
+    if (adhoc_status.sessionid)
+        var execIQ = $iq({ type: "set", to: adhoc_status.queryJID, id: connection.getUniqueId() })
+            .c("command", { xmlns: Strophe.NS.ADHOC, node: adhoc_status.cmdNode, sessionid: adhoc_status.sessionid, action: type });
+    else
+        var execIQ = $iq({ type: "set", to: adhoc_status.queryJID, id: connection.getUniqueId() })
+            .c("command", { xmlns: Strophe.NS.ADHOC, node: adhoc_status.cmdNode, action: type });
+    if (childs)
+        execIQ.cnode(childs);
+        connection.sendIQ(execIQ, callback);
+}
+
+function cancelCommand(callback) {
+    executeCommand("cancel", false, callback);
+    adhoc_status.cmdNode = null
+    adhoc_status.sessionid = null;
+}
+
+function getCommandNodes(elem) {
+    var nodesIQ = $iq({ type: "get", to: adhoc_status.queryJID, id: connection.getUniqueId() }).c("query", {xmlns: Strophe.NS.DISCO_ITEMS, node: Strophe.NS.ADHOC});
     connection.sendIQ(nodesIQ, function(result) {
-        $('#output').append("<ul id='items'></ul>");
+        var items = $("<ul></ul>");
+        $(elem).append(items);
         $(result).find("item").each(function(index, e) {
-            item = $("<li id='" + $(e).attr("node") + "'>" + $(e).attr("name") + "</li>").bind("click", runCommand);
-            $("#items").append(item);
+            $("<li></li>").append($("<a href='#' id='" + $(e).attr("node") + "'>" + $(e).attr("name") + "</a>").click(function (event) {
+                runCommand(this, function (result) { displayResult(elem, result); });
+                event.preventDefault();
+            })).appendTo(items);
         });
     });
 }
 
-function checkFeatures() {
-    featureIQ = $iq({ type: "get", to: "localhost", 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>");
-        } else {
-            $('#output').append("<p>This entitiy does NOT support AdHoc commands</p>");
+function checkFeatures(elem) {
+    if (adhoc_status.sessionid)
+        cancelCommand();
+    featureIQ = $iq({ type: "get", to: adhoc_status.queryJID, id: connection.getUniqueId() }).c("query", {xmlns: Strophe.NS.DISCO_INFO});
+    $(elem).empty();
+    connection.sendIQ(featureIQ,
+        function(result) { /* Callback */
+            if ($(result).find("feature[var='" + Strophe.NS.ADHOC + "']").length > 0) {
+                getCommandNodes(elem);
+            } else {
+                $(elem).append("<p>" + adhoc_status.queryJID + " does NOT support AdHoc commands</p>");
+            }
+        },
+        function(result) { /* Errback */
+            $(elem).append("<p>Couldn't get list of supported features</p>");
         }
-    });
-    getCommandNodes();
+    );
 }
 
 function showConnect() {
@@ -229,11 +284,12 @@ function showConnect() {
     var button = $('#connect').get(0);        
 
     button.value = 'connect';
+    $('#query').hide();
     pass.show();
     jid.show();
-    $('label').show();
-    $('#output *').remove();
-    return false;
+    $('#cred label').show();
+    $('#cred br').show();
+    $('#output').empty();
 }
 
 function showDisconnect() {
@@ -244,20 +300,23 @@ function showDisconnect() {
     button.value = 'disconnect';
     pass.hide();
     jid.hide();
-    $('label').hide();
-    return false;
+    $('#cred label').hide();
+    $('#cred br').hide();
 }
 
 $(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();
       });
 
-    $('#cred').bind('submit', function () {
+    $('#cred').bind('submit', function (event) {
         var button = $('#connect').get(0);
         var jid = $('#jid');
         var pass = $('#pass');        
@@ -265,20 +324,25 @@ $(document).ready(function () {
 
         if (button.value == 'connect') {
             showDisconnect();
-            $('#log *').remove();
+            $('#log').empty();
             connection.connect(localJID,
                pass.get(0).value,
                onConnect);
         } else {
             connection.disconnect();
         }
-        return false;
+        event.preventDefault();
+    });
+
+    $('#queryForm').bind('submit', function (event) {
+        adhoc_status.queryJID = $('#queryJID').val();
+        checkFeatures("#output");
+        event.preventDefault();
     });
 });
 
-onunload = function() {
+window.onunload = window.onbeforeunload = function() {
     if (connection) {
         connection.disconnect();
     }
 }
-