| @(parameters: metadata.ThreeDVarAvgVertical4Profile) |
| |
| @import helper._ |
| |
| <link rel="stylesheet" |
| href='@routes.Assets.at("stylesheets/livefitler.css")'> |
| |
| @scripts = { |
| <script src='@routes.Assets.at("javascripts/edit_button.js")'></script> |
| <script src='@routes.Assets.at("javascripts/livefilter.js")'></script> |
| <script type="text/javascript" src='@routes.Assets.at("javascripts/jquery-1.9.0.min.js")'></script> |
| <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script> |
| <script type="text/javascript" src='@routes.Assets.at("javascripts/json2.js")'></script> |
| <script type="text/javascript" src="@routes.Assets.at("javascripts/xmisc.js")"></script> |
| <script type="text/javascript"> |
| |
| var Response = null; |
| var variable = ""; |
| |
| // called on load or reload |
| window.onload = function() { |
| select_all_months(); |
| getDataSource(); |
| select_data(); |
| getVariableName(); |
| select_var(); |
| // no data to download yet |
| //disable_download_button(); |
| |
| $('#t0').val(@parameters.getStartYearMonth()); |
| $('#t1').val(@parameters.getEndYearMonth()); |
| var selectMonths = $('#selectMonths').text(); |
| $('#months option:contains('+selectMonths+')').prop({selected: true}); |
| select_months(); |
| select_monthsByPara(); |
| $('#lat0').val($('#startLat').text()); |
| $('#lat1').val($('#endLat').text()); |
| $('#lon0').val($('#startLon').text()); |
| $('#lon1').val($('#endLon').text()); |
| var pressureLvlScale = $('#pressureLevelScale').text(); |
| if(pressureLvlScale == "0") { |
| $('#radioLin').prop( "checked", true ); |
| $('#radioLog').prop( "checked", false ); |
| } |
| else { |
| $('#radioLin').prop( "checked", false ); |
| $('#radioLog').prop( "checked", true ); |
| } |
| var variableScale = $('#variableScale').text(); |
| if(variableScale == "0") { |
| $('#radioLin2').prop("checked", true); |
| $('#radioLog2').prop("checked", false); |
| } |
| else { |
| $('#radioLin2').prop("checked", false); |
| $('#radioLog2').prop("checked", true); |
| } |
| $('#purpose').html($('#executionPurpose').text()); |
| var imageUrl = $('#image').text(); |
| $('#Image').html('<img src="'+imageUrl+'" width=680 />'); |
| $('#data_url').html($('#dataURL').text()); |
| } |
| |
| function getDataSource() |
| { |
| var dataSource = $('#dataSource').text(); |
| var x = document.getElementById("data"); |
| if(dataSource == "NASA_AIRS") { |
| x.options[0].selected = true; |
| } |
| else if(dataSource == "NASA_MLS") { |
| x.options[1].selected = true; |
| } |
| else if(dataSource == "ARGO_ARGO") { |
| x.options[2].selected = true; |
| } |
| else if(dataSource == "CCCMA_CANESM2") { |
| x.options[3].selected = true; |
| } |
| else if(dataSource == "GFDL_ESM2G") { |
| x.options[4].selected = true; |
| } |
| else if(dataSource == "GISS_E2-H") { |
| x.options[5].selected = true; |
| } |
| else if(dataSource == "GISS_E2-R") { |
| x.options[6].selected = true; |
| } |
| else if(dataSource == "NCAR_CAM5") { |
| x.options[7].selected = true; |
| } |
| else if(dataSource == "NCC_NORESM") { |
| x.options[8].selected = true; |
| } |
| else if(dataSource == "UKMO_HadGEM2-ES") { |
| x.options[9].selected = true; |
| } |
| else if(dataSource == "CCCMA_CANAM4") { |
| x.options[10].selected = true; |
| } |
| else if(dataSource == "CSIRO_MK3.6") { |
| x.options[11].selected = true; |
| } |
| else if(dataSource == "GFDL_CM3") { |
| x.options[12].selected = true; |
| } |
| else if(dataSource == "IPSL_CM5A-LR") { |
| x.options[13].selected = true; |
| } |
| else if(dataSource == "MIROC_MIROC5") { |
| x.options[14].selected = true; |
| } |
| else if(dataSource == "UKMO_HadGEM2-A") { |
| x.options[15].selected = true; |
| } |
| else if(dataSource == "ECMWF_interim") { |
| x.options[16].selected = true; |
| } |
| } |
| |
| function getVariableName() |
| { |
| var var_string = $('#variableName').text(); |
| var x=document.getElementById("var"); |
| if(var_string == "ta") { |
| x.options[0].selected = true; |
| } |
| else if(var_string == "hus") { |
| x.options[1].selected = true; |
| } |
| else if(var_string == "cli") { |
| x.options[2].selected = true; |
| } |
| else if(var_string == "clw") { |
| x.options[3].selected = true; |
| } |
| else if(var_string == "ot") { |
| x.options[4].selected = true; |
| } |
| else if(var_string == "os") { |
| x.options[5].selected = true; |
| } |
| else if(var_string == "wap") { |
| x.options[6].selected = true; |
| } |
| else if(var_string == "hur") { |
| x.options[7].selected = true; |
| } |
| } |
| |
| function select_monthsByPara(){ |
| var monthsByPara = $('#monthsPara').text(); |
| if(monthsByPara.search("jan")>-1){ |
| document.getElementById('Jan').checked = true; |
| } |
| if(monthsByPara.search("feb")>-1){ |
| document.getElementById('Feb').checked = true; |
| } |
| if(monthsByPara.search("mar")>-1){ |
| document.getElementById('Mar').checked = true; |
| } |
| if(monthsByPara.search("apr")>-1){ |
| document.getElementById('Apr').checked = true; |
| } |
| if(monthsByPara.search("may")>-1){ |
| document.getElementById('May').checked = true; |
| } |
| if(monthsByPara.search("jun")>-1){ |
| document.getElementById('Jun').checked = true; |
| } |
| if(monthsByPara.search("jul")>-1){ |
| document.getElementById('Jul').checked = true; |
| } |
| if(monthsByPara.search("aug")>-1){ |
| document.getElementById('Aug').checked = true; |
| } |
| if(monthsByPara.search("sep")>-1){ |
| document.getElementById('Sep').checked = true; |
| } |
| if(monthsByPara.search("oct")>-1){ |
| document.getElementById('Oct').checked = true; |
| } |
| if(monthsByPara.search("nov")>-1){ |
| document.getElementById('Nov').checked = true; |
| } |
| if(monthsByPara.search("dec")>-1){ |
| document.getElementById('Dec').checked = true; |
| } |
| } |
| |
| // disable download data button |
| function disable_download_button() |
| { |
| var x=document.getElementById("download_data"); |
| x.disabled=false; |
| } |
| |
| |
| // enable download data button |
| function enable_download_button() |
| { |
| var x=document.getElementById("download_data"); |
| x.disabled=false; |
| } |
| |
| |
| // select all months in the checkboxes |
| function select_all_months() |
| { |
| document.getElementById('Jan').checked = true; |
| document.getElementById('Feb').checked = true; |
| document.getElementById('Mar').checked = true; |
| document.getElementById('Apr').checked = true; |
| document.getElementById('May').checked = true; |
| document.getElementById('Jun').checked = true; |
| document.getElementById('Jul').checked = true; |
| document.getElementById('Aug').checked = true; |
| document.getElementById('Sep').checked = true; |
| document.getElementById('Oct').checked = true; |
| document.getElementById('Nov').checked = true; |
| document.getElementById('Dec').checked = true; |
| } |
| |
| // see if no month is selected |
| function no_month_check() |
| { |
| if (document.getElementById('Jan').checked == false && |
| document.getElementById('Feb').checked == false && |
| document.getElementById('Mar').checked == false && |
| document.getElementById('Apr').checked == false && |
| document.getElementById('May').checked == false && |
| document.getElementById('Jun').checked == false && |
| document.getElementById('Jul').checked == false && |
| document.getElementById('Aug').checked == false && |
| document.getElementById('Sep').checked == false && |
| document.getElementById('Oct').checked == false && |
| document.getElementById('Nov').checked == false && |
| document.getElementById('Dec').checked == false) { |
| // alert("No month check!"); |
| return true; |
| } |
| else |
| return false; |
| } |
| |
| // unselect all months in the checkboxes |
| function reset_months() |
| { |
| document.getElementById('Jan').checked = false; |
| document.getElementById('Feb').checked = false; |
| document.getElementById('Mar').checked = false; |
| document.getElementById('Apr').checked = false; |
| document.getElementById('May').checked = false; |
| document.getElementById('Jun').checked = false; |
| document.getElementById('Jul').checked = false; |
| document.getElementById('Aug').checked = false; |
| document.getElementById('Sep').checked = false; |
| document.getElementById('Oct').checked = false; |
| document.getElementById('Nov').checked = false; |
| document.getElementById('Dec').checked = false; |
| } |
| |
| // enable all vars in dropdown menu |
| function reset_vars() |
| { |
| var x=document.getElementById("var"); |
| x.options[0].disabled=false; |
| x.options[1].disabled=false; |
| x.options[2].disabled=false; |
| x.options[3].disabled=false; |
| x.options[4].disabled=false; |
| x.options[5].disabled=false; |
| x.options[6].disabled=false; |
| x.options[7].disabled=false; |
| } |
| |
| // form variable string based on "var" dropdown selection |
| function select_var() |
| { |
| var var_string = $("#var").val(); |
| // disable the download button because of this change |
| disable_download_button(); |
| |
| if (var_string == "Air Temperature") |
| variable = "ta"; |
| else if (var_string == "Specific Humidity") |
| variable = "hus"; |
| else if (var_string == "Cloud Ice Water Content") |
| variable = "cli"; |
| else if (var_string == "Cloud Liquid Water Content") |
| variable = "clw"; |
| else if (var_string == "Ocean Temperature") |
| variable = "ot"; |
| else if (var_string == "Ocean Salinity") |
| variable = "os"; |
| else if (var_string == "Vertical Wind Velocity") |
| variable = "wap"; |
| else if (var_string == "Relative Humidity") |
| variable = "hur"; |
| |
| // alert("variable: " + variable) |
| } |
| |
| // set up "var" dropdown based status of "data" dropdown |
| function select_data() |
| { |
| var data_string = $("#data").val(); |
| var x=document.getElementById("var"); |
| |
| // disable the download button because of this change |
| disable_download_button(); |
| |
| // enable all options in "var" dropdown first |
| reset_vars(); |
| |
| // alert(data_string); |
| |
| // disable corresponding "var" options |
| if (data_string == "NASA/AIRS") { |
| x.options[0].selected=true; |
| //x.options[1].selected=true; |
| x.options[2].disabled=true; |
| x.options[3].disabled=true; |
| x.options[4].disabled=true; |
| x.options[5].disabled=true; |
| x.options[6].disabled=true; |
| x.options[7].disabled=true; |
| } |
| else if (data_string == "NASA/MLS") { |
| x.options[0].selected=true; |
| //x.options[1].selected=true; |
| x.options[2].disabled=true; |
| x.options[3].disabled=true; |
| x.options[4].disabled=true; |
| x.options[5].disabled=true; |
| x.options[6].disabled=true; |
| x.options[7].disabled=true; |
| } |
| else if (data_string == "ARGO/ARGO") { |
| x.options[0].disabled=true; |
| x.options[1].disabled=true; |
| x.options[2].disabled=true; |
| x.options[3].disabled=true; |
| x.options[4].selected=true; |
| //x.options[5].selected=true; |
| x.options[6].disabled=true; |
| x.options[7].disabled=true; |
| } |
| else if (data_string == "ECMWF/interim") { |
| x.options[0].disabled=true; |
| x.options[1].disabled=true; |
| x.options[2].disabled=true; |
| x.options[3].disabled=true; |
| x.options[4].disabled=true; |
| x.options[5].disabled=true; |
| //x.options[6].disabled=true; |
| //x.options[7].disabled=true; |
| x.options[6].selected=true; |
| } |
| else { |
| x.options[0].selected=true; |
| //x.options[1].selected=true; |
| //x.options[2].selected=true; |
| //x.options[3].selected=true; |
| x.options[4].disabled=true; |
| x.options[5].disabled=true; |
| } |
| |
| // form variable string |
| select_var(); |
| } |
| |
| // select checkboxes based on "months" dropdown |
| function select_months() |
| { |
| var s1=document.getElementById("months"); |
| // alert(s1.selectedIndex); |
| // alert(s1.options[s1.selectedIndex].value); |
| |
| // disable the download button because of this change |
| disable_download_button(); |
| |
| // "select none" |
| if (s1.selectedIndex == 1) { |
| reset_months(); |
| } |
| // "select all" |
| if (s1.selectedIndex == 0) { |
| select_all_months(); |
| } |
| // "summer" |
| if (s1.selectedIndex == 2) { |
| reset_months(); |
| document.getElementById('Jun').checked = true; |
| document.getElementById('Jul').checked = true; |
| document.getElementById('Aug').checked = true; |
| } |
| // "autumn" |
| if (s1.selectedIndex == 3) { |
| reset_months(); |
| document.getElementById('Sep').checked = true; |
| document.getElementById('Oct').checked = true; |
| document.getElementById('Nov').checked = true; |
| } |
| // "winter" |
| if (s1.selectedIndex == 4) { |
| reset_months(); |
| document.getElementById('Dec').checked = true; |
| document.getElementById('Jan').checked = true; |
| document.getElementById('Feb').checked = true; |
| } |
| // "spring" |
| if (s1.selectedIndex == 5) { |
| reset_months(); |
| document.getElementById('Mar').checked = true; |
| document.getElementById('Apr').checked = true; |
| document.getElementById('May').checked = true; |
| } |
| |
| } |
| |
| $(document).ready(function(){ |
| |
| /*$("a").click(function(event){ |
| alert("As you can see, the link no longer took you to jquery.com"); |
| event.preventDefault(); |
| });*/ |
| |
| |
| $("#download_data").click(function(event) { |
| var durl = $("#data_url").val(); |
| // alert(durl); |
| window.location.assign(durl); |
| }); |
| |
| |
| $("#threedvertical").click(function(event) { |
| Response = null; |
| // no data to download yet |
| disable_download_button(); |
| |
| // flag error if no month box is checked |
| if (no_month_check()) { |
| // $("#Response").html("<span style='color:red'>Error: please check at least one month.</span>"); |
| $("#Response").html("Error: please check at least one month."); |
| $("#Image").html(""); |
| return; |
| } |
| |
| $("#Response").html("Calculating ..."); |
| $("#data_url").html("Calculating ..."); |
| $("#Image").html(""); |
| |
| // sample url: http://cmacws.jpl.nasa.gov:9002/svc/threeDimVerticalProfile?model=ncc_noresm&var=cli&start_time=199001&end_time=199512&lon1=0&lon2=180&lat1=-29&lat2=29&months=1,2,3,4,5,6,7,8,9,10,11,12 |
| |
| // form url string |
| var url = "http://" + window.location.hostname + ":9002/svc/threeDimVerticalProfile?"; |
| //var url = "http://einstein.sv.cmu.edu" + ":9002/svc/threeDimVerticalProfile?"; |
| // alert(url); |
| |
| var d1 = $("#data").val(); |
| var model1 = d1.replace("/", "_"); |
| |
| var arglist = ""; |
| arglist = arglist.concat("model="); |
| arglist = arglist.concat(model1); |
| |
| var v1 = $("#var").val(); |
| arglist = arglist.concat("&var="); |
| arglist = arglist.concat(variable); |
| |
| var t0 = $("#t0").val(); |
| var t1 = $("#t1").val(); |
| |
| t0 = t0.replace("-", ""); |
| t1 = t1.replace("-", ""); |
| |
| arglist = arglist.concat("&start_time="); |
| arglist = arglist.concat(t0); |
| |
| arglist = arglist.concat("&end_time="); |
| arglist = arglist.concat(t1); |
| |
| var lon0 = $("#lon0").val(); |
| var lon1 = $("#lon1").val(); |
| var lat0 = $("#lat0").val(); |
| var lat1 = $("#lat1").val(); |
| |
| arglist = arglist.concat("&lon1="); |
| arglist = arglist.concat(lon0); |
| |
| arglist = arglist.concat("&lon2="); |
| arglist = arglist.concat(lon1); |
| |
| arglist = arglist.concat("&lat1="); |
| arglist = arglist.concat(lat0); |
| |
| arglist = arglist.concat("&lat2="); |
| arglist = arglist.concat(lat1); |
| |
| var s1 = document.getElementById('months'); |
| |
| // get months checked by client |
| var month_str = ""; |
| |
| var mm = document.getElementById('Jan'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",1"); |
| |
| var mm = document.getElementById('Feb'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",2"); |
| |
| var mm = document.getElementById('Mar'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",3"); |
| |
| var mm = document.getElementById('Apr'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",4"); |
| |
| var mm = document.getElementById('May'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",5"); |
| |
| var mm = document.getElementById('Jun'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",6"); |
| |
| var mm = document.getElementById('Jul'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",7"); |
| |
| var mm = document.getElementById('Aug'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",8"); |
| |
| var mm = document.getElementById('Sep'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",9"); |
| |
| var mm = document.getElementById('Oct'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",10"); |
| |
| var mm = document.getElementById('Nov'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",11"); |
| |
| var mm = document.getElementById('Dec'); |
| if (mm.checked == true) |
| month_str = month_str.concat(",12"); |
| |
| // remove the leading ',' |
| month_str = month_str.substr(1); |
| // alert(month_str); |
| |
| arglist = arglist.concat("&months="); |
| arglist = arglist.concat(month_str); |
| // alert("arglist: " + arglist); |
| |
| arglist = arglist.concat("&scale="); |
| var y = document.getElementById("radioLin").checked; |
| var yval; |
| var x = document.getElementById("radioLin2").checked; |
| var xval; |
| // alert(y); |
| if (y == true) |
| yval = 0; |
| else |
| yval = 2; |
| |
| if (x == true) |
| xval = 0; |
| else |
| xval = 1; |
| |
| var scale1 = yval + xval; |
| var scale1_str = scale1.toString(); |
| |
| arglist = arglist.concat(scale1_str); |
| |
| var purpose = $("#purpose").val(); |
| arglist = arglist.concat("&purpose="); |
| arglist = arglist.concat(purpose); |
| |
| // url = url + encodeURIComponent(arglist); |
| url = url + encodeURI(arglist); |
| // url = url + arglist; |
| //alert("url: " + url); |
| |
| var urlTimeBounds = "http://" + window.location.hostname + ":9002/svc/time_bounds?"; |
| var arglistTB = ""; |
| arglistTB = arglistTB.concat("serviceType="); |
| arglistTB = arglistTB.concat("1"); |
| arglistTB = arglistTB.concat("&source="); |
| arglistTB = arglistTB.concat(d1); |
| arglistTB = arglistTB.concat("&var="); |
| arglistTB = arglistTB.concat(variable); |
| urlTimeBounds = urlTimeBounds + encodeURI(arglistTB); |
| //alert("urlTimeBounds: " + urlTimeBounds); |
| |
| |
| $.ajax({ |
| type: "GET", |
| url: urlTimeBounds, |
| dataType: "json", |
| data: null, |
| success: function(data, textStatus, xhr) { |
| Response = data; |
| //console.log("data: " + data); |
| if (data.success == false) { |
| // alert(data.error); |
| Response = null; |
| var text = JSON.stringify(data, null, 4); |
| text = "Error in backend: <br>" + text; |
| $("#Response").html(text); |
| $("#data_url").html(text); |
| return; |
| } |
| var text = JSON.stringify(data, null, 4); |
| // alert("text: " + text); |
| // $("#Response").html("<pre>"+text+"</pre>"); |
| // $("#Response").html(text); |
| |
| var tb = data.time_bounds; |
| var bds = String(tb).split(","); |
| // alert("tb: " + tb); |
| // alert("bds: " + bds); |
| var lowerT = parseInt(bds[0]); |
| var upperT = parseInt(bds[1]); |
| // alert("lowerT: " + lowerT); |
| // alert("upperT: " + upperT); |
| var t0I = parseInt(t0); |
| var t1I = parseInt(t1); |
| // alert("t0: " + t0I); |
| // alert("t1: " + t1I); |
| |
| if ( lowerT == 0 && upperT ==0 ) { |
| alert("We do not have data for this source and variable configuration."); |
| return; |
| } |
| |
| if (t0I < lowerT && t1I < lowerT || |
| t0I > upperT && t1I > upperT) { |
| alert("We do not have data that span your time range. Try the range inside ["+lowerT+", "+upperT+"]."); |
| return; |
| } |
| |
| if (t0I < lowerT && t1I <= upperT) { |
| alert("Your start year-month is out of bound. It has to be in or later than " + lowerT + |
| ". We will use the range ["+lowerT+", "+t1I+"] for you."); |
| } |
| |
| if (t1I > upperT && t0I >= lowerT) { |
| alert("Your end year-month is out of bound. It has to be in or earlier than " + upperT + |
| ". We will use the range ["+t0I+", "+upperT+"] for you."); |
| } |
| |
| if (t0I < lowerT && t1I > upperT ) { |
| alert("Both of your start and end year-months are out of bounds. They have to be in or earlier than " + upperT + |
| ", and in or later than " + lowerT + ". We will use the range ["+lowerT+", "+upperT+"] for you."); |
| } |
| }, |
| error: function(xhr, textStatus, errorThrown) { |
| $("#Response").html("error!"); |
| $("#data_url").html("error!"); |
| // alert("xhr.status: "+xhr.status); |
| // alert("error status: "+textStatus); |
| }, |
| complete: function(xhr, textStatus) { |
| //alert("complete status: "+textStatus); |
| } |
| }); |
| |
| $.ajax({ |
| type: "GET", |
| url: url, |
| dataType: "json", |
| data: null, |
| success: function(data, textStatus, xhr) { |
| Response = data; |
| // alert("data: " + data); |
| if (data.success == false) { |
| // alert(data.error); |
| Response = null; |
| var text = JSON.stringify(data, null, 4); |
| text = "Error in backend: <br>" + text; |
| // $("#Response").html("<span style='color:red'>" + text + "</span>"); |
| $("#Response").html(text); |
| $("#data_url").html(text); |
| return; |
| } |
| var text = JSON.stringify(data, null, 4); |
| // alert(text); |
| // $("#Response").html("<pre>"+text+"</pre>"); |
| $("#Response").html(text); |
| |
| var html1 = "<img src='"+data.url+"' width='680'/>"; |
| // alert(html1); |
| $("#Image").html(html1); |
| |
| // post dataUrl to textarea and enable download button |
| $("#data_url").html(data.dataUrl); |
| enable_download_button(); |
| }, |
| error: function(xhr, textStatus, errorThrown) { |
| $("#Response").html("error!"); |
| $("#data_url").html("error!"); |
| // alert("xhr.status: "+xhr.status); |
| // alert("error status: "+textStatus); |
| }, |
| complete: function(xhr, textStatus) { |
| //alert("complete status: "+textStatus); |
| } |
| }); |
| |
| }); |
| |
| |
| }); |
| |
| </script> |
| } |
| |
| @main("Parameters of ConfId", scripts){ |
| |
| @flash_message() |
| <p> |
| <div id="dataSource" style="display: none">@parameters.getDataSource()</div> |
| <div id="variableName" style="display: none">@parameters.getVariableName()</div> |
| <div id="startYearMonth" style="display: none">@parameters.getStartYearMonth()</div> |
| <div id="endYearMonth" style="display: none">@parameters.getEndYearMonth()</div> |
| <div id="selectMonths" style="display: none">@parameters.getSelectMonths()</div> |
| <div id="monthsPara" style="display: none">@parameters.getMonth()</div> |
| <div id="startLat" style="display: none">@parameters.getStartLat()</div> |
| <div id="endLat" style="display: none">@parameters.getEndLat()</div> |
| <div id="startLon" style="display: none">@parameters.getStartLon()</div> |
| <div id="endLon" style="display: none">@parameters.getEndLon()</div> |
| <div id="pressureLevelScale" style="display: none">@parameters.getPressureLevelScale()</div> |
| <div id="variableScale" style="display: none">@parameters.getVariableScale()</div> |
| <div id="executionPurpose" style="display: none">@parameters.getExecutionPurpose()</div> |
| <div id="image" style="display: none">@parameters.getImage()</div> |
| <div id="dataURL" style="display: none">@parameters.getDataURL()</div> |
| <div id="serviceResponseText" style="display: none">@parameters.getServiceResponseText()</div> |
| <table border="1" align="center"> |
| |
| <tr> |
| <td colspan="4"> |
| <center> |
| <b>Service: 3-D Variable Average Vertical Profile</b> <br><br> |
| This service generates the average of a three-dimensional variable over a specified region and time and display the average as a function of pressure level as an X-Y plot. |
| <br><br> |
| </center> |
| </td> |
| </tr> |
| |
| <tr> |
| <td>data source:</td><td><select name="data", id="data" onchange="select_data()"> |
| <optgroup label="Observation"> |
| <option>NASA/AIRS</option> |
| <option>NASA/MLS</option> |
| <option >ARGO/ARGO</option> |
| </optgroup> |
| <optgroup label="Model: Historical"> |
| <option>CCCMA/CANESM2</option> |
| <option>GFDL/ESM2G</option> |
| <option>GISS/E2-H</option> |
| <option>GISS/E2-R</option> |
| <option>NCAR/CAM5</option> |
| <option>NCC/NORESM</option> |
| <option>UKMO/HadGEM2-ES</option> |
| </optgroup> |
| <optgroup label="Model: AMIP"> |
| <option>CCCMA/CANAM4</option> |
| <option>CSIRO/MK3.6</option> |
| <option>GFDL/CM3</option> |
| <option>IPSL/CM5A-LR</option> |
| <option>MIROC/MIROC5</option> |
| <option>UKMO/HadGEM2-A</option> |
| </optgroup> |
| <optgroup label="Reanalysis"> |
| <option>ECMWF/interim</option> |
| </optgroup> |
| </select></td> |
| |
| <td>variable name:</td><td><select name="var", id="var" onchange="select_var()"> |
| <option>Air Temperature</option> |
| <option>Specific Humidity</option> |
| <option>Cloud Ice Water Content</option> |
| <option>Cloud Liquid Water Content</option> |
| <option>Ocean Temperature</option> |
| <option>Ocean Salinity</option> |
| <option>Vertical Wind Velocity</option> |
| <option>Relative Humidity</option> |
| </select></td> |
| </tr> |
| |
| <tr> |
| <td>start year-month:</td><td><input id="t0" value="2004-01" alt="start"/></td> |
| <td>end year-month:</td><td><input id="t1" value="2004-12" alt="end"/></td> |
| </tr> |
| |
| <tr> |
| <td>select months:</td> |
| <td><select name="months" id="months" onchange="select_months()"> |
| <option id="all">select all</option> |
| <option id="none" selected="selected">select none</option> |
| <option id="summer">Summer:Jun-Jul-Aug</option> |
| <option id="autum">Autumn:Sep-Oct-Nov</option> |
| <option id="winter">Winter:Dec-Jan-Feb</option> |
| <option id="spring">Spring:Mar-Apr-May</option> </select> |
| </td> |
| <td> |
| </td> |
| <td> |
| </td> |
| </tr> |
| |
| <tr> |
| <td> |
| <label><input type="checkbox" name="option1" id="Jan" value="Jan" /> Jan<br></label> |
| <label><input type="checkbox" name="option1" id="Feb" value="Feb" /> Feb<br></label> |
| <label><input type="checkbox" name="option1" id="Mar" value="Mar" /> Mar<br></label> |
| </td> |
| <td> |
| <label><input type="checkbox" name="option1" id="Apr" value="Apr" /> Apr<br></label> |
| <label><input type="checkbox" name="option1" id="May" value="May" /> May<br></label> |
| <label><input type="checkbox" name="option1" id="Jun" value="Jun" /> Jun<br></label> |
| </td> |
| <td> |
| <label><input type="checkbox" name="option1" id="Jul" value="Jul" /> Jul<br></label> |
| <label><input type="checkbox" name="option1" id="Aug" value="Aug" /> Aug<br></label> |
| <label><input type="checkbox" name="option1" id="Sep" value="Sep" /> Sep<br></label> |
| </td> |
| <td> |
| <label><input type="checkbox" name="option1" id="Oct" value="Oct" /> Oct<br></label> |
| <label><input type="checkbox" name="option1" id="Nov" value="Nov" /> Nov<br></label> |
| <label><input type="checkbox" name="option1" id="Dec" value="Dec" /> Dec<br></label> |
| </td> |
| </tr> |
| |
| <tr> |
| <td>start lat (deg):</td><td><input id="lat0" value="-90"/></td> |
| <td>end lat (deg):</td><td><input id="lat1" value="90"/></td> |
| </tr> |
| |
| <tr> |
| <td>start lon (deg):</td><td><input id="lon0" value="0"/></td> |
| <td>end lon (deg):</td><td><input id="lon1" value="360"/></td> |
| </tr> |
| |
| |
| <tr><td colspan="1"> |
| pressure level scale:</td> |
| <td colspan="1"><form> <input type="radio" name="scale1" value="linear" id="radioLin">linear |
| <input type="radio" name="scale1" value="logarithmic" id="radioLog">logarithmic |
| </form> |
| </td> |
| <td colspan="1"> |
| variable scale: |
| </td> |
| <td colspan="1"> |
| <form> <input type="radio" name="scale2" value="linear" id="radioLin2">linear |
| <input type="radio" name="scale2" value="logarithmic" id="radioLog2">logarithmic |
| </form> |
| </td> |
| </tr> |
| |
| <tr> |
| <td colspan="1"> |
| Execution purpose |
| </td> |
| <td colspan="3"> |
| <form> |
| <textarea name="purpose" id="purpose" rows="4" cols="50"> </textarea> |
| </form> |
| </td> |
| </tr> |
| |
| |
| |
| |
| |
| |
| <tr> |
| <td colspan="2" align="center"><input id="threedvertical" type="submit" value=" Run Again " style="height:28px"/></td> |
| <form> |
| <td colspan="2" align="center"><input id="download_data" type="button" value="Download Data" style="height:28px"/> |
| </td> |
| </form> |
| </tr> |
| |
| <tr> |
| <td colspan="4"> |
| <div id="Image">Image Here</div> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="4" align="center"> |
| <textarea readonly id="data_url" cols="89" rows="2">Data URL Here</textarea> |
| </td> |
| </tr> |
| <tr> |
| <td colspan="4" align="center"> |
| <textarea readonly id="Response" cols="89" rows="6">Service Response Text Here</textarea> |
| </td> |
| </tr> |
| </p> |
| |
| </table> |
| } |
