You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cmda.apache.org by xi...@apache.org on 2015/09/05 02:20:31 UTC
[27/50] [abbrv] incubator-cmda git commit: Change the name
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 <mq...@andrew.cmu.edu>
Authored: Thu Sep 3 17:06:47 2015 -0700
Committer: mingqi830 <mq...@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>
+}