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/09 00:43:57 UTC
[22/49] incubator-cmda git commit: remove all
http://git-wip-us.apache.org/repos/asf/incubator-cmda/blob/a8965336/public/html/scatterPlot2Vars.html
----------------------------------------------------------------------
diff --git a/public/html/scatterPlot2Vars.html b/public/html/scatterPlot2Vars.html
deleted file mode 100644
index f45d5cf..0000000
--- a/public/html/scatterPlot2Vars.html
+++ /dev/null
@@ -1,1374 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> -->
- <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="js/jquery.flot.min.js"></script>
- <script type="text/javascript" src="js/json2.js"></script>
- <script type="text/javascript" src="js/xmisc.js"></script>
- <script type="text/javascript">
-
- var Response = null;
- var variable1 = "";
- var variable2 = "";
-
-
- // called on load or reload
- window.onload = function() {
- select_data1(1);
- select_var1(1);
- select_data1(2);
- select_var1(2);
- // no data to download yet
- disable_download_button();
- }
-
- // disable download data button
- function disable_download_button()
- {
- var x=document.getElementById("download_data");
- x.disabled=true;
- }
-
- // enable download data button
- function enable_download_button()
- {
- var x=document.getElementById("download_data");
- x.disabled=false;
- }
-
-
- // disable all vars1 in dropdown menu
- function unset_vars1(ID)
- {
- var x;
-
- if (ID == 1) {
- x=document.getElementById("var1");
- }
- else if (ID == 2) {
- x=document.getElementById("var2");
- }
-
- 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].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[25].disabled=true;
- x.options[26].disabled=true;
- x.options[27].disabled=true;
- x.options[28].disabled=true;
- x.options[29].disabled=true;
- x.options[30].disabled=true;
- x.options[31].disabled=true;
- x.options[32].disabled=true;
- }
-
-
- // disable pressure level box for 2D var
- function disable_pres1(ID)
- {
- var x;
- if (ID == 1) {
- x=document.getElementById("pres1");
- }
- else if (ID == 2) {
- x=document.getElementById("pres2");
- }
-
- x.value = "N/A";
- x.disabled=true;
- }
-
- // enable pressure level box for 3D var
- function enable_pres1(ID)
- {
- var x;
- if (ID == 1) {
- x=document.getElementById("pres1");
- }
- else if (ID == 2) {
- x=document.getElementById("pres2");
- }
-
- x.value = "500";
- x.disabled=false;
- }
-
- // form variable1 or variable2 string based on "var" dropdown selection
- function select_var1(ID)
- {
- var var_string;
-
- if (ID == 1) {
- var_string = $("#var1").val();
- }
- else if (ID == 2) {
- var_string = $("#var2").val();
- }
-
- // alert("var_string: " + var_string)
-
- // disable the download button because of this change
- disable_download_button();
-
- if (var_string == "Total Cloud Fraction") {
- if (ID == 1) {
- variable1 = "clt"; // a 2D var
- }
- else if (ID == 2) {
- variable2 = "clt"; // a 2D var
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- // alert("variable1: " + variable1)
- }
- else if (var_string == "Surface Temperature") {
- if (ID == 1) {
- variable1 = "ts";
- }
- else if (ID == 2) {
- variable2 = "ts";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Sea Surface Temperature") {
- if (ID == 1) {
- variable1 = "tos";
- }
- else if (ID == 2) {
- variable2 = "tos";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Precipitation Flux") {
- if (ID == 1) {
- variable1 = "pr";
- }
- else if (ID == 2) {
- variable2 = "pr";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Eastward Near-Surface Wind") {
- if (ID == 1) {
- variable1 = "uas";
- }
- else if (ID == 2) {
- variable2 = "uas";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Northward Near-Surface Wind") {
- if (ID == 1) {
- variable1 = "vas";
- }
- else if (ID == 2) {
- variable2 = "vas";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Near-Surface Wind Speed") {
- if (ID == 1) {
- variable1 = "sfcWind";
- }
- else if (ID == 2) {
- variable2 = "sfcWind";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Sea Surface Height") {
- if (ID == 1) {
- variable1 = "zos";
- }
- else if (ID == 2) {
- variable2 = "zos";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Leaf Area Index") {
- if (ID == 1) {
- variable1 = "lai";
- }
- else if (ID == 2) {
- variable2 = "lai";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Equivalent Water Height Over Land") {
- if (ID == 1) {
- variable1 = "zl";
- }
- else if (ID == 2) {
- variable2 = "zl";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Equivalent Water Height Over Ocean") {
- if (ID == 1) {
- variable1 = "zo";
- }
- else if (ID == 2) {
- variable2 = "zo";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Ocean Heat Content Anomaly within 700 m Depth") {
- if (ID == 1) {
- variable1 = "ohc700";
- }
- else if (ID == 2) {
- variable2 = "ohc700";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Ocean Heat Content Anomaly within 2000 m Depth") {
- if (ID == 1) {
- variable1 = "ohc2000";
- }
- else if (ID == 2) {
- variable2 = "ohc2000";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Downwelling Longwave Radiation") {
- if (ID == 1) {
- variable1 = "rlds";
- }
- else if (ID == 2) {
- variable2 = "rlds";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Downwelling Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsds";
- }
- else if (ID == 2) {
- variable2 = "rsds";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Upwelling Longwave Radiation") {
- if (ID == 1) {
- variable1 = "rlus";
- }
- else if (ID == 2) {
- variable2 = "rlus";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Upwelling Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsus";
- }
- else if (ID == 2) {
- variable2 = "rsus";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Downwelling Clear-Sky Longwave Radiation") {
- if (ID == 1) {
- variable1 = "rldscs";
- }
- else if (ID == 2) {
- variable2 = "rldscs";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Downwelling Clear-Sky Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsdscs";
- }
- else if (ID == 2) {
- variable2 = "rsdscs";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Surface Upwelling Clear-Sky Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsuscs";
- }
- else if (ID == 2) {
- variable2 = "rsuscs";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "TOA Incident Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsdt";
- }
- else if (ID == 2) {
- variable2 = "rsdt";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "TOA Outgoing Clear-Sky Longwave Radiation") {
- if (ID == 1) {
- variable1 = "rlutcs";
- }
- else if (ID == 2) {
- variable2 = "rlutcs";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "TOA Outgoing Longwave Radiation") {
- if (ID == 1) {
- variable1 = "rlut";
- }
- else if (ID == 2) {
- variable2 = "rlut";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "TOA Outgoing Clear-Sky Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsutcs";
- }
- else if (ID == 2) {
- variable2 = "rsutcs";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "TOA Outgoing Shortwave Radiation") {
- if (ID == 1) {
- variable1 = "rsut";
- }
- else if (ID == 2) {
- variable2 = "rsut";
- }
- // disable pressure level box for 2D var
- disable_pres1(ID);
- }
- else if (var_string == "Air Temperature") {
- if (ID == 1) {
- variable1 = "ta";
- }
- else if (ID == 2) {
- variable2 = "ta";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Specific Humidity") {
- if (ID == 1) {
- variable1 = "hus";
- }
- else if (ID == 2) {
- variable2 = "hus";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Cloud Ice Water Content") {
- if (ID == 1) {
- variable1 = "cli";
- }
- else if (ID == 2) {
- variable2 = "cli";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Cloud Liquid Water Content") {
- if (ID == 1) {
- variable1 = "clw";
- }
- else if (ID == 2) {
- variable2 = "clw";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Ocean Temperature") {
- if (ID == 1) {
- variable1 = "ot";
- }
- else if (ID == 2) {
- variable2 = "ot";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Ocean Salinity") {
- if (ID == 1) {
- variable1 = "os";
- }
- else if (ID == 2) {
- variable2 = "os";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Vertical Wind Velocity") {
- if (ID == 1) {
- variable1 = "wap";
- }
- else if (ID == 2) {
- variable2 = "wap";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
- else if (var_string == "Relative Humidity") {
- if (ID == 1) {
- variable1 = "hur";
- }
- else if (ID == 2) {
- variable2 = "hur";
- }
- // enable pressure level box for 3D var
- enable_pres1(ID);
- }
-
- // alert("variable1: " + variable1)
- }
-
-
- // set up "var1" dropdown based status of "data1" dropdown
- function select_data1(ID)
- {
- var data_string;
- var x;
-
- if (ID == 1) {
- data_string = $("#data1").val();
- x = document.getElementById("var1");
- }
- else if (ID == 2) {
- data_string = $("#data2").val();
- x = document.getElementById("var2");
- }
-
- // alert(ID);
- // alert(data_string);
-
- // disable the download button because of this change
- disable_download_button();
-
- // disable corresponding "var" options
- if (data_string == "NASA/AMSRE") {
-
- unset_vars1(ID); // disable all options in "var" dropdown first
-
- x.options[3].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[3].disabled=false;
-
- }
- else if (data_string == "NASA/MODIS") {
-
- unset_vars1(ID);
-
- x.options[1].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[1].disabled=false;
- x.options[8].disabled=false;
-
- }
- else if (data_string == "NASA/TRMM") {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[0].disabled=false;
-
- }
- else if (data_string == "NASA/GPCP") {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[0].disabled=false;
-
- }
- else if (data_string == "NASA/QuikSCAT") {
-
- unset_vars1(ID);
-
- x.options[4].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[4].disabled=false;
- x.options[5].disabled=false;
- x.options[6].disabled=false;
-
- }
- else if (data_string == "NASA/AVISO") {
-
- unset_vars1(ID);
-
- x.options[7].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[7].disabled=false;
-
- }
- else if (data_string == "NASA/GRACE") {
-
- unset_vars1(ID);
-
- x.options[9].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[9].disabled=false;
- x.options[10].disabled=false;
-
- }
- else if (data_string == "NOAA/NODC") {
-
- unset_vars1(ID);
-
- x.options[11].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[11].disabled=false;
- x.options[12].disabled=false;
-
- }
- else if (data_string == "NASA/CERES") {
-
- unset_vars1(ID);
-
- x.options[13].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- 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;
- // The following 6 commented out
- // per request by Benyang
- // x.options[25].disabled=false;
- // x.options[26].disabled=false;
- // x.options[27].disabled=false;
- // x.options[28].disabled=false;
- // x.options[29].disabled=false;
- // x.options[30].disabled=false;
-
- }
- else if (data_string == "NASA/AIRS") {
-
- unset_vars1(ID);
-
- x.options[25].selected=true;
- enable_pres1(ID); // the selected one is 3D
-
- x.options[25].disabled=false;
- x.options[26].disabled=false;
-
- }
- else if (data_string == "NASA/MLS") {
-
- unset_vars1(ID);
-
- x.options[25].selected=true;
- enable_pres1(ID); // the selected one is 3D
-
- x.options[25].disabled=false;
- x.options[26].disabled=false;
-
- }
- else if (data_string == "ARGO/ARGO") {
-
- unset_vars1(ID);
-
- x.options[29].selected=true;
- enable_pres1(ID); // the selected one is 3D
-
- x.options[29].disabled=false;
- x.options[30].disabled=false;
-
- // alert("in ARGO ...");
- // alert(data_string);
- }
- else if (data_string == "CCCMA/CANAM4") {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[0].disabled=false;
- x.options[1].disabled=false;
- x.options[2].disabled=false;
- x.options[4].disabled=false;
- x.options[5].disabled=false;
- x.options[6].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;
- x.options[25].disabled=false;
- x.options[26].disabled=false;
- x.options[27].disabled=false;
- x.options[28].disabled=false;
-
- }
- else if (data_string == "CSIRO/MK3.6") {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[0].disabled=false;
- x.options[1].disabled=false;
- x.options[2].disabled=false;
- x.options[4].disabled=false;
- x.options[5].disabled=false;
- x.options[6].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;
- x.options[25].disabled=false;
- x.options[26].disabled=false;
- x.options[27].disabled=false;
- x.options[28].disabled=false;
- x.options[31].disabled=false;
- x.options[32].disabled=false;
-
- }
- else if (data_string == "NCAR/CAM5") {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- 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[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;
- x.options[25].disabled=false;
- x.options[26].disabled=false;
- x.options[27].disabled=false;
- x.options[28].disabled=false;
- x.options[31].disabled=false;
- x.options[32].disabled=false;
-
- }
-
- else if (data_string == "CCCMA/CANESM2" || data_string == "GFDL/ESM2G" ||
- data_string == "GISS/E2-H" || data_string == "GISS/E2-R" ||
- data_string == "NCC/NORESM" ||
- data_string == "UKMO/HadGEM2-ES" ||
- data_string == "GFDL/CM3" || data_string == "IPSL/CM5A-LR" ||
- data_string == "MIROC/MIROC5" || data_string == "UKMO/HadGEM2-A"
- ) {
-
- unset_vars1(ID);
-
- x.options[0].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- 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[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;
- x.options[25].disabled=false;
- x.options[26].disabled=false;
- x.options[27].disabled=false;
- x.options[28].disabled=false;
- x.options[31].disabled=false;
- x.options[32].disabled=false;
-
- }
- else if (data_string == "ECMWF/interim") {
- unset_vars1(ID);
-
- x.options[3].selected=true;
- disable_pres1(ID); // the selected one is 2D
-
- x.options[3].disabled=false;
- x.options[31].disabled=false;
- x.options[32].disabled=false;
- }
-
- // form variable string
- select_var1(ID);
- }
-
-
- $(document).ready(function(){
-
- $("a").click(function(event){
- alert("As you can see, the link no longer took you to jquery.com");
- event.preventDefault();
- });
-
-
- $("#download_data").click(function(event) {
- var durl = $("#data_url").val();
- // alert(durl);
- window.location.assign(durl);
- });
-
-
- $("#scatterPlot2V").click(function(event) {
- // alert('****** inside scatterPlot2V()!');
- Response = null;
-
- // no data to download yet
- disable_download_button();
-
- $("#Response").html("Calculating ...");
- $("#data_url").html("Calculating ...");
- $("#Image").html("");
-
- // sample url: http://cmacws.jpl.nasa.gov:9002/svc/scatterPlot2V?model1=ukmo_hadgem2-a&var1=ts&pres1=200&model2=ukmo_hadgem2-a&var2=clt&pres2=200&start_time=199001&end_time=199512&lon1=0&lon2=100&lat1=-29&lat2=29
- // form url string
- // var url = "http://cmacws.jpl.nasa.gov:9002/svc/scatterPlot2V?";
- var url = "http://" + window.location.hostname + ":9002/svc/scatterPlot2V?";
- // alert("url: " + url);
-
- var d1 = $("#data1").val();
- var model1 = d1.replace("/", "_");
- model1 = model1.toLowerCase();
-
- var arglist = "";
- arglist = arglist.concat("model1=");
- arglist = arglist.concat(model1);
-
- // alert("arglist: " + arglist);
-
- var v1 = $("#var1").val();
- arglist = arglist.concat("&var1=");
- arglist = arglist.concat(variable1);
-
- // alert("arglist: " + arglist);
-
- var pres1 = $("#pres1").val();
- arglist = arglist.concat("&pres1=");
- arglist = arglist.concat(pres1);
-
- var d2 = $("#data2").val();
- var model2 = d2.replace("/", "_");
- model2 = model2.toLowerCase();
-
- arglist = arglist.concat("&model2=");
- arglist = arglist.concat(model2);
-
- // alert("arglist: " + arglist);
-
- var v2 = $("#var2").val();
- arglist = arglist.concat("&var2=");
- arglist = arglist.concat(variable2);
-
- // alert("arglist: " + arglist);
-
- var pres2 = $("#pres2").val();
- arglist = arglist.concat("&pres2=");
- arglist = arglist.concat(pres2);
-
- 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);
-
- // alert("arglist: " + arglist);
-
- var lon0 = $("#lon0").val();
- var lon1 = $("#lon1").val();
- var lat0 = $("#lat0").val();
- var lat1 = $("#lat1").val();
-
- arglist = arglist.concat("&lon1=");
- arglist = arglist.concat(lon0);
-
- arglist = arglist.concat("&lon2=");
- arglist = arglist.concat(lon1);
-
- arglist = arglist.concat("&lat1=");
- arglist = arglist.concat(lat0);
-
- arglist = arglist.concat("&lat2=");
- arglist = arglist.concat(lat1);
-
- var nSample = $("#nSample").val();
- arglist = arglist.concat("&nSample=");
- arglist = arglist.concat(nSample);
-
- // alert("arglist: " + arglist);
-
- var purpose = $("#purpose").val();
- arglist = arglist.concat("&purpose=");
- arglist = arglist.concat(purpose);
-
- // url = url + encodeURIComponent(arglist);
- url = url + encodeURI(arglist);
- // url = url + arglist;
- // alert("url: " + url);
-
- var urlTimeBounds = "http://" + window.location.hostname + ":9002/svc/two_time_bounds?";
- var arglistTB = "";
- arglistTB = arglistTB.concat("serviceType=");
- arglistTB = arglistTB.concat("2");
- arglistTB = arglistTB.concat("&source1=");
- arglistTB = arglistTB.concat(d1);
- arglistTB = arglistTB.concat("&var1=");
- arglistTB = arglistTB.concat(variable1);
- arglistTB = arglistTB.concat("&source2=");
- arglistTB = arglistTB.concat(d2);
- arglistTB = arglistTB.concat("&var2=");
- arglistTB = arglistTB.concat(variable2);
- urlTimeBounds = urlTimeBounds + encodeURI(arglistTB);
- // alert("urlTimeBounds: " + urlTimeBounds);
-
- $.ajax({
- type: "GET",
- url: urlTimeBounds,
- dataType: "json",
- data: null,
- success: function(data, textStatus, xhr) {
- Response = data;
- // alert("data: " + data);
- if (data.success == false) {
- // alert(data.error);
- Response = null;
- var text = JSON.stringify(data, null, 4);
- text = "Error in backend: <br>" + text;
- $("#Response").html(text);
- $("#data_url").html(text);
- return;
- }
- var text = JSON.stringify(data, null, 4);
- // alert("text: " + text);
- // $("#Response").html("<pre>"+text+"</pre>");
- // $("#Response").html(text);
-
- var tb1 = data.time_bounds1;
- var bds1 = String(tb1).split(",");
- // alert("tb1: " + tb1);
- // alert("bds1: " + bds1);
- var lowerT1 = parseInt(bds1[0]);
- // alert("inside ajax, lowerT1: " + lowerT1);
- var upperT1 = parseInt(bds1[1]);
- // alert("upperT1: " + upperT1);
-
- var tb2 = data.time_bounds2;
- var bds2 = String(tb2).split(",");
- // alert("tb2: " + tb2);
- // alert("bds2: " + bds2);
- var lowerT2 = parseInt(bds2[0]);
- // alert("inside ajax, lowerT2: " + lowerT2);
- var upperT2 = parseInt(bds2[1]);
- // alert("upperT2: " + upperT2);
-
- var t0I = parseInt(t0);
- var t1I = parseInt(t1);
- // alert("t0: " + t0I);
- // alert("t1: " + t1I);
-
- var lowerT, upperT;
- // compute the intersection of the two data bounds
- if (lowerT1 == 0 || upperT1 == 0){ // no data-1
- alert("We do not have data for the data-1 source and variable configuration.");
- return;
- }
- else if (lowerT2 == 0 || upperT2 == 0){ // no data-2
- alert("We do not have data for the data-2 source and variable configuration.");
- return;
- }
- else if (lowerT2 > upperT1 || lowerT1 > upperT2) { // no intersection
- alert("The two data sets/vars do not have a common time range.");
- return;
- }
- else { // compute intersection
- if (lowerT1 > lowerT2) { // pick bigger lower time bound
- lowerT = lowerT1;
- }
- else {
- lowerT = lowerT2;
- }
-
- if (upperT1 > upperT2) { // pick smaller upper time bound
- upperT = upperT2;
- }
- else {
- upperT = upperT1;
- }
- }
- // alert("lowerT: " + lowerT);
- // alert("upperT: " + upperT);
-
- if (t0I < lowerT && t1I < lowerT ||
- t0I > upperT && t1I > upperT) {
- alert("We do not have data that span your time range. Try the range inside ["+lowerT+", "+upperT+"].");
- return;
- }
-
- if (t0I < lowerT && t1I <= upperT) {
- alert("Your start year-month is out of bound. It has to be in or later than " + lowerT +
- ". We will use the range ["+lowerT+", "+t1I+"] for you.");
- }
-
- if (t1I > upperT && t0I >= lowerT) {
- alert("Your end year-month is out of bound. It has to be in or earlier than " + upperT +
- ". We will use the range ["+t0I+", "+upperT+"] for you.");
- }
-
- if (t0I < lowerT && t1I > upperT ) {
- alert("Both of your start and end year-months are out of bounds. They have to be in or earlier than " + upperT +
- ", and in or later than " + lowerT + ". We will use the range ["+lowerT+", "+upperT+"] for you.");
- }
- },
- error: function(xhr, textStatus, errorThrown) {
- $("#Response").html("error!");
- $("#data_url").html("error!");
- // alert("xhr.status: "+xhr.status);
- // alert("error status: "+textStatus);
- },
- complete: function(xhr, textStatus) {
- //alert("complete status: "+textStatus);
- }
- });
-
-
- $.ajax({
- type: "GET",
- url: url,
- dataType: "json",
- data: null,
- success: function(data, textStatus, xhr) {
- Response = data;
- // alert("data: " + data);
- if (data.success == false) {
- // alert(data.error);
- Response = null;
- var text = JSON.stringify(data, null, 4);
-
- if (text.indexOf("No Data") != -1) {
- $("#Image").html("No Data");
- $("#Response").html("No Data");
- $("#data_url").html("No Data");
- return;
- }
-
- text = "Error in backend: <br>" + text;
- // $("#Response").html("<span style='color:red'>" + text + "</span>");
- $("#Response").html(text);
- $("#data_url").html(text);
-
- return;
- }
- var text = JSON.stringify(data, null, 4);
- // alert(text);
- // $("#Response").html("<pre>"+text+"</pre>");
- $("#Response").html(text);
-
- var html = "<img src='"+data.url+"' width='820'/>";
- // alert(html);
- $("#Image").html(html);
-
- // post dataUrl to textarea and enable download button
- $("#data_url").html(data.dataUrl);
- enable_download_button();
- },
- error: function(xhr, textStatus, errorThrown) {
- $("#Response").html("error!");
- $("#data_url").html("error!");
- // alert("xhr.status: "+xhr.status);
- // alert("error status: "+textStatus);
- },
- complete: function(xhr, textStatus) {
- //alert("complete status: "+textStatus);
- }
- });
-
- });
-
- });
-
- </script>
-</head>
-<body>
-
-<p>
-
-<table border="1">
-
-<tr>
-<td colspan="4">
-<center>
-<b>Service: Scatter and Histogram Plot of Two Variables</b><br><br>
-This service generates a scatter plot between two specified variables and the histograms of the two variables, and calculates the correlation of the two variables. The two variables can be either a two-dimensional variable or a slice of a three-dimensional variable at a specific pressure level. The number of samples used for this analysis should be specified. <br><br>
-</center>
-</td>
-</tr>
-
-<tr>
-<td colspan="2">
-<center>
-data 1
-</center>
-</td>
-
-<td colspan="2">
-<center>
-data 2
-</center>
-</td>
-</tr>
-
-<tr>
-<td>source:</td><td><select name="data1", id="data1" onchange="select_data1(1)">
-<optgroup label="Model: Historical">
-<option selected="CCCMA/CANESM2">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>
-<!-- <option>NASA/obs4MIPs</option> -->
-<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>
-<option>NASA/AIRS</option>
-<option>NASA/MLS</option>
-<option>ARGO/ARGO</option>
-</optgroup>
-<optgroup label="Reanalysis">
-<option>ECMWF/interim</option>
-</optgroup>
-</select></td>
-
-<td>source:</td><td><select name="data2", id="data2" onchange="select_data1(2)">
-<optgroup label="Model: Historical">
-<option selected="CCCMA/CANESM2">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>
-<!-- <option>NASA/obs4MIPs</option> -->
-<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>
-<option>NASA/AIRS</option>
-<option>NASA/MLS</option>
-<option>ARGO/ARGO</option>
-</optgroup>
-<optgroup label="Reanalysis">
-<option>ECMWF/interim</option>
-</optgroup>
-</select></td>
-
-</tr>
-
-<tr>
-
-<td>variable name:</td><td><select name="var1", id="var1" onchange="select_var1(1)">
-<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>
-<option>Air Temperature</option>
-<option>Specific Humidity</option>
-<option>Cloud Ice Water Content</option>
-<option>Cloud Liquid Water Content</option>
-<option>Ocean Temperature</option>
-<option>Ocean Salinity</option>
-<option>Vertical Wind Velocity</option>
-<option>Relative Humidity</option>
-</select>
-</td>
-
-
-<td>variable name:</td><td><select name="var2", id="var2" onchange="select_var1(2)">
-<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>
-<option>Air Temperature</option>
-<option>Specific Humidity</option>
-<option>Cloud Ice Water Content</option>
-<option>Cloud Liquid Water Content</option>
-<option>Ocean Temperature</option>
-<option>Ocean Salinity</option>
-<option>Vertical Wind Velocity</option>
-<option>Relative Humidity</option>
-</select>
-</td>
-
-</tr>
-
-<tr>
-
-<td>
-atmosphere pressure level (hPa) <br> or ocean pressure level (dbar)
-</td>
-<td>
-<input id="pres1" value="500" alt="pressure"/>
-</td>
-
-<td>
-atmosphere pressure level (hPa) <br> or ocean pressure level (dbar)
-</td>
-<td>
-<input id="pres2" value="500" alt="pressure"/>
-</td>
-
-</tr>
-
-<tr>
-</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>start lat (deg):</td><td><input id="lat0" value="-90"/></td>
-<td>end lat (deg):</td><td><input id="lat1" value="90"/></td>
-</tr>
-
-<tr>
-<td>start lon (deg):</td><td><input id="lon0" value="0"/></td>
-<td>end lon (deg):</td><td><input id="lon1" value="360"/></td>
-</tr>
-
-<tr>
-<td>number of samples:</td><td><input id="nSample" value="500"/></td></tr>
-</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="scatterPlot2V" type="submit" value=" Get Plot " style="height:28px"/></td>
-<form>
-<td colspan="2" align="center"><input id="download_data" type="button" value="Download Data" style="height:28px"/>
-</td>
-</form>
-
-</tr>
-
-<tr>
-<td colspan="4">
-<div id="Image">Image Here</div>
-</td>
-</tr>
-
-<tr>
-<td colspan="4" align="center">
-<textarea readonly id="data_url" cols="130" rows="2">Data URL Here</textarea>
-</td>
-</tr>
-
-<tr>
-<td colspan="4" align="center">
-<textarea id="Response" cols="130" rows="6">Service Response Text Here</textarea>
-</td>
-</tr>
-
-</table>
-
-</body>
-</html>
http://git-wip-us.apache.org/repos/asf/incubator-cmda/blob/a8965336/public/html/threeDimVarVertical.html
----------------------------------------------------------------------
diff --git a/public/html/threeDimVarVertical.html b/public/html/threeDimVarVertical.html
deleted file mode 100644
index 1bc1203..0000000
--- a/public/html/threeDimVarVertical.html
+++ /dev/null
@@ -1,731 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> -->
- <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
- <script type="text/javascript" src="js/jquery.flot.min.js"></script>
- <script type="text/javascript" src="js/json2.js"></script>
- <script type="text/javascript" src="js/xmisc.js"></script>
- <script type="text/javascript">
-
- var Response = null;
- var variable = "";
-
- // called on load or reload
- window.onload = function() {
- select_all_months();
- select_data();
- select_var();
- // no data to download yet
- disable_download_button();
- }
-
-
- // disable download data button
- function disable_download_button()
- {
- var x=document.getElementById("download_data");
- x.disabled=true;
- }
-
-
- // enable download data button
- function enable_download_button()
- {
- var x=document.getElementById("download_data");
- x.disabled=false;
- }
-
-
- // select all months in the checkboxes
- function select_all_months()
- {
- document.getElementById('Jan').checked = true;
- document.getElementById('Feb').checked = true;
- document.getElementById('Mar').checked = true;
- document.getElementById('Apr').checked = true;
- document.getElementById('May').checked = true;
- document.getElementById('Jun').checked = true;
- document.getElementById('Jul').checked = true;
- document.getElementById('Aug').checked = true;
- document.getElementById('Sep').checked = true;
- document.getElementById('Oct').checked = true;
- document.getElementById('Nov').checked = true;
- document.getElementById('Dec').checked = true;
- }
-
- // see if no month is selected
- function no_month_check()
- {
- if (document.getElementById('Jan').checked == false &&
- document.getElementById('Feb').checked == false &&
- document.getElementById('Mar').checked == false &&
- document.getElementById('Apr').checked == false &&
- document.getElementById('May').checked == false &&
- document.getElementById('Jun').checked == false &&
- document.getElementById('Jul').checked == false &&
- document.getElementById('Aug').checked == false &&
- document.getElementById('Sep').checked == false &&
- document.getElementById('Oct').checked == false &&
- document.getElementById('Nov').checked == false &&
- document.getElementById('Dec').checked == false) {
- // alert("No month check!");
- return true;
- }
- else
- return false;
- }
-
- // unselect all months in the checkboxes
- function reset_months()
- {
- document.getElementById('Jan').checked = false;
- document.getElementById('Feb').checked = false;
- document.getElementById('Mar').checked = false;
- document.getElementById('Apr').checked = false;
- document.getElementById('May').checked = false;
- document.getElementById('Jun').checked = false;
- document.getElementById('Jul').checked = false;
- document.getElementById('Aug').checked = false;
- document.getElementById('Sep').checked = false;
- document.getElementById('Oct').checked = false;
- document.getElementById('Nov').checked = false;
- document.getElementById('Dec').checked = false;
- }
-
- // enable all vars in dropdown menu
- function reset_vars()
- {
- var x=document.getElementById("var");
- x.options[0].disabled=false;
- x.options[1].disabled=false;
- x.options[2].disabled=false;
- x.options[3].disabled=false;
- x.options[4].disabled=false;
- x.options[5].disabled=false;
- x.options[6].disabled=false;
- x.options[7].disabled=false;
- }
-
- // form variable string based on "var" dropdown selection
- function select_var()
- {
- var var_string = $("#var").val();
-
- // disable the download button because of this change
- disable_download_button();
-
- if (var_string == "Air Temperature")
- variable = "ta";
- else if (var_string == "Specific Humidity")
- variable = "hus";
- else if (var_string == "Cloud Ice Water Content")
- variable = "cli";
- else if (var_string == "Cloud Liquid Water Content")
- variable = "clw";
- else if (var_string == "Ocean Temperature")
- variable = "ot";
- else if (var_string == "Ocean Salinity")
- variable = "os";
- else if (var_string == "Vertical Wind Velocity")
- variable = "wap";
- else if (var_string == "Relative Humidity")
- variable = "hur";
-
- // alert("variable: " + variable)
- }
-
- // set up "var" dropdown based status of "data" dropdown
- function select_data()
- {
- var data_string = $("#data").val();
- var x=document.getElementById("var");
-
- // disable the download button because of this change
- disable_download_button();
-
- // enable all options in "var" dropdown first
- reset_vars();
-
- // alert(data_string);
-
- // disable corresponding "var" options
- if (data_string == "NASA/AIRS") {
- x.options[0].selected=true;
- //x.options[1].selected=true;
- x.options[2].disabled=true;
- x.options[3].disabled=true;
- x.options[4].disabled=true;
- x.options[5].disabled=true;
- x.options[6].disabled=true;
- x.options[7].disabled=true;
- }
- else if (data_string == "NASA/MLS") {
- x.options[0].selected=true;
- //x.options[1].selected=true;
- x.options[2].disabled=true;
- x.options[3].disabled=true;
- x.options[4].disabled=true;
- x.options[5].disabled=true;
- x.options[6].disabled=true;
- x.options[7].disabled=true;
- }
- else if (data_string == "ARGO/ARGO") {
- x.options[0].disabled=true;
- x.options[1].disabled=true;
- x.options[2].disabled=true;
- x.options[3].disabled=true;
- x.options[4].selected=true;
- //x.options[5].selected=true;
- x.options[6].disabled=true;
- x.options[7].disabled=true;
- }
- else if (data_string == "ECMWF/interim") {
- x.options[0].disabled=true;
- x.options[1].disabled=true;
- x.options[2].disabled=true;
- x.options[3].disabled=true;
- x.options[4].disabled=true;
- x.options[5].disabled=true;
- //x.options[6].disabled=true;
- //x.options[7].disabled=true;
- x.options[6].selected=true;
- }
- else {
- x.options[0].selected=true;
- //x.options[1].selected=true;
- //x.options[2].selected=true;
- //x.options[3].selected=true;
- x.options[4].disabled=true;
- x.options[5].disabled=true;
- }
-
- // form variable string
- select_var();
- }
-
- // select checkboxes based on "months" dropdown
- function select_months()
- {
- var s1=document.getElementById("months");
- // alert(s1.selectedIndex);
- // alert(s1.options[s1.selectedIndex].value);
-
- // disable the download button because of this change
- disable_download_button();
-
- // "select none"
- if (s1.selectedIndex == 1) {
- reset_months();
- }
- // "select all"
- if (s1.selectedIndex == 0) {
- select_all_months();
- }
- // "summer"
- if (s1.selectedIndex == 2) {
- reset_months();
- document.getElementById('Jun').checked = true;
- document.getElementById('Jul').checked = true;
- document.getElementById('Aug').checked = true;
- }
- // "autumn"
- if (s1.selectedIndex == 3) {
- reset_months();
- document.getElementById('Sep').checked = true;
- document.getElementById('Oct').checked = true;
- document.getElementById('Nov').checked = true;
- }
- // "winter"
- if (s1.selectedIndex == 4) {
- reset_months();
- document.getElementById('Dec').checked = true;
- document.getElementById('Jan').checked = true;
- document.getElementById('Feb').checked = true;
- }
- // "spring"
- if (s1.selectedIndex == 5) {
- reset_months();
- document.getElementById('Mar').checked = true;
- document.getElementById('Apr').checked = true;
- document.getElementById('May').checked = true;
- }
-
- }
-
- $(document).ready(function(){
-
- $("a").click(function(event){
- alert("As you can see, the link no longer took you to jquery.com");
- event.preventDefault();
- });
-
-
- $("#download_data").click(function(event) {
- var durl = $("#data_url").val();
- // alert(durl);
- window.location.assign(durl);
- });
-
-
- $("#threedvertical").click(function(event) {
- Response = null;
- // no data to download yet
- disable_download_button();
-
- // flag error if no month box is checked
- if (no_month_check()) {
- // $("#Response").html("<span style='color:red'>Error: please check at least one month.</span>");
- $("#Response").html("Error: please check at least one month.");
- $("#Image").html("");
- return;
- }
-
- $("#Response").html("Calculating ...");
- $("#data_url").html("Calculating ...");
- $("#Image").html("");
-
- // sample url: http://cmacws.jpl.nasa.gov:9002/svc/threeDimVerticalProfile?model=ncc_noresm&var=cli&start_time=199001&end_time=199512&lon1=0&lon2=180&lat1=-29&lat2=29&months=1,2,3,4,5,6,7,8,9,10,11,12
-
- // form url string
- var url = "http://" + window.location.hostname + ":9002/svc/threeDimVerticalProfile?";
- // alert(url);
-
- var d1 = $("#data").val();
- var model1 = d1.replace("/", "_");
-
- var arglist = "";
- arglist = arglist.concat("model=");
- arglist = arglist.concat(model1);
-
- var v1 = $("#var").val();
- arglist = arglist.concat("&var=");
- arglist = arglist.concat(variable);
-
- var t0 = $("#t0").val();
- var t1 = $("#t1").val();
-
- t0 = t0.replace("-", "");
- t1 = t1.replace("-", "");
-
- arglist = arglist.concat("&start_time=");
- arglist = arglist.concat(t0);
-
- arglist = arglist.concat("&end_time=");
- arglist = arglist.concat(t1);
-
- var lon0 = $("#lon0").val();
- var lon1 = $("#lon1").val();
- var lat0 = $("#lat0").val();
- var lat1 = $("#lat1").val();
-
- arglist = arglist.concat("&lon1=");
- arglist = arglist.concat(lon0);
-
- arglist = arglist.concat("&lon2=");
- arglist = arglist.concat(lon1);
-
- arglist = arglist.concat("&lat1=");
- arglist = arglist.concat(lat0);
-
- arglist = arglist.concat("&lat2=");
- arglist = arglist.concat(lat1);
-
- var s1 = document.getElementById('months');
-
- // get months checked by client
- var month_str = "";
-
- var mm = document.getElementById('Jan');
- if (mm.checked == true)
- month_str = month_str.concat(",1");
-
- var mm = document.getElementById('Feb');
- if (mm.checked == true)
- month_str = month_str.concat(",2");
-
- var mm = document.getElementById('Mar');
- if (mm.checked == true)
- month_str = month_str.concat(",3");
-
- var mm = document.getElementById('Apr');
- if (mm.checked == true)
- month_str = month_str.concat(",4");
-
- var mm = document.getElementById('May');
- if (mm.checked == true)
- month_str = month_str.concat(",5");
-
- var mm = document.getElementById('Jun');
- if (mm.checked == true)
- month_str = month_str.concat(",6");
-
- var mm = document.getElementById('Jul');
- if (mm.checked == true)
- month_str = month_str.concat(",7");
-
- var mm = document.getElementById('Aug');
- if (mm.checked == true)
- month_str = month_str.concat(",8");
-
- var mm = document.getElementById('Sep');
- if (mm.checked == true)
- month_str = month_str.concat(",9");
-
- var mm = document.getElementById('Oct');
- if (mm.checked == true)
- month_str = month_str.concat(",10");
-
- var mm = document.getElementById('Nov');
- if (mm.checked == true)
- month_str = month_str.concat(",11");
-
- var mm = document.getElementById('Dec');
- if (mm.checked == true)
- month_str = month_str.concat(",12");
-
- // remove the leading ','
- month_str = month_str.substr(1);
- // alert(month_str);
-
- arglist = arglist.concat("&months=");
- arglist = arglist.concat(month_str);
- // alert("arglist: " + arglist);
-
- arglist = arglist.concat("&scale=");
- var y = document.getElementById("radioLin").checked;
- var yval;
- var x = document.getElementById("radioLin2").checked;
- var xval;
- // alert(y);
- if (y == true)
- yval = 0;
- else
- yval = 2;
-
- if (x == true)
- xval = 0;
- else
- xval = 1;
-
- var scale1 = yval + xval;
- var scale1_str = scale1.toString();
-
- arglist = arglist.concat(scale1_str);
-
- var purpose = $("#purpose").val();
- arglist = arglist.concat("&purpose=");
- arglist = arglist.concat(purpose);
-
- // url = url + encodeURIComponent(arglist);
- url = url + encodeURI(arglist);
- // url = url + arglist;
- // alert("url: " + url);
-
- var urlTimeBounds = "http://" + window.location.hostname + ":9002/svc/time_bounds?";
- var arglistTB = "";
- arglistTB = arglistTB.concat("serviceType=");
- arglistTB = arglistTB.concat("1");
- arglistTB = arglistTB.concat("&source=");
- arglistTB = arglistTB.concat(d1);
- arglistTB = arglistTB.concat("&var=");
- arglistTB = arglistTB.concat(variable);
- urlTimeBounds = urlTimeBounds + encodeURI(arglistTB);
- // alert("urlTimeBounds: " + urlTimeBounds);
-
-
- $.ajax({
- type: "GET",
- url: urlTimeBounds,
- dataType: "json",
- data: null,
- success: function(data, textStatus, xhr) {
- Response = data;
- // alert("data: " + data);
- if (data.success == false) {
- // alert(data.error);
- Response = null;
- var text = JSON.stringify(data, null, 4);
- text = "Error in backend: <br>" + text;
- $("#Response").html(text);
- $("#data_url").html(text);
- return;
- }
- var text = JSON.stringify(data, null, 4);
- // alert("text: " + text);
- // $("#Response").html("<pre>"+text+"</pre>");
- // $("#Response").html(text);
-
- var tb = data.time_bounds;
- var bds = String(tb).split(",");
- // alert("tb: " + tb);
- // alert("bds: " + bds);
- var lowerT = parseInt(bds[0]);
- var upperT = parseInt(bds[1]);
- // alert("lowerT: " + lowerT);
- // alert("upperT: " + upperT);
- var t0I = parseInt(t0);
- var t1I = parseInt(t1);
- // alert("t0: " + t0I);
- // alert("t1: " + t1I);
-
- if ( lowerT == 0 && upperT ==0 ) {
- alert("We do not have data for this source and variable configuration.");
- return;
- }
-
- if (t0I < lowerT && t1I < lowerT ||
- t0I > upperT && t1I > upperT) {
- alert("We do not have data that span your time range. Try the range inside ["+lowerT+", "+upperT+"].");
- return;
- }
-
- if (t0I < lowerT && t1I <= upperT) {
- alert("Your start year-month is out of bound. It has to be in or later than " + lowerT +
- ". We will use the range ["+lowerT+", "+t1I+"] for you.");
- }
-
- if (t1I > upperT && t0I >= lowerT) {
- alert("Your end year-month is out of bound. It has to be in or earlier than " + upperT +
- ". We will use the range ["+t0I+", "+upperT+"] for you.");
- }
-
- if (t0I < lowerT && t1I > upperT ) {
- alert("Both of your start and end year-months are out of bounds. They have to be in or earlier than " + upperT +
- ", and in or later than " + lowerT + ". We will use the range ["+lowerT+", "+upperT+"] for you.");
- }
- },
- error: function(xhr, textStatus, errorThrown) {
- $("#Response").html("error!");
- $("#data_url").html("error!");
- // alert("xhr.status: "+xhr.status);
- // alert("error status: "+textStatus);
- },
- complete: function(xhr, textStatus) {
- //alert("complete status: "+textStatus);
- }
- });
-
- $.ajax({
- type: "GET",
- url: url,
- dataType: "json",
- data: null,
- success: function(data, textStatus, xhr) {
- Response = data;
- // alert("data: " + data);
- if (data.success == false) {
- // alert(data.error);
- Response = null;
- var text = JSON.stringify(data, null, 4);
- text = "Error in backend: <br>" + text;
- // $("#Response").html("<span style='color:red'>" + text + "</span>");
- $("#Response").html(text);
- $("#data_url").html(text);
- return;
- }
- var text = JSON.stringify(data, null, 4);
- // alert(text);
- // $("#Response").html("<pre>"+text+"</pre>");
- $("#Response").html(text);
-
- var html1 = "<img src='"+data.url+"' width='680'/>";
- // alert(html1);
- $("#Image").html(html1);
-
- // post dataUrl to textarea and enable download button
- $("#data_url").html(data.dataUrl);
- enable_download_button();
- },
- error: function(xhr, textStatus, errorThrown) {
- $("#Response").html("error!");
- $("#data_url").html("error!");
- // alert("xhr.status: "+xhr.status);
- // alert("error status: "+textStatus);
- },
- complete: function(xhr, textStatus) {
- //alert("complete status: "+textStatus);
- }
- });
-
- });
-
-
- });
-
- </script>
-</head>
-<body>
-
-<p>
-
-<table border="1">
-
-<tr>
-<td colspan="4">
-<center>
-<b>Service: 3-D Variable Average Vertical Profile</b> <br><br>
-This service generates the average of a three-dimensional variable over a specified region and time and display the average as a function of pressure level as an X-Y plot.
-<br><br>
-</center>
-</td>
-</tr>
-
-<tr>
-<td>data source:</td><td><select name="data", id="data" onchange="select_data()">
-<optgroup label="Observation">
-<option selected="NASA/AIRS">NASA/AIRS</option>
-<option>NASA/MLS</option>
-<option>ARGO/ARGO</option>
-</optgroup>
-<optgroup label="Model: Historical">
-<option>CCCMA/CANESM2</option>
-<option>GFDL/ESM2G</option>
-<option>GISS/E2-H</option>
-<option>GISS/E2-R</option>
-<option>NCAR/CAM5</option>
-<option>NCC/NORESM</option>
-<option>UKMO/HadGEM2-ES</option>
-</optgroup>
-<optgroup label="Model: AMIP">
-<option>CCCMA/CANAM4</option>
-<option>CSIRO/MK3.6</option>
-<option>GFDL/CM3</option>
-<option>IPSL/CM5A-LR</option>
-<option>MIROC/MIROC5</option>
-<option>UKMO/HadGEM2-A</option>
-</optgroup>
-<optgroup label="Reanalysis">
-<option>ECMWF/interim</option>
-</optgroup>
-</select></td>
-
-<td>variable name:</td><td><select name="var", id="var" onchange="select_var()">
-<option>Air Temperature</option>
-<option>Specific Humidity</option>
-<option>Cloud Ice Water Content</option>
-<option>Cloud Liquid Water Content</option>
-<option>Ocean Temperature</option>
-<option>Ocean Salinity</option>
-<option>Vertical Wind Velocity</option>
-<option>Relative Humidity</option>
-</select></td>
-</tr>
-
-<tr>
-<td>start year-month:</td><td><input id="t0" value="2004-01" alt="start"/></td>
-<td>end year-month:</td><td><input id="t1" value="2004-12" alt="end"/></td>
-</tr>
-
-<tr>
-<td>select months:</td>
-<td><select name="months" id="months" onchange="select_months()">
-<option id="all">select all</option>
-<option id="none">select none</option>
-<option id="summer">Summer:Jun-Jul-Aug</option>
-<option id="autum">Autumn:Sep-Oct-Nov</option>
-<option id="winter">Winter:Dec-Jan-Feb</option>
-<option id="spring">Spring:Mar-Apr-May</option> </select>
-</td>
-<td>
-</td>
-<td>
-</td>
-</tr>
-
-<tr>
-<td>
-<label><input type="checkbox" name="option1" id="Jan" value="Jan" /> Jan<br></label>
-<label><input type="checkbox" name="option1" id="Feb" value="Feb" /> Feb<br></label>
-<label><input type="checkbox" name="option1" id="Mar" value="Mar" /> Mar<br></label>
-</td>
-<td>
-<label><input type="checkbox" name="option1" id="Apr" value="Apr" /> Apr<br></label>
-<label><input type="checkbox" name="option1" id="May" value="May" /> May<br></label>
-<label><input type="checkbox" name="option1" id="Jun" value="Jun" /> Jun<br></label>
-</td>
-<td>
-<label><input type="checkbox" name="option1" id="Jul" value="Jul" /> Jul<br></label>
-<label><input type="checkbox" name="option1" id="Aug" value="Aug" /> Aug<br></label>
-<label><input type="checkbox" name="option1" id="Sep" value="Sep" /> Sep<br></label>
-</td>
-<td>
-<label><input type="checkbox" name="option1" id="Oct" value="Oct" /> Oct<br></label>
-<label><input type="checkbox" name="option1" id="Nov" value="Nov" /> Nov<br></label>
-<label><input type="checkbox" name="option1" id="Dec" value="Dec" /> Dec<br></label>
-</td>
-</tr>
-
-<tr>
-<td>start lat (deg):</td><td><input id="lat0" value="-90"/></td>
-<td>end lat (deg):</td><td><input id="lat1" value="90"/></td>
-</tr>
-
-<tr>
-<td>start lon (deg):</td><td><input id="lon0" value="0"/></td>
-<td>end lon (deg):</td><td><input id="lon1" value="360"/></td>
-</tr>
-
-
-<tr><td colspan="1">
-pressure level scale:</td>
-<td colspan="1"><form> <input type="radio" name="scale1" value="linear" id="radioLin">linear
-<input type="radio" name="scale1" value="logarithmic" id="radioLog" checked>logarithmic
-</form>
-</td>
-<td colspan="1">
-variable scale:
-</td>
-<td colspan="1">
-<form> <input type="radio" name="scale2" value="linear" id="radioLin2" checked>linear
-<input type="radio" name="scale2" value="logarithmic" id="radioLog2">logarithmic
-</form>
-</td>
-</tr>
-
-<tr>
-<td colspan="1">
-Execution purpose
-</td>
-<td colspan="3">
-<form>
-<textarea name="purpose" id="purpose" rows="4" cols="50"> </textarea>
-</form>
-</td>
-</tr>
-
-
-
-
-
-
-<tr>
-<td colspan="2" align="center"><input id="threedvertical" type="submit" value=" Get Plot " style="height:28px"/></td>
-<form>
-<td colspan="2" align="center"><input id="download_data" type="button" value="Download Data" style="height:28px"/>
-</td>
-</form>
-</tr>
-
-<tr>
-<td colspan="4">
-<div id="Image">Image Here</div>
-</td>
-</tr>
-<tr>
-<td colspan="4" align="center">
-<textarea readonly id="data_url" cols="89" rows="2">Data URL Here</textarea>
-</td>
-</tr>
-<tr>
-<td colspan="4" align="center">
-<textarea readonly id="Response" cols="89" rows="6">Service Response Text Here</textarea>
-</td>
-</tr>
-</p>
-
-</table>
-
-</body>
-</html>