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"]);
		}
            }
        };
    });
}