var min = 35, max = 80; var diagramPercentValues = []; var appgate_ID = "10005H"; var country = "com"; var country_ok; var lang = "en"; // var url = "http://www.gfps.com/appgate/ecat/common_flow/10005H/COM/en/searchview.html?query="; // http://www.gfps.com/appgate/ecat/common_flow/[appgate_ID]/[country]/[lang]/catalog.do?action=product-redirect&codeNumber=[Code-Nummer] var url = "https://www.gfps.com/appgate/ecat/common_flow/"; var calcCounter = 0; function doCalc() { $("#resultsError").hide(); var selectMaterialVal = $("#selectMaterial").val(), selectDimensionVal = $("#selectDimension").val(), selectFlangeTypeVal = $("#selectFlangeType").val(), selectValveVal = $("#selectValve").val(), selectGasketVal = $("#selectGasket").val(), radioFlangeVal = $('input[name=radioFlange]:checked').val(), radioSDRVal = $('input[name=radioSDR]:checked').val(); for (var i = 0; i < data.length; ++i) { if (data[i]["material"] == selectMaterialVal && data[i]["valve"] == selectValveVal && data[i]["dimension"] == selectDimensionVal && data[i]["typeOfGasket"] == selectGasketVal && data[i]["flangeType"] == selectFlangeTypeVal && data[i]["combinationOfFlanges"] == radioFlangeVal && ($("#radiogruopSDR").css("display") == "none" || (radioSDRVal == data[i]["sdr"])) ) { $("#resultBolt").text(data[i]["lengthOfBolts"] + " mm"); $("#resultAmount").text(data[i]["amount"]); $("#resultThread").text(data[i]["thread"]); $("#resultBoltTighteningTorque").text(data[i]["boltTighteningTorque"] + " Nm"); $("#resultFlange").text(data[i]["flange"]); $("#resultFlangeAdapter").text(data[i]["flangeAdapter"]); if ($("#selectGasket").val() == "O-Ring (EPDM)" || $("#selectGasket").val() == "O-Ring (FKM)") { $("#resultORingLabel").text("O-Ring:"); } else { $("#resultORingLabel").text("Gasket:"); } $("#resultORing").text(data[i]["gasket"]); $("#resultFlangeLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["flange"]); $("#resultFlangeAdapterLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["flangeAdapter"]); $("#resultORingLink").attr("href", url + appgate_ID + "/" + country_ok + "/" + lang + "/catalog.do?action=product-redirect&codeNumber=" + data[i]["gasket"]); if (data[i]["gasket"] != "-" && data[i]["gasket"] != "") { $("#resultORingLabel").show(); $("#resultORingLink").show(); $("#resultORing").show(); } else { $("#resultORingLabel").hide(); $("#resultORingLink").hide(); $("#resultORing").hide(); } if (data[i]["flangeAdapter"] != "-" && data[i]["flangeAdapter"] != "") { $(".flangeAdapterResult").show(); } else { $(".flangeAdapterResult").hide(); } if (data[i]["flange"] != "-" && data[i]["flange"] != "") { $(".flangeResult").show(); } else { $(".flangeResult").hide(); } $("#resultDiv").show(); $("#pYourResult").show(); return; } } if (calcCounter++ > 0 && $("#selectMaterial").val() != "" && $("#selectValve").val() != "" && $("#selectDimension").val() != "" && $("#selectFlangeType").val() != "" && $("#selectGasket").val() != "") $("#resultsError").show(); $("#resultDiv").hide(); $("#pYourResult").hide(); } function preparePrint() { $("#pMaterial").text($("#selectMaterial").val()); $("#pValveType").text($("#selectValve").val()); $("#pCombinationOfFlange").text($('input[name=radioFlange]:checked').val()); $("#pDimension").text($("#selectDimension").val()); $("#pSDR").text($('input[name=radioSDR]:checked').val()); $("#pGasket").text($("#selectGasket").val()); $("#pFlangeType").text($("#selectFlangeType").val()); $("#pLengthOfBolts").text($("#resultBolt").text()); $("#pAmount").text($("#resultAmount").text()); $("#pBoltTighteningTorque").text($("#resultBoltTighteningTorque").text()); $("#pFlange").text($("#resultFlange").text()); $("#pFlangeAdapter").text($("#resultFlangeAdapter").text()); $("#presultORingLabel").text($("#resultORingLabel").text()); $("#presultORingLabel").text($("#resultORingLabel").text()); $("#pORing").text($("#resultORing").text()); $("#pResultFlangeLink").attr("href", url + $("#resultFlange").text()); $("#resultFlangeAdapterLink").attr("href", url + $("#resultFlangeAdapter").text()); $("#resultORingLink").attr("href", url + $("#resultORing").text()); if ($("#radiogruopSDR").css("display") == "none") { $("#pSDRDiv").hide(); $(".printSDR").hide(); } else { $("#pSDRDiv").show(); $(".printSDR").show(); } } function onValveChanged() { } function init() { $("#firstP").css("left", "7.5%"); $("#lastP").css("left", "90.3%"); if (getUrlParameter("m") != "" && typeof getUrlParameter("m") != "undefined") { $('#selectMaterial option').filter(function () { return $(this).val() == getUrlParameter("m").replaceAll("+", " "); }).prop("selected", true); checkMaterial(); $('#selectFlangeType option').filter(function () { return $(this).val() == getUrlParameter("f").replaceAll("+", " "); }).prop("selected", true); $('#selectValve option').filter(function () { return $(this).val() == getUrlParameter("v").replaceAll("+", " "); }).prop("selected", true); $('#selectDimension option').filter(function () { return $(this).val() == getUrlParameter("d").replaceAll("+", " "); }).prop("selected", true); $('#selectGasket option').filter(function () { return $(this).val() == getUrlParameter("t").replaceAll("+", " "); }).prop("selected", true); var radios = $('input:radio[name=radioFlange]'); radios.filter('[value=' + getUrlParameter("c") + ']').prop('checked', true); radios = $('input:radio[name=radioSDR]'); radios.filter('[value=\'' + getUrlParameter("s").replace("+", " ") + '\']').prop('checked', true); } else { onValveChanged(); } if (getUrlParameter("appgate_ID") != "" && typeof getUrlParameter("appgate_ID") != "undefined") { appgate_ID = getUrlParameter("appgate_ID"); } if (getUrlParameter("country") != "" && typeof getUrlParameter("country") != "undefined") { country = getUrlParameter("country"); } if (getUrlParameter("country") != "" && typeof getUrlParameter("country") != "undefined") { country_ok = getUrlParameter("country_ok"); } if (getUrlParameter("lang") != "" && typeof getUrlParameter("lang") != "undefined") { lang = getUrlParameter("lang"); } $(".infoI").hover(function () { $(this).parent().find(".tipp").fadeIn(); }, function () { $(this).parent().find(".tipp").fadeOut(); }); setTimeout(doCalc(), 200); } function sendMail() { var radioSDR = ""; if (typeof $("input[name='radioSDR']:checked").val() != "undefined") { radioSDR = encodeURIComponent($("input[name='radioSDR']:checked").val().replace(" ", "+")); } var selectMaterialVal = $("#selectMaterial").val().replaceAll(" ", "+"), selectDimensionVal = $("#selectDimension").val().replaceAll(" ", "+"), selectFlangeTypeVal = $("#selectFlangeType").val().replaceAll(" ", "+"), selectValveVal = $("#selectValve").val().replaceAll(" ", "+"), selectGasketVal = $("#selectGasket").val().replaceAll(" ", "+"), radioFlangeVal = $('input[name=radioFlange]:checked').val(), radioSDRVal = $('input[name=radioSDR]:checked').val(); console.log("matmat", selectMaterialVal); location.href = "mailto:?to=&subject=" + mailSubject + "&body=" + mailBody1 + "https://www.gfps.com/" + country + "/" + lang + "/support_and_services/online_tools/flange-tool.html?m=" + selectMaterialVal + "%26f=" + selectFlangeTypeVal + "%26v=" + selectValveVal + "%26d=" + selectDimensionVal + "%26t=" + selectGasketVal + "%26c=" + $("input[name='radioFlange']:checked").val() + "%26s=" + radioSDR + "%26lang=" + lang + "%26country_ok=" + country_ok+ mailBody2; } function resetPage() { location.href = '/flange_tool/?lang=' + lang; } var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; function getTypeID(type) { switch (type) { case "Ball Valve Type 546": case "Kugelhahn Typ 546": return "Ball Valve Type 546"; break; case "Ball Valve Type 546 linear": case "Linearkugelhahn Typ 546": return "Ball Valve Type 546 linear"; break; case "Diaphragm Valve Type 514 - 517": case "Membranventil Typ 514 - 517": return "Diaphragm Valve Type 514 - 517"; break; case "Diaphragm Valve Type 317 - 025": case "Membranventil Typ 317 - 025": return "Diaphragm Valve Type 317 - 025"; break; case "Butterfly Valve Type 567 - 568": case "Absperrklappe 567 - 568": return "Butterfly Valve Type 567 - 568"; break; } } function checkMaterial(calcAgain) { var check = false; var values = []; var selMat = $("#selectMaterial").val(); for (var i = 0; i < data.length; ++i) { if (selMat != "" && data[i]["material"] == selMat && data[i]["sdr"] != "-") { check = true; if (data[i]["sdr"] != values[0]) { if (typeof values[0] == "undefined") { values[0] = data[i]["sdr"]; } else if (typeof values[1] == "undefined") { values[1] = data[i]["sdr"]; break; } else { break; } } } } $("#radiogruopSDR").hide(); $("#sdgroupplaceholder").hide(); if (values[0] > values[1]) { var tmp = values[0]; values[0] = values[1]; values[1] = tmp; } if (check) { $("#radio3").val(values[0]); $("#lradio3").text(values[0]); $("#radio4").val(values[1]); $("#lradio4").text(values[1]); $("#radiogruopSDR").show(); $("#sdgroupplaceholder").show(); $(".fakeheight").show(); } var dimensions = [], material = [], flangeType = [], gasket = [], valve = [], combinationOfFlangesL = 0, combinationOfFlangesF = 0, radio3 = 0, radio4 = 0; var selectMaterialVal = $("#selectMaterial").val(), selectDimensionVal = $("#selectDimension").val(), selectFlangeTypeVal = $("#selectFlangeType").val(), selectValveVal = $("#selectValve").val(), selectGasketVal = $("#selectGasket").val(), radioFlangeVal = $('input[name=radioFlange]:checked').val(), radioSDRVal = $('input[name=radioSDR]:checked').val(); for (var i = 0; i < data.length; ++i) { if ($('#radio3').val() == data[i]["sdr"] && (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal && (data[i]["combinationOfFlanges"] == radioFlangeVal) ) ) { radio3 = 1; } if ($('#radio4').val() == data[i]["sdr"] && (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal && (data[i]["combinationOfFlanges"] == radioFlangeVal) ) ) { radio4 = 1; } if (data[i]["combinationOfFlanges"] == "F" && (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) ) { combinationOfFlangesF = 1; } if (data[i]["combinationOfFlanges"] == "L" && (selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { combinationOfFlangesL = 1; } if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { if (dimensions.indexOf(data[i]["dimension"]) == -1) { dimensions.push(data[i]["dimension"]); } } // var obj = []; // obj["material"] = selectMaterialVal; // obj["type"] = selectFlangeTypeVal; // obj["dimension"] = selectDimensionVal; // obj["gasket"] = selectGasketVal; // obj["valve"] = selectValveVal; // obj["radioFlange]"] = $('input[name=radioFlange]:checked').val(); // // console.log("=============>", obj); // if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) // && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) // && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) // && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) // && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) // && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal)) // { // console.log("##########", data[i]["valve"]); // } if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { if (valve.indexOf(data[i]["valve"]) == -1) { valve.push(data[i]["valve"]); } } if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { if (gasket.indexOf(data[i]["typeOfGasket"]) == -1) { gasket.push(data[i]["typeOfGasket"]); } } if ((selectMaterialVal == "" || data[i]["material"] == selectMaterialVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { if (flangeType.indexOf(data[i]["flangeType"]) == -1 && data[i]["flangeType"] != "-") { flangeType.push(data[i]["flangeType"]); } } if ((selectFlangeTypeVal == "" || data[i]["flangeType"] == selectFlangeTypeVal) && (selectGasketVal == "" || data[i]["typeOfGasket"] == selectGasketVal) && (selectDimensionVal == "" || data[i]["dimension"] == selectDimensionVal) && (selectValveVal == "" || data[i]["valve"] == selectValveVal) && (typeof $('input[name=radioFlange]:checked').val() == "undefined" || data[i]["combinationOfFlanges"] == radioFlangeVal) && ($("#radiogruopSDR").css("display") == "none" || typeof $('input[name=radioSDR]:checked').val() == "undefined" || data[i]["sdr"] == radioSDRVal) ) { if (material.indexOf(data[i]["material"]) == -1 && data[i]["material"] != "-") { material.push(data[i]["material"]); } } } $(".fakeheight").hide(); var selVal = $("#selectDimension").val() $("#selectDimension").empty(); $("#selectDimension").append(firstSelect); for (i = 0; i < dimensions.length; ++i) { if (selVal == dimensions[i] || dimensions.length == 1) { selected = "selected"; } else { selected = ""; } $("#selectDimension").append(''); } selVal = $("#selectValve").val() $("#selectValve").empty(); $("#selectValve").append(firstSelect); for (i = 0; i < valve.length; ++i) { if (selVal == valve[i] || valve.length == 1) { selected = "selected"; } else { selected = ""; } $("#selectValve").append(''); } selVal = $("#selectGasket").val() $("#selectGasket").empty(); $("#selectGasket").append(firstSelect); for (i = 0; i < gasket.length; ++i) { if (selVal == gasket[i] || gasket.length == 1) { selected = "selected"; } else { selected = ""; } $("#selectGasket").append(''); } selVal = $("#selectFlangeType").val() $("#selectFlangeType").empty(); $("#selectFlangeType").append(firstSelect); for (i = 0; i < flangeType.length; ++i) { if (selVal == flangeType[i] || flangeType.length == 1) { selected = "selected"; } else { selected = ""; } $("#selectFlangeType").append(''); } selVal = $("#selectMaterial").val() $("#selectMaterial").empty(); $("#selectMaterial").append(firstSelect); for (i = 0; i < material.length; ++i) { if (selVal == material[i] || material.length == 1) { selected = "selected"; } else { selected = ""; } $("#selectMaterial").append(''); } if (combinationOfFlangesL == 1) { $("#radio1").prop("disabled", false); $("label[for=radio1]").css("opacity", 1); } else { $("#radio1").prop("disabled", true); $('#radio1').prop('checked', false); $("label[for=radio1]").css("opacity", 0.4); if ($("#radio2").prop("disabled") == false) { $('#radio2').prop('checked', true); } } if (combinationOfFlangesF == 1) { $("#radio2").prop("disabled", false); $("label[for=radio2]").css("opacity", 1); } else { $("#radio2").prop("disabled", true); $('#radio2').prop('checked', false); $("label[for=radio2]").css("opacity", 0.4); if ($("#radio1").prop("disabled") == false) { $('#radio1').prop('checked', true); } } if (radio3 == 1) { $("#radio3").prop("disabled", false); $("label[for=radio3]").css("opacity", 1); } else { $("#radio3").prop("disabled", true); $('#radio3').prop('checked', false); $("label[for=radio3]").css("opacity", 0.4); if ($("#radio4").prop("disabled") == false) { $('#radio4').prop('checked', true); } } if (radio4 == 1) { $("#radio4").prop("disabled", false); $("label[for=radio4]").css("opacity", 1); } else { $("#radio4").prop("disabled", true); $('#radio4').prop('checked', false); $("label[for=radio4]").css("opacity", 0.4); if ($("#radio3").prop("disabled") == false) { $('#radio3').prop('checked', true); } } if (typeof calcAgain == "undefined") { checkMaterial(true); } } $(function () { $("#selectValve").change(function () { onValveChanged(); }); $("#inletPressure").change(function () { if ($("#inletPressure").val() < 0) { $("#inletPressure").val(0); } if (parseInt($("#inletPressure").val()) <= parseInt($("#outletPressure").val())) { $("#inletPressure").val(parseInt($("#outletPressure").val()) + 1); } doCalc(); }); $("#outletPressure").change(function () { if ($("#outletPressure").val() < 0) { $("#outletPressure").val(0); } if (parseInt($("#outletPressure").val()) >= parseInt($("#inletPressure").val())) { $("#outletPressure").val(parseInt($("#inletPressure").val()) - 1); } doCalc(); }); $("#selectMaterial").change(function () { checkMaterial(); doCalc(); }); $("#selectValve, #selectDimension, #selectGasket, #selectFlangeType, input[name=radioFlange], input[name=radioSDR]").change(function () { checkMaterial(); doCalc(); }); $('input[type=radio][name=radioFlange]').change(function () { doCalc(); }); $('input[type=radio][name=radioSDR]').change(function () { doCalc(); }); init(); checkMaterial(); $(document).tooltip({ position: {at: "right top", collision: "flipfit"}, track: true }); }); String.prototype.replaceAll = function (search, replacement) { var target = this; return target.split(search).join(replacement); };