source: trunk/zoo-project/zoo-services/utils/open-api/static/openapi.js @ 968

var socket;
function addElementToList(){
    var lClosure=arguments[0];
    var isOver=false;
    var cnt=0;
    lClosure.parent().parent().find("div").each(function(){
        if(isOver) return;
        if($(this).hasClass("btn-group")) isOver=true;
        if($(this).hasClass("input-group")){
            lClosure.parent().parent().append($(this)[0].outerHTML);
            cnt++;
        }
    });
    if(lClosure.parent().parent().find(".input-group").length>cnt)
        lClosure.next().attr("disabled",false);
    else
        lClosure.next().attr("disabled",true);
}
function delElementToList(){
    var lClosure=arguments[0];
    var isOver=false;
    var cnt=0;
    lClosure.parent().parent().find("div").each(function(){
        if(isOver) return;
        if($(this).hasClass("btn-group")) isOver=true;
        if($(this).hasClass("input-group")) cnt++;
    });
    if(lClosure.parent().parent().find(".input-group").length>cnt)
        for(var i=0;i<cnt;i++)
            lClosure.parent().parent().find(".input-group").last().remove();
    if(lClosure.parent().parent().find(".input-group").length==cnt)
        lClosure.attr("disabled",true);
    else
        lClosure.attr("disabled",false);
}

function loadRequest(){
    var requestObject={
        "inputs":{},
        "outputs":{},
        "subscriber":{},
        "mode": $("select[name='main_value_mode']").val(),
        "response": $("select[name='main_value_format']").val()
    };
    if($('input[name="oapi_ioAsArray"]').val()=="true"){
        requestObject["inputs"]=[];
        requestObject["outputs"]=[];
    }
    for(var i=0;i < System["JSON_STR"]["inputs"].length;i++){
        var cName=System["JSON_STR"]["inputs"][i]["id"].replace(".","_");
        var selector="input[name='input_value_"+cName+"'],"+
            "select[name='input_value_"+cName+"']";
        if($(selector).val()!=""){
            $(selector).each(function(){
                var cInput={};
                if($('input[name="oapi_ioAsArray"]').val()=="true")
                    cInput={"id": System["JSON_STR"]["inputs"][i]["id"], "input": {}};
                if(System["JSON_STR"]["inputs"][i]["input"]["formats"]){
                    var selector1="input[name='input_format_"+cName+"'],"+
                        "select[name='input_format_"+cName+"']";
                    console.log($(this).parent().prev().find("select").val());
                    if($('input[name="oapi_ioAsArray"]').val()=="true"){
                        cInput["input"]["format"]={
                            "mimeType": $(this).parent().prev().find("select").val()
                        };
                        cInput["input"]["href"]=$(this).val();
                    }else{
                        cInput["format"]={
                            "mimeType": $(this).parent().prev().find("select").val()
                        };
                        cInput["href"]=$(this).val();
                    }
                }
                else{
                    if(System["JSON_STR"]["inputs"][i]["input"]["literalDataDomains"]){
                        console.log(System["JSON_STR"]["inputs"][i]["input"]["literalDataDomains"]);
                        if($('input[name="oapi_ioAsArray"]').val()=="true"){
                            cInput["input"]["dataType"]={
                                "name": System["JSON_STR"]["inputs"][i]["input"]["literalDataDomains"][0]["dataType"]["name"]
                            };
                            cInput["input"]["value"]=$(this).val();
                        }else{
                            cInput["dataType"]={
                                "name": System["JSON_STR"]["inputs"][i]["input"]["literalDataDomains"][0]["dataType"]["name"]
                            };
                            cInput["value"]=$(this).val();
                        }                           
                    }
                }
                console.log(cInput);
                if($('input[name="oapi_ioAsArray"]').val()=="true")
                    requestObject["inputs"].push(cInput);
                else{
                    if(!requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]])
                        requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]]=cInput;
                    else{
                        if(!requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]].length){
                            var saveObject=requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]];
                            requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]]=[saveObject];
                        }
                        requestObject["inputs"][System["JSON_STR"]["inputs"][i]["id"]].push(cInput);
                    }
                }
            });
        }
    }
    console.log(System["JSON_STR"]["outputs"]);
    for(var i=0;i < System["JSON_STR"]["outputs"].length;i++){
        var cOutput={};
        console.log($('input[name="oapi_ioAsArray"]').val()=="true");
        if($('input[name="oapi_ioAsArray"]').val()=="true")
            cOutput={"id": System["JSON_STR"]["outputs"][i]["id"]};
        var cName=System["JSON_STR"]["outputs"][i]["id"].replace(/\./g,"_");
        if(System["JSON_STR"]["outputs"][i]["output"]["formats"]){
            var selector="select[name='format_"+cName+"']";
            cOutput["format"]={
                "mimeType": $(selector).val()
            };
        }
        else{
            if(System["JSON_STR"]["outputs"][i]["output"]["literalDataDomains"]){
                cOutput["dataType"]={
                    "name": System["JSON_STR"]["outputs"][i]["output"]["literalDataDomains"][0]["dataType"]["name"]
                };
            }
        }
        var selector1="select[name='transmission_"+cName+"']";
        cOutput["transmissionMode"]=$(selector1).val();
        if($('input[name="oapi_ioAsArray"]').val()=="true")
            requestObject["outputs"].push(cOutput);
        else
            requestObject["outputs"][System["JSON_STR"]["outputs"][i]["id"]]=cOutput;
    }
    
    if($("input[name='main_value_successUri']").val()!="")
        requestObject["subscriber"]["successUri"]=$("input[name='main_value_successUri']").val();
    if($("input[name='main_value_inProgressUri']").val()!="")
        requestObject["subscriber"]["inProgressUri"]=$("input[name='main_value_inProgressUri']").val();
    if($("input[name='main_value_failedUri']").val()!="")
        requestObject["subscriber"]["failedUri"]=$("input[name='main_value_failedUri']").val();
    $(".modal").find("textarea").first().val(js_beautify(JSON.stringify(requestObject)));
    $("#exampleModal").modal('toggle');
    $('#result').html("");
    $("#exampleModal").find(".btn-primary").off('click');
    $("#exampleModal").find(".btn-primary").click(function(){
        $('#result').html("");
        if(!socket && requestObject["mode"]!="sync")
            socket = new WebSocket($('input[name="oapi_wsUrl"]').val());
        else
            $.ajax({
                contentType: "application/json",
                data: $("textarea").val(),
                type: "POST",
                url: $('input[name="oapi_jobUrl"]').val(),
                success: function (msg) {
                    console.log(msg);
                    var cObj=msg;
                    $('#result').html(js_beautify(JSON.stringify(msg)));
                },
                error: function(){
                    console.log(arguments);
                    $('#result').html(js_beautify(JSON.stringify(arguments[0].responseJSON)));
                },
            });
        if(requestObject["mode"]=="sync"){
            return;
        }
        socket.onopen = function () {
            console.log('Connected!');
            socket.send("SUB "+$('input[name="oapi_reqID"]').val());
        };
        socket.onmessage = function(event) {
            console.log('MESSAGE: ' + event.data);
            if(event.data=="1")
                $.ajax({
                    contentType: "application/json",
                    data: $("textarea").val(),
                    type: "POST",
                    url: $('input[name="oapi_jobUrl"]').val(),
                    success: function (msg) {
                        console.log(msg);
                    },
                    error: function(){
                        console.log(arguments);
                    },
                });
            else{
                //progressBar
                $("#progress_details").show();
                var cObj=JSON.parse(event.data);
                if(cObj["jobID"]){
                    $("#prgress_description").html(cObj["jobID"]+": "+cObj["message"]);
                    $(".progress-bar").attr("aria-valuenow",cObj["progress"]);
                    $(".progress-bar").css("width",cObj["progress"]+"%");
                }else{
                    $("#progress_details").hide();
                    if(cObj["outputs"])
                        $('#result').html(js_beautify(JSON.stringify(cObj["outputs"])));
                    else
                        $('#result').html(cObj["message"]);
                }
            }
        };
    });
}