Change the name Project: http://git-wip-us.apache.org/repos/asf/incubator-cmda/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cmda/commit/c64222a3 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cmda/tree/c64222a3 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cmda/diff/c64222a3
Branch: refs/heads/master Commit: c64222a3b04e8302ff72f924b1d2d96d7465551e Parents: 190fe2e Author: mingqi830 <m...@andrew.cmu.edu> Authored: Thu Sep 3 17:06:47 2015 -0700 Committer: mingqi830 <m...@andrew.cmu.edu> Committed: Thu Sep 3 17:06:47 2015 -0700 ---------------------------------------------------------------------- app/controllers/ClimateServiceController.java | 2 +- .../climate/TwoDVariableZonelMean.scala.html | 988 ------------------- .../climate/twoDVariableZonelMean.scala.html | 988 +++++++++++++++++++ 3 files changed, 989 insertions(+), 989 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cmda/blob/c64222a3/app/controllers/ClimateServiceController.java ---------------------------------------------------------------------- diff --git a/app/controllers/ClimateServiceController.java b/app/controllers/ClimateServiceController.java index ae5d8b5..0606f65 100644 --- a/app/controllers/ClimateServiceController.java +++ b/app/controllers/ClimateServiceController.java @@ -273,7 +273,7 @@ public class ClimateServiceController extends Controller { twoDVarZonalMean.setExecutionPurpose(response.path("purpose").textValue()); twoDVarZonalMean.setImage(response.path("plotUrl").textValue()); twoDVarZonalMean.setDataURL(response.path("dataUrl").textValue()); - return ok(views.html.climate.TwoDVariableZonelMean.render(twoDVarZonalMean)); + return ok(views.html.climate.twoDVariableZonelMean.render(twoDVarZonalMean)); } else if (serviceName.equals("2-D-Variable-Map")) {//Old ID 12 for (int i = 0; i < responseConfigItems.size(); i++) { http://git-wip-us.apache.org/repos/asf/incubator-cmda/blob/c64222a3/app/views/climate/TwoDVariableZonelMean.scala.html ---------------------------------------------------------------------- diff --git a/app/views/climate/TwoDVariableZonelMean.scala.html b/app/views/climate/TwoDVariableZonelMean.scala.html deleted file mode 100644 index 74bb104..0000000 --- a/app/views/climate/TwoDVariableZonelMean.scala.html +++ /dev/null @@ -1,988 +0,0 @@ -@(parameters: metadata.TwoDVarZonalMean) @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 = ""; - window.onload = function() { - changeDataSource(); - select_data(); - changeVariableName(); - select_var(); - var z=document.getElementById("download_data"); - z.disabled=false; - $('#t0').val($('#startYearMonth').text()); - $('#t1').val($('#endYearMonth').text()); - var selectMonths = $('#selectMonths').text(); - $('#months option:contains('+selectMonths+')').prop({selected: true}); - select_months(); - select_monthsByPara(); - $('#lat0').val($('#startLat').text()); - $('#lat1').val($('#endLat').text()); - var variableScale = $('#variableScale').text(); - if(variableScale == "0") { - $('#radioLin').prop( "checked", true ); - $('#radioLog').prop( "checked", false ); - } - else { - $('#radioLin').prop( "checked", false ); - $('#radioLog').prop( "checked", true ); - } - $('#purpose').html($('#executionPurpose').text()); - var imageUrl = $('#image').text(); - $('#Image').html('<img src="'+imageUrl+'" width=680 />'); - $('#data_url').html($('#dataURL').text()); - $('#Response').html($('serviceResponseText').text()); - } - function changeDataSource(){ - var dataSource = $('#dataSource').text(); - var x = document.getElementById("data"); - if(dataSource == "NASA_MODIS" ){ - x.options[0].selected=true; - } - else if(dataSource == "NASA_AMSRE" ){ - x.options[1].selected=true; - } - else if(dataSource == "NASA_TRMM" ){ - x.options[2].selected=true; - } - else if(dataSource == "NASA_GPCP" ){ - x.options[3].selected=true; - } - else if(dataSource == "NASA_QuikSCAT" ){ - x.options[4].selected=true; - } - else if(dataSource == "NASA_AVISO" ){ - x.options[5].selected=true; - } - else if(dataSource == "NASA_GRACE" ){ - x.options[6].selected=true; - } - else if(dataSource == "NOAA_NODC" ){ - x.options[7].selected=true; - } - else if(dataSource == "NASA_CERES" ){ - x.options[8].selected=true; - } - else if(dataSource == "CCCMA_CANESM2" ){ - x.options[9].selected=true; - } - else if(dataSource == "GFDL_ESM2G" ){ - x.options[10].selected=true; - } - else if(dataSource == "GISS_E2-H" ){ - x.options[11].selected=true; - } - else if(dataSource == "GISS_E2-R" ){ - x.options[12].selected=true; - } - else if(dataSource == "NCAR_CAM5" ){ - x.options[13].selected=true; - } - else if(dataSource == "NCC_NORESM" ){ - x.options[14].selected=true; - } - else if(dataSource == "UKMO_HadGEM2-ES" ){ - x.options[15].selected=true; - } - else if(dataSource == "CCCMA_CANAM4" ){ - x.options[16].selected=true; - } - else if(dataSource == "CSIRO_MK3.6" ){ - x.options[17].selected=true; - } - else if(dataSource == "GFDL_CM3" ){ - x.options[18].selected=true; - } - else if(dataSource == "IPSL_CM5A-LR" ){ - x.options[19].selected=true; - } - else if(dataSource == "MIROC_MIROC5" ){ - x.options[20].selected=true; - } - else if(dataSource == "UKMO_HADGEM2-A" ){ - x.options[21].selected=true; - } - else if(dataSource == "ECMWF_interim" ){ - x.options[22].selected=true; - } - } - function changeVariableName(){ - var var_string = $('#variableName').text(); - var x=document.getElementById("var"); - if (var_string == "clt") - x.options[1].selected=true; - else if (var_string == "ts") - x.options[2].selected=true; - else if (var_string == "tos") - x.options[3].selected=true; - else if (var_string == "pr") - x.options[0].selected=true; - else if (var_string == "uas") - x.options[4].selected=true; - else if (var_string == "vas") - x.options[5].selected=true; - else if (var_string == "sfcWind") - x.options[6].selected=true; - else if (var_string == "zos") - x.options[7].selected=true; - else if (var_string == "lai") - x.options[8].selected=true; - else if (var_string == "zl") - x.options[9].selected=true; - else if (var_string == "zo") - x.options[10].selected=true; - else if (var_string == "ohc700") - x.options[11].selected=true; - else if (var_string == "ohc2000") - x.options[12].selected=true; - else if (var_string == "rlds") - x.options[13].selected=true; - else if (var_string == "rsds") - x.options[14].selected=true; - else if (var_string == "rlus") - x.options[15].selected=true; - else if (var_string == "rsus") - x.options[16].selected=true; - else if (var_string == "rldscs") - x.options[17].selected=true; - else if (var_string == "rsdscs") - x.options[18].selected=true; - else if (var_string == "rsuscs") - x.options[19].selected=true; - else if (var_string == "rsdt") - x.options[20].selected=true; - else if (var_string == "rlutcs") - x.options[21].selected=true; - else if (var_string == "rlut") - x.options[22].selected=true; - else if (var_string == "rsutcs") - x.options[23].selected=true; - else if (var_string == "rsut") - x.options[24].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; - } - } - function disable_download_button() - { - } - function enable_download_button() - { - var x=document.getElementById("download_data"); - x.disabled=false; - } - 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; - } - 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) { - return true; - } - else - return false; - } - 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; - } - 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; - x.options[8].disabled=false; - x.options[9].disabled=false; - x.options[10].disabled=false; - x.options[11].disabled=false; - x.options[12].disabled=false; - x.options[13].disabled=false; - x.options[14].disabled=false; - x.options[15].disabled=false; - x.options[16].disabled=false; - x.options[17].disabled=false; - x.options[18].disabled=false; - x.options[19].disabled=false; - x.options[20].disabled=false; - x.options[21].disabled=false; - x.options[22].disabled=false; - x.options[23].disabled=false; - x.options[24].disabled=false; - } - function select_var() - { - var var_string = $("#var").val(); - if (var_string == "Total Cloud Fraction") - variable = "clt"; - else if (var_string == "Surface Temperature") - variable = "ts"; - else if (var_string == "Sea Surface Temperature") - variable = "tos"; - else if (var_string == "Precipitation Flux") - variable = "pr"; - else if (var_string == "Eastward Near-Surface Wind") - variable = "uas"; - else if (var_string == "Northward Near-Surface Wind") - variable = "vas"; - else if (var_string == "Near-Surface Wind Speed") - variable = "sfcWind"; - else if (var_string == "Sea Surface Height") - variable = "zos"; - else if (var_string == "Leaf Area Index") - variable = "lai"; - else if (var_string == "Equivalent Water Height Over Land") - variable = "zl"; - else if (var_string == "Equivalent Water Height Over Ocean") - variable = "zo"; - else if (var_string == "Ocean Heat Content Anomaly within 700 m Depth") - variable = "ohc700"; - else if (var_string == "Ocean Heat Content Anomaly within 2000 m Depth") - variable = "ohc2000"; - else if (var_string == "Surface Downwelling Longwave Radiation") - variable = "rlds"; - else if (var_string == "Surface Downwelling Shortwave Radiation") - variable = "rsds"; - else if (var_string == "Surface Upwelling Longwave Radiation") - variable = "rlus"; - else if (var_string == "Surface Upwelling Shortwave Radiation") - variable = "rsus"; - else if (var_string == "Surface Downwelling Clear-Sky Longwave Radiation") - variable = "rldscs"; - else if (var_string == "Surface Downwelling Clear-Sky Shortwave Radiation") - variable = "rsdscs"; - else if (var_string == "Surface Upwelling Clear-Sky Shortwave Radiation") - variable = "rsuscs"; - else if (var_string == "TOA Incident Shortwave Radiation") - variable = "rsdt"; - else if (var_string == "TOA Outgoing Clear-Sky Longwave Radiation") - variable = "rlutcs"; - else if (var_string == "TOA Outgoing Longwave Radiation") - variable = "rlut"; - else if (var_string == "TOA Outgoing Clear-Sky Shortwave Radiation") - variable = "rsutcs"; - else if (var_string == "TOA Outgoing Shortwave Radiation") - variable = "rsut"; - } - function select_data() - { - var data_string = $("#data").val(); - var x=document.getElementById("var"); - reset_vars(); - if (data_string == "NASA/AMSRE") { - x.options[0].disabled=true; - x.options[1].disabled=true; - x.options[2].disabled=true; - x.options[4].disabled=true; - x.options[5].disabled=true; - x.options[6].disabled=true; - x.options[7].disabled=true; - x.options[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[3].selected=true; - } - else if (data_string == "NASA/MODIS") { - x.options[0].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[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[1].selected=true; - } - else if (data_string == "NASA/TRMM") { - x.options[0].selected=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[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - } - else if (data_string == "NASA/GPCP") { - x.options[0].selected=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[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - } - else if (data_string == "NASA/QuikSCAT") { - x.options[0].disabled=true; - x.options[1].disabled=true; - x.options[2].disabled=true; - x.options[3].disabled=true; - x.options[7].disabled=true; - x.options[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[4].selected=true; - } - else if (data_string == "NASA/AVISO") { - 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[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[7].selected=true; - } - else if (data_string == "NASA/GRACE") { - 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[8].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[9].selected=true; - } - else if (data_string == "NOAA/NODC") { - 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[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[11].selected=true; - } - else if (data_string == "NASA/CERES") { - 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[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].selected=true; - } - else if (data_string == "ECMWF/interim") { - x.options[0].disabled=true; - x.options[1].disabled=true; - x.options[2].disabled=true; - x.options[4].disabled=true; - x.options[5].disabled=true; - x.options[6].disabled=true; - x.options[7].disabled=true; - x.options[8].disabled=true; - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[13].disabled=true; - x.options[14].disabled=true; - x.options[15].disabled=true; - x.options[16].disabled=true; - x.options[17].disabled=true; - x.options[18].disabled=true; - x.options[19].disabled=true; - x.options[20].disabled=true; - x.options[21].disabled=true; - x.options[22].disabled=true; - x.options[23].disabled=true; - x.options[24].disabled=true; - x.options[3].selected=true; - } - else { - x.options[9].disabled=true; - x.options[10].disabled=true; - x.options[11].disabled=true; - x.options[12].disabled=true; - x.options[0].selected=true; - } - select_var(); - } - function select_months() - { - var s1=document.getElementById("months"); - if (s1.selectedIndex == 1) { - reset_months(); - } - if (s1.selectedIndex == 0) { - select_all_months(); - } - if (s1.selectedIndex == 2) { - reset_months(); - document.getElementById('Jun').checked = true; - document.getElementById('Jul').checked = true; - document.getElementById('Aug').checked = true; - } - if (s1.selectedIndex == 3) { - reset_months(); - document.getElementById('Sep').checked = true; - document.getElementById('Oct').checked = true; - document.getElementById('Nov').checked = true; - } - if (s1.selectedIndex == 4) { - reset_months(); - document.getElementById('Dec').checked = true; - document.getElementById('Jan').checked = true; - document.getElementById('Feb').checked = true; - } - if (s1.selectedIndex == 5) { - reset_months(); - document.getElementById('Mar').checked = true; - document.getElementById('Apr').checked = true; - document.getElementById('May').checked = true; - } - } - $(document).ready(function(){ - $("#download_data").click(function(event) { - var durl = $("#data_url").val(); - window.location.assign(durl); - }); - $("#twodvarzonalmean").click(function(event) { - Response = null; - if (no_month_check()) { - $("#Response").html("Error: please check at least one month."); - $("#Image").html(""); - return; - } - $("#Response").html("Calculating ..."); - $("#data_url").html("Calculating ..."); - $("#Image").html(""); - var url = "http://"; + window.location.hostname + ":9002/svc/twoDimZonalMean?"; - 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 lat0 = $("#lat0").val(); - var lat1 = $("#lat1").val(); - arglist = arglist.concat("&lat1="); - arglist = arglist.concat(lat0); - arglist = arglist.concat("&lat2="); - arglist = arglist.concat(lat1); - var s1 = document.getElementById('months'); - 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"); - month_str = month_str.substr(1); - arglist = arglist.concat("&months="); - arglist = arglist.concat(month_str); - arglist = arglist.concat("&scale="); - var y = document.getElementById("radioLin").checked; - if (y == true) - arglist = arglist.concat('0'); - else - arglist = arglist.concat('2'); - var purpose = $("#purpose").val(); - arglist = arglist.concat("&purpose="); - arglist = arglist.concat(purpose); - url = url + encodeURI(arglist); - 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); - $.ajax({ - type: "GET", - url: urlTimeBounds, - dataType: "json", - data: null, - success: function(data, textStatus, xhr) { - Response = data; - if (data.success == false) { - 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); - var tb = data.time_bounds; - var bds = String(tb).split(","); - var lowerT = parseInt(bds[0]); - var upperT = parseInt(bds[1]); - var t0I = parseInt(t0); - var t1I = parseInt(t1); - 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!"); - }, - complete: function(xhr, textStatus) { - } - }); - $.ajax({ - type: "GET", - url: url, - dataType: "json", - data: null, - success: function(data, textStatus, xhr) { - Response = data; - if (data.success == false) { - 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); - $("#Response").html(text); - var html1 = "<img src='"+data.url+"' width='680' style=âdisplay: block; margin: 0 auto;â/>"; - $("#Image").html(html1); - $("#data_url").html(data.dataUrl); - enable_download_button(); - }, - error: function(xhr, textStatus, errorThrown) { - $("#Response").html("error!"); - $("#data_url").html("error!"); - }, - complete: function(xhr, textStatus) { - } - }); - }); - }); - </script> -<optgroup label="Observation"> - <option>NASA/MODIS</option> - <option>NASA/AMSRE</option> - <option>NASA/TRMM</option> - <option>NASA/GPCP</option> - <option>NASA/QuikSCAT</option> - <option>NASA/AVISO</option> - <option>NASA/GRACE</option> - <option>NOAA/NODC</option> - <option>NASA/CERES</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>Precipitation Flux</option> - <option>Total Cloud Fraction</option> - <option>Surface Temperature</option> - <option>Sea Surface Temperature</option> - <option>Eastward Near-Surface Wind</option> - <option>Northward Near-Surface Wind</option> - <option>Near-Surface Wind Speed</option> - <option>Sea Surface Height</option> - <option>Leaf Area Index</option> - <option>Equivalent Water Height Over Land</option> - <option>Equivalent Water Height Over Ocean</option> - <option>Ocean Heat Content Anomaly within 700 m Depth</option> - <option>Ocean Heat Content Anomaly within 2000 m Depth</option> - <option>Surface Downwelling Longwave Radiation</option> - <option>Surface Downwelling Shortwave Radiation</option> - <option>Surface Upwelling Longwave Radiation</option> - <option>Surface Upwelling Shortwave Radiation</option> - <option>Surface Downwelling Clear-Sky Longwave Radiation</option> - <option>Surface Downwelling Clear-Sky Shortwave Radiation</option> - <option>Surface Upwelling Clear-Sky Shortwave Radiation</option> - <option>TOA Incident Shortwave Radiation</option> - <option>TOA Outgoing Longwave Radiation</option> - <option>TOA Outgoing Shortwave Radiation</option> - <option>TOA Outgoing Clear-Sky Longwave Radiation</option> - <option>TOA Outgoing Clear-Sky Shortwave Radiation</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">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> -</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 colspan="1">variable scale:</td> - <td colspan="3"> - <form> - <input type="radio" name="scale1" value="linear" id="radioLin" - checked>linear <input type="radio" name="scale1" - value="logarithmic" id="radioLog">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="twodvarzonalmean" - 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> -<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> -} http://git-wip-us.apache.org/repos/asf/incubator-cmda/blob/c64222a3/app/views/climate/twoDVariableZonelMean.scala.html ---------------------------------------------------------------------- diff --git a/app/views/climate/twoDVariableZonelMean.scala.html b/app/views/climate/twoDVariableZonelMean.scala.html new file mode 100644 index 0000000..74bb104 --- /dev/null +++ b/app/views/climate/twoDVariableZonelMean.scala.html @@ -0,0 +1,988 @@ +@(parameters: metadata.TwoDVarZonalMean) @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 = ""; + window.onload = function() { + changeDataSource(); + select_data(); + changeVariableName(); + select_var(); + var z=document.getElementById("download_data"); + z.disabled=false; + $('#t0').val($('#startYearMonth').text()); + $('#t1').val($('#endYearMonth').text()); + var selectMonths = $('#selectMonths').text(); + $('#months option:contains('+selectMonths+')').prop({selected: true}); + select_months(); + select_monthsByPara(); + $('#lat0').val($('#startLat').text()); + $('#lat1').val($('#endLat').text()); + var variableScale = $('#variableScale').text(); + if(variableScale == "0") { + $('#radioLin').prop( "checked", true ); + $('#radioLog').prop( "checked", false ); + } + else { + $('#radioLin').prop( "checked", false ); + $('#radioLog').prop( "checked", true ); + } + $('#purpose').html($('#executionPurpose').text()); + var imageUrl = $('#image').text(); + $('#Image').html('<img src="'+imageUrl+'" width=680 />'); + $('#data_url').html($('#dataURL').text()); + $('#Response').html($('serviceResponseText').text()); + } + function changeDataSource(){ + var dataSource = $('#dataSource').text(); + var x = document.getElementById("data"); + if(dataSource == "NASA_MODIS" ){ + x.options[0].selected=true; + } + else if(dataSource == "NASA_AMSRE" ){ + x.options[1].selected=true; + } + else if(dataSource == "NASA_TRMM" ){ + x.options[2].selected=true; + } + else if(dataSource == "NASA_GPCP" ){ + x.options[3].selected=true; + } + else if(dataSource == "NASA_QuikSCAT" ){ + x.options[4].selected=true; + } + else if(dataSource == "NASA_AVISO" ){ + x.options[5].selected=true; + } + else if(dataSource == "NASA_GRACE" ){ + x.options[6].selected=true; + } + else if(dataSource == "NOAA_NODC" ){ + x.options[7].selected=true; + } + else if(dataSource == "NASA_CERES" ){ + x.options[8].selected=true; + } + else if(dataSource == "CCCMA_CANESM2" ){ + x.options[9].selected=true; + } + else if(dataSource == "GFDL_ESM2G" ){ + x.options[10].selected=true; + } + else if(dataSource == "GISS_E2-H" ){ + x.options[11].selected=true; + } + else if(dataSource == "GISS_E2-R" ){ + x.options[12].selected=true; + } + else if(dataSource == "NCAR_CAM5" ){ + x.options[13].selected=true; + } + else if(dataSource == "NCC_NORESM" ){ + x.options[14].selected=true; + } + else if(dataSource == "UKMO_HadGEM2-ES" ){ + x.options[15].selected=true; + } + else if(dataSource == "CCCMA_CANAM4" ){ + x.options[16].selected=true; + } + else if(dataSource == "CSIRO_MK3.6" ){ + x.options[17].selected=true; + } + else if(dataSource == "GFDL_CM3" ){ + x.options[18].selected=true; + } + else if(dataSource == "IPSL_CM5A-LR" ){ + x.options[19].selected=true; + } + else if(dataSource == "MIROC_MIROC5" ){ + x.options[20].selected=true; + } + else if(dataSource == "UKMO_HADGEM2-A" ){ + x.options[21].selected=true; + } + else if(dataSource == "ECMWF_interim" ){ + x.options[22].selected=true; + } + } + function changeVariableName(){ + var var_string = $('#variableName').text(); + var x=document.getElementById("var"); + if (var_string == "clt") + x.options[1].selected=true; + else if (var_string == "ts") + x.options[2].selected=true; + else if (var_string == "tos") + x.options[3].selected=true; + else if (var_string == "pr") + x.options[0].selected=true; + else if (var_string == "uas") + x.options[4].selected=true; + else if (var_string == "vas") + x.options[5].selected=true; + else if (var_string == "sfcWind") + x.options[6].selected=true; + else if (var_string == "zos") + x.options[7].selected=true; + else if (var_string == "lai") + x.options[8].selected=true; + else if (var_string == "zl") + x.options[9].selected=true; + else if (var_string == "zo") + x.options[10].selected=true; + else if (var_string == "ohc700") + x.options[11].selected=true; + else if (var_string == "ohc2000") + x.options[12].selected=true; + else if (var_string == "rlds") + x.options[13].selected=true; + else if (var_string == "rsds") + x.options[14].selected=true; + else if (var_string == "rlus") + x.options[15].selected=true; + else if (var_string == "rsus") + x.options[16].selected=true; + else if (var_string == "rldscs") + x.options[17].selected=true; + else if (var_string == "rsdscs") + x.options[18].selected=true; + else if (var_string == "rsuscs") + x.options[19].selected=true; + else if (var_string == "rsdt") + x.options[20].selected=true; + else if (var_string == "rlutcs") + x.options[21].selected=true; + else if (var_string == "rlut") + x.options[22].selected=true; + else if (var_string == "rsutcs") + x.options[23].selected=true; + else if (var_string == "rsut") + x.options[24].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; + } + } + function disable_download_button() + { + } + function enable_download_button() + { + var x=document.getElementById("download_data"); + x.disabled=false; + } + 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; + } + 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) { + return true; + } + else + return false; + } + 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; + } + 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; + x.options[8].disabled=false; + x.options[9].disabled=false; + x.options[10].disabled=false; + x.options[11].disabled=false; + x.options[12].disabled=false; + x.options[13].disabled=false; + x.options[14].disabled=false; + x.options[15].disabled=false; + x.options[16].disabled=false; + x.options[17].disabled=false; + x.options[18].disabled=false; + x.options[19].disabled=false; + x.options[20].disabled=false; + x.options[21].disabled=false; + x.options[22].disabled=false; + x.options[23].disabled=false; + x.options[24].disabled=false; + } + function select_var() + { + var var_string = $("#var").val(); + if (var_string == "Total Cloud Fraction") + variable = "clt"; + else if (var_string == "Surface Temperature") + variable = "ts"; + else if (var_string == "Sea Surface Temperature") + variable = "tos"; + else if (var_string == "Precipitation Flux") + variable = "pr"; + else if (var_string == "Eastward Near-Surface Wind") + variable = "uas"; + else if (var_string == "Northward Near-Surface Wind") + variable = "vas"; + else if (var_string == "Near-Surface Wind Speed") + variable = "sfcWind"; + else if (var_string == "Sea Surface Height") + variable = "zos"; + else if (var_string == "Leaf Area Index") + variable = "lai"; + else if (var_string == "Equivalent Water Height Over Land") + variable = "zl"; + else if (var_string == "Equivalent Water Height Over Ocean") + variable = "zo"; + else if (var_string == "Ocean Heat Content Anomaly within 700 m Depth") + variable = "ohc700"; + else if (var_string == "Ocean Heat Content Anomaly within 2000 m Depth") + variable = "ohc2000"; + else if (var_string == "Surface Downwelling Longwave Radiation") + variable = "rlds"; + else if (var_string == "Surface Downwelling Shortwave Radiation") + variable = "rsds"; + else if (var_string == "Surface Upwelling Longwave Radiation") + variable = "rlus"; + else if (var_string == "Surface Upwelling Shortwave Radiation") + variable = "rsus"; + else if (var_string == "Surface Downwelling Clear-Sky Longwave Radiation") + variable = "rldscs"; + else if (var_string == "Surface Downwelling Clear-Sky Shortwave Radiation") + variable = "rsdscs"; + else if (var_string == "Surface Upwelling Clear-Sky Shortwave Radiation") + variable = "rsuscs"; + else if (var_string == "TOA Incident Shortwave Radiation") + variable = "rsdt"; + else if (var_string == "TOA Outgoing Clear-Sky Longwave Radiation") + variable = "rlutcs"; + else if (var_string == "TOA Outgoing Longwave Radiation") + variable = "rlut"; + else if (var_string == "TOA Outgoing Clear-Sky Shortwave Radiation") + variable = "rsutcs"; + else if (var_string == "TOA Outgoing Shortwave Radiation") + variable = "rsut"; + } + function select_data() + { + var data_string = $("#data").val(); + var x=document.getElementById("var"); + reset_vars(); + if (data_string == "NASA/AMSRE") { + x.options[0].disabled=true; + x.options[1].disabled=true; + x.options[2].disabled=true; + x.options[4].disabled=true; + x.options[5].disabled=true; + x.options[6].disabled=true; + x.options[7].disabled=true; + x.options[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[3].selected=true; + } + else if (data_string == "NASA/MODIS") { + x.options[0].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[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[1].selected=true; + } + else if (data_string == "NASA/TRMM") { + x.options[0].selected=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[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + } + else if (data_string == "NASA/GPCP") { + x.options[0].selected=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[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + } + else if (data_string == "NASA/QuikSCAT") { + x.options[0].disabled=true; + x.options[1].disabled=true; + x.options[2].disabled=true; + x.options[3].disabled=true; + x.options[7].disabled=true; + x.options[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[4].selected=true; + } + else if (data_string == "NASA/AVISO") { + 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[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[7].selected=true; + } + else if (data_string == "NASA/GRACE") { + 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[8].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[9].selected=true; + } + else if (data_string == "NOAA/NODC") { + 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[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[11].selected=true; + } + else if (data_string == "NASA/CERES") { + 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[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].selected=true; + } + else if (data_string == "ECMWF/interim") { + x.options[0].disabled=true; + x.options[1].disabled=true; + x.options[2].disabled=true; + x.options[4].disabled=true; + x.options[5].disabled=true; + x.options[6].disabled=true; + x.options[7].disabled=true; + x.options[8].disabled=true; + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[13].disabled=true; + x.options[14].disabled=true; + x.options[15].disabled=true; + x.options[16].disabled=true; + x.options[17].disabled=true; + x.options[18].disabled=true; + x.options[19].disabled=true; + x.options[20].disabled=true; + x.options[21].disabled=true; + x.options[22].disabled=true; + x.options[23].disabled=true; + x.options[24].disabled=true; + x.options[3].selected=true; + } + else { + x.options[9].disabled=true; + x.options[10].disabled=true; + x.options[11].disabled=true; + x.options[12].disabled=true; + x.options[0].selected=true; + } + select_var(); + } + function select_months() + { + var s1=document.getElementById("months"); + if (s1.selectedIndex == 1) { + reset_months(); + } + if (s1.selectedIndex == 0) { + select_all_months(); + } + if (s1.selectedIndex == 2) { + reset_months(); + document.getElementById('Jun').checked = true; + document.getElementById('Jul').checked = true; + document.getElementById('Aug').checked = true; + } + if (s1.selectedIndex == 3) { + reset_months(); + document.getElementById('Sep').checked = true; + document.getElementById('Oct').checked = true; + document.getElementById('Nov').checked = true; + } + if (s1.selectedIndex == 4) { + reset_months(); + document.getElementById('Dec').checked = true; + document.getElementById('Jan').checked = true; + document.getElementById('Feb').checked = true; + } + if (s1.selectedIndex == 5) { + reset_months(); + document.getElementById('Mar').checked = true; + document.getElementById('Apr').checked = true; + document.getElementById('May').checked = true; + } + } + $(document).ready(function(){ + $("#download_data").click(function(event) { + var durl = $("#data_url").val(); + window.location.assign(durl); + }); + $("#twodvarzonalmean").click(function(event) { + Response = null; + if (no_month_check()) { + $("#Response").html("Error: please check at least one month."); + $("#Image").html(""); + return; + } + $("#Response").html("Calculating ..."); + $("#data_url").html("Calculating ..."); + $("#Image").html(""); + var url = "http://"; + window.location.hostname + ":9002/svc/twoDimZonalMean?"; + 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 lat0 = $("#lat0").val(); + var lat1 = $("#lat1").val(); + arglist = arglist.concat("&lat1="); + arglist = arglist.concat(lat0); + arglist = arglist.concat("&lat2="); + arglist = arglist.concat(lat1); + var s1 = document.getElementById('months'); + 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"); + month_str = month_str.substr(1); + arglist = arglist.concat("&months="); + arglist = arglist.concat(month_str); + arglist = arglist.concat("&scale="); + var y = document.getElementById("radioLin").checked; + if (y == true) + arglist = arglist.concat('0'); + else + arglist = arglist.concat('2'); + var purpose = $("#purpose").val(); + arglist = arglist.concat("&purpose="); + arglist = arglist.concat(purpose); + url = url + encodeURI(arglist); + 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); + $.ajax({ + type: "GET", + url: urlTimeBounds, + dataType: "json", + data: null, + success: function(data, textStatus, xhr) { + Response = data; + if (data.success == false) { + 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); + var tb = data.time_bounds; + var bds = String(tb).split(","); + var lowerT = parseInt(bds[0]); + var upperT = parseInt(bds[1]); + var t0I = parseInt(t0); + var t1I = parseInt(t1); + 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!"); + }, + complete: function(xhr, textStatus) { + } + }); + $.ajax({ + type: "GET", + url: url, + dataType: "json", + data: null, + success: function(data, textStatus, xhr) { + Response = data; + if (data.success == false) { + 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); + $("#Response").html(text); + var html1 = "<img src='"+data.url+"' width='680' style=âdisplay: block; margin: 0 auto;â/>"; + $("#Image").html(html1); + $("#data_url").html(data.dataUrl); + enable_download_button(); + }, + error: function(xhr, textStatus, errorThrown) { + $("#Response").html("error!"); + $("#data_url").html("error!"); + }, + complete: function(xhr, textStatus) { + } + }); + }); + }); + </script> +<optgroup label="Observation"> + <option>NASA/MODIS</option> + <option>NASA/AMSRE</option> + <option>NASA/TRMM</option> + <option>NASA/GPCP</option> + <option>NASA/QuikSCAT</option> + <option>NASA/AVISO</option> + <option>NASA/GRACE</option> + <option>NOAA/NODC</option> + <option>NASA/CERES</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>Precipitation Flux</option> + <option>Total Cloud Fraction</option> + <option>Surface Temperature</option> + <option>Sea Surface Temperature</option> + <option>Eastward Near-Surface Wind</option> + <option>Northward Near-Surface Wind</option> + <option>Near-Surface Wind Speed</option> + <option>Sea Surface Height</option> + <option>Leaf Area Index</option> + <option>Equivalent Water Height Over Land</option> + <option>Equivalent Water Height Over Ocean</option> + <option>Ocean Heat Content Anomaly within 700 m Depth</option> + <option>Ocean Heat Content Anomaly within 2000 m Depth</option> + <option>Surface Downwelling Longwave Radiation</option> + <option>Surface Downwelling Shortwave Radiation</option> + <option>Surface Upwelling Longwave Radiation</option> + <option>Surface Upwelling Shortwave Radiation</option> + <option>Surface Downwelling Clear-Sky Longwave Radiation</option> + <option>Surface Downwelling Clear-Sky Shortwave Radiation</option> + <option>Surface Upwelling Clear-Sky Shortwave Radiation</option> + <option>TOA Incident Shortwave Radiation</option> + <option>TOA Outgoing Longwave Radiation</option> + <option>TOA Outgoing Shortwave Radiation</option> + <option>TOA Outgoing Clear-Sky Longwave Radiation</option> + <option>TOA Outgoing Clear-Sky Shortwave Radiation</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">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> +</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 colspan="1">variable scale:</td> + <td colspan="3"> + <form> + <input type="radio" name="scale1" value="linear" id="radioLin" + checked>linear <input type="radio" name="scale1" + value="logarithmic" id="radioLog">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="twodvarzonalmean" + 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> +<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> +}
