", "");
var json = Ext.decode(msg);
//console.log(json);
update_extra_tab(json.url, json.type);
} else {
map.openInfoWindowHtml(point, msg, gMaxDim);
}
}
}
// This is called from "Show list" link in the dist_sp identify popup or in the point identfy [dataset id] link.
function popup_dataset_list(datasets) {
gMapserver.request("get_dataset_name", show_popup_dataset_list,
{
dataid: datasets
}, "");
}
function show_popup_dataset_list(oj) {
var dataset_list = oj.responseText.evalJSON();
var msg = "| Name (ID) |
|---|
";
for (var i = 0; i < dataset_list.length; i++) {
msg += "| " + dataset_list[i] + " |
";
}
msg += "
", content);
tab.update(content);
break;
}
}
function show_env_sampled(env_str, scientific, obs_date) {
env_str = env_str.replace("NULL", '"N/A"');
var env_data = "{" + env_str + "}";
env_data = Ext.decode(env_data);
var layer_names = {CHL_D: "Chlorophyll - 8 days", CHL_M: "Chlorophyll - Monthly", CHL_Y: "Chlorophyll - Yearly",
SSH_D: "Surface Height - Weekly", SSH_M: "Surface Height - First weekly",
SST_D: "Surface Temperature - Weekly", SST_M: "Surface Temperature - Monthly", SST_Y: "Surface Temperature - Yearly",
BATH: "Bathymetry"};
var units = {CHL: "mg*m-3", SSH: "cm", SST: "\u2103", BATH: "m below"};
var msg = "" + scientific + "
" + obs_date + "
";
msg += "";
var info_window = map.getInfoWindow();
var info_div = info_window.getContentContainers();
$(info_div[0]).update(msg);
}
function render_resources(dataset, tsn, ds_type, resources) {
var id = "query_td_resources"; // ID for in the query template
var image_base = "/seamap2/images/";
if (resources != "") {
var json_res = Ext.decode("[" + resources.replace(/"/g, '"') + "]");
// at this moment, treat the first entry only.
var resource = json_res[0];
switch (ds_type) {
case "ptphoto":
var image_url = image_base + resource.path.replace("catalogs", "catalogs_small");
var s = String.format("", image_url, resource.title);
break;
default:
if (resource.type == "image") {
var image_url = image_base + resource.path;
var s = String.format("", image_url, resource.title, image_url);
}
}
} else {
var s = "";
}
Ext.get(id).update(s);
}
// Identify-related functions end
function activate_zoomin() {
var handler = GEvent.addListener(map, "click", placePoint);
onFinishPlacePoint = zoomTo;
return handler;
}
function deactivate_zoomin() {
if (gClient.current_tool.handler) {
GEvent.removeListener(gClient.current_tool.handler);
}
}
function placePoint(marker, point) {
// Ignore event issued by polyline click
if (marker && (typeof(point) == 'undefined')) {
return false;
}
if (gROIs.first_point == null) {
if (gROIs.extent) {
map.removeOverlay(gROIs.extent);
}
gROIs.first_point = point;
gMousemoveHandler = GEvent.addListener(map, "mousemove", drawExtent);
} else {
GEvent.removeListener(gMousemoveHandler);
onFinishPlacePoint();
map.removeOverlay(gROIs.extent);
gROIs.first_point = null;
gROIs.second_point = null;
gROIs.extent = null;
gROIs.step = 0;
}
}
function drawExtent(latlong) {
if (gROIs.step % 3 != 0) {
gROIs.step++;
if (gROIs.step > 3) {
gROIs.step = 1;
}
return false;
}
gROIs.second_point = latlong;
if (gROIs.extent) {
map.removeOverlay(gROIs.extent);
}
//fillLocationBoxes(latlong);
gROIs.extent = getRectangle(gROIs.first_point, gROIs.second_point, {onclick: placePoint});
map.addOverlay(gROIs.extent);
}
function getRectangle(point1, point2, options) {
var options_default = {color: "#FFFFFF", weight: 3, opacity: 1.0};
options = $H(options_default).merge(options).toObject();
var linePoints = cornerPoints(point1, point2);
var extent = new GPolyline(linePoints, options.color, options.weight, options.opacity);
if (options.onclick) {
GEvent.addListener(extent,"click",function(point){
options.onclick(extent, point);
});
}
return extent;
}
function cornerPoints(point1, point2) {
var lats = Array();
var lngs = Array();
lats[0] = point1.lat();
lngs[0] = point1.lng();
lats[1] = point2.lat();
lngs[1] = point2.lng();
var point3 = new GLatLng(lats[1], lngs[0]);
var point4 = new GLatLng(lats[0], lngs[1]);
var linePoints = Array();
linePoints[0] = point1;
linePoints[1] = point3 ;
linePoints[2] = point2;
linePoints[3] = point4;
linePoints[4] = point1;
return linePoints;
}
function getPolygon(points, color_index) {
var index = gROIs.rois.length;
poly_opacity = 1.0 - gROIs.transparency;
poly_colors = gROIs.poly_colors;
if (color_index == 'undefined' || color_index == null) {
var color_index = index % 5;
}
poly_color = poly_colors[color_index];
var polygon = new GPolygon(points, poly_color, 2, 0.8, poly_color, poly_opacity);
GEvent.addListener(polygon,"click",function(point){
switch (gClient.current_tool.tool) {
//case "rectangle":
//case "polygon":
case "remove":
remove_polygon(polygon);
break;
case "identify":
identify(polygon, point);
break;
default:
if (typeof(polygon.in_edit) == "undefined" || polygon.in_edit == false) {
polygon.in_edit = true;
polygon.enableEditing();
GEvent.addListener(polygon, "lineupdated", function(){gROIs.dirty = true});
} else {
polygon.in_edit = false;
//polygon.disableEditing();
//roi_updated();
deactivate_draw_polygon();
}
}
});
map.addOverlay(polygon);
return polygon;
}
function zoomTo() {
if (gROIs.first_point.lng() < gROIs.second_point.lng()) {
var sw = gROIs.first_point;
var ne = gROIs.second_point;
} else {
var sw = gROIs.second_point;
var ne = gROIs.first_point;
}
zoomToSwNe(sw, ne, -1);
}
function zoomToSwNe(sw, ne, max_zoom) {
if (ne != null) {
var aBound = new GLatLngBounds(sw, ne);
var aCenter = aBound.getCenter();
var aZoomLevel = Math.max(1, Math.min(13, map.getBoundsZoomLevel(aBound)));
} else {
var aCenter = sw;
var aZoomLevel = max_zoom;
}
map.panTo(aCenter);
map.setCenter(aCenter);
if (max_zoom > 0 && aZoomLevel > max_zoom) {
aZoomLevel = max_zoom;
}
map.setZoom(aZoomLevel);
}
function zoomToBOX3D(extent) {
if (extent.indexOf("BOX") >= 0) {
extent = extent.substring(extent.indexOf("(") + 1, extent.indexOf(")"));
}
//extent = extent.replace(/BOX\(|\)/g, "");
extent = extent.split(",");
var sw = extent[0].split(" ");
var ne = extent[1].split(" ");
// In rare cases where just one observation is found, you can't define extent.
// In that case, zoom in to the one observation.
if (sw[1] != ne[1] && sw[0] != ne[0]) {
var sw = new GLatLng(sw[1], sw[0]);
var ne = new GLatLng(ne[1], ne[0]);
var zoom = -1;
} else {
var sw = new GLatLng(sw[1], sw[0]);
var ne = null;
var zoom = 8; // arbitrary
}
zoomToSwNe(sw, ne, zoom);
}
function zoomToPoint(lon, lat, zoom) {
if (zoom == -1) {
var current_zoom = map.getZoom();
if (current_zoom < 7) {
zoom = 7;
} else {
zoom = current_zoom;
}
}
var aCenter = new GLatLng(lat, lon);
map.panTo(aCenter);
map.setCenter(aCenter);
map.setZoom(zoom);
}
function activate_draw_rect() {
var handler = GEvent.addListener(map, "click", placePoint);
onFinishPlacePoint = draw_rect;
return handler;
}
// SEAMAP2.5
function draw_rect() {
map.removeOverlay(gROIs.extent);
var points = cornerPoints(gROIs.first_point, gROIs.second_point);
var polygon = getPolygon(points);
gROIs.rois.push({mode: "rectangle", geometry: polygon});
zoomTo();
// Temporarily. Ideally implement post_roi_update
gQuery.spatial = gROIs.geomAsText();
if (typeof(roi_updated) != "undefined") {
roi_updated();
}
Ext.getCmp("button_remove").show();
}
function deactivate_draw_rect() {
if (gClient.current_tool.tool == "rectangle") {
deactivate_draw_polygon();
}
if (gClient.current_tool.handler) {
GEvent.removeListener(gClient.current_tool.handler);
}
}
function activate_draw_polygon() {
gROIs.in_edit = true; // Turned to false in finish_drawing.
var polygon = getPolygon([]);
GEvent.addListener(polygon, "endline", finish_drawing);
polygon.enableDrawing();
}
function finish_drawing() {
gROIs.in_edit = false;
var extent = this.getBounds();
var sw = extent.getSouthWest();
var ne = extent.getNorthEast();
zoomToSwNe(sw, ne, -1);
gROIs.rois.push({mode: "polygon", geometry: this});
// Temporarily. Ideally implement post_roi_update
gQuery.spatial = gROIs.geomAsText();
if (typeof(roi_updated) != "undefined") {
roi_updated();
}
Ext.getCmp("button_draw").toggle(false);
Ext.getCmp("button_remove").show();
}
function deactivate_draw_polygon() {
var rois = gROIs.rois;
if (gROIs.in_edit) { // This means a new polygon is left unfinished.
rois[rois.length - 1].geometry.disableEditing();
map.removeOverlay(rois[rois.length - 1].geometry);
rois.pop();
}
for (var i = 0; i < rois.length; i++) {
// Shapefiles may be a part of gROIs (e.g. exercise_areas). Then, you need to skip them.
if (typeof(rois[i].mode) != "string" || rois[i].mode != "shapefile") {
rois[i].geometry.disableEditing();
}
}
gROIs.in_edit = false;
gQuery.spatial = gROIs.geomAsText();
if (typeof(roi_updated) != "undefined" && gROIs.dirty) {
roi_updated();
}
}
function point_icon () {
var icon = new GIcon();
icon.image = gIconBase + "marker_red.png";
icon.iconSize = new GSize(16, 16);
icon.iconAnchor = new GPoint(8, 8);
icon.infoWindowAnchor = new GPoint(8, 8);
return icon;
}
function remove_polygon(polygon) {
var to_delete = gROIs.rois.find(function(item){return item.geometry == polygon});
gROIs.rois = gROIs.rois.without(to_delete);
map.removeOverlay(polygon);
map.closeInfoWindow();
gQuery.spatial = gROIs.geomAsText();
if (typeof(roi_updated) != "undefined") {
gClient.refleshCriteriaView = true;
roi_updated();
}
if (gROIs.rois.length == 0) {
Ext.getCmp("button_remove").hide();
}
}
function polygon_transparency(slider, value) { // EXT JS version
gROIs.transparency = value / 100;
change_transparency(gROIs.transparency);
}
function change_transparency(transparency) {
for (var i = 0; i < gROIs.rois.length; i++) {
if (gROIs.rois[i].mode != "shapefile") {
gROIs.rois[i].geometry.opacity = 1 - transparency;
gROIs.rois[i].geometry.redraw(true);
}
}
}
function map_cursor(cursor) {
var dragObj = map.getDragObject();
dragObj.setDraggableCursor(cursor);
}
function cancel_bubble(e) {
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
}
function onoff_env_layer(env_type) {
var mode = "update_env_layer";
gQuery.oceano.update = true;
gQuery.oceano.env_type = env_type;
if (env_type == "bath") {
var layer_name = "bath";
gClient.layer_status["env_layer"] = -1;
} else {
var layer_name = "env_layer";
gClient.layer_status["bath"] = -1;
}
gClient.layer_status[layer_name] = (env_type == "N" ? -1 : 0);
if (env_type != "N") {
if (env_type != "bath") {
var time_range = get_env_time_range();
if (time_range == false) {
return true;
}
/*
if (time_range.start == "" || time_range.temporal == "") {
alert("Wrong time range. Please enter a date in 'yyyy-mm-dd' format.");
return true;
}
*/
} else {
var time_range = {temporal: "", start: ""};
}
gQuery.oceano.date_start = time_range.start;
gMapserver.request(mode, env_layer_updated,
{
layer_name: layer_name,
temporal_scale: time_range.temporal,
env_date_start: time_range.start,
env_type: env_type,
status: env_type != "N"
}, "");
} else {
gQuery.oceano.date_start = "";
update_map();
}
}
function env_layer_updated(oj) {
var msg = oj.responseText.evalJSON();
var env_type = oj.request.parameters.env_type;
gQuery.oceano.update = false;
if (msg.env_layer_status == 0) {
var warning = String.format(rs_warning.oceano_not_available, env_type, oj.request.parameters.env_date_start);
alert(warning);
if (env_type == "bath") {
gClient.layer_status["bath"] = -1;
} else {
gClient.layer_status["env_layer"] = -1;
}
$$("input[name=env_options]")[0].checked = true;
}
update_map();
}
function env_time_range_options_changed() {
var time_range_option = radio_value("env_time_range_options");
if (time_range_option == "sync") {
if (typeof(store_graph) == "undefined" || store_graph.data.length == 0) {
alert("Please switch to [Graph] tab to sync the environment with a time range defined with the graph");
$$("input[name=env_time_range_options]")[1].checked = true;
return false;
}
$("env_time_range").disabled = "disabled";
} else {
$("env_time_range").disabled = false;
}
gQuery.oceano.sync = time_range_option;
var env_type = radio_value("env_options");
if (env_type != "N") {
onoff_env_layer(env_type);
}
}
function get_env_time_range() {
if (radio_value("env_time_range_options") == "sync") {
if (gQuery.temporal.start == "") {
var start = store_graph.data.keys[0];
} else {
var start = gQuery.temporal.start;
}
var temporal = gQuery.temporal_scale;
} else {
if ($("env_time_range").value == "") {
var start = "";
} else {
//var start = $("env_time_range").value.replace(/[-\/]/g, "");
var parsed = parse_date($("env_time_range").value);
if (parsed.start == null) {
alert("Failed to recognize the time range as a valid date.\nSee the help ('?' icon) for accepted formats.");
return false;
} else {
var start = parsed.start;
var temporal = parsed.temporal;
}
}
/*
if (start.length == 4) {
var temporal = 2;
} else if (start.length == 6) {
var temporal = 3;
} else if (start.length == 8) {
var temporal = 4;
} else {
var temporal = "";
}
*/
}
var time_range = {start: start, temporal: temporal};
return time_range;
}
function parse_date(value) {
var temporal = 4; // year, month and day
value = value.trim();
if (value.indexOf("/") > -1) {
var dt = Date.parseDate(value, "m/d/Y") || Date.parseDate(value, "Y/m/d") ||
Date.parseDate(value, "n/j/Y") || Date.parseDate(value, "Y/n/j");
if (dt == null) {
var dt = Date.parseDate(value, "m/Y") || Date.parseDate(value, "Y/m") ||
Date.parseDate(value, "n/Y") || Date.parseDate(value, "Y/n");
if (dt != null) {
temporal = 3;
}
}
} else if (value.indexOf("-") > -1) {
var dt = Date.parseDate(value, "m-d-Y") || Date.parseDate(value, "Y-m-d") ||
Date.parseDate(value, "n-j-Y") || Date.parseDate(value, "Y-n-j");
if (dt == null) {
var dt = Date.parseDate(value, "m-Y") || Date.parseDate(value, "Y-m") ||
Date.parseDate(value, "n-Y") || Date.parseDate(value, "Y-n");
if (dt != null) {
temporal = 3;
}
}
} else {
var dt = Date.parseDate(value, "Ymd");
if (dt == null) {
var dt = Date.parseDate(value, "Ym");
if (dt != null) {
temporal = 3;
} else {
var dt = Date.parseDate(value, "Y");
if (dt != null) {
temporal = 2;
}
}
}
}
return {start: dt == null ? dt : dt.format("Ymd"), temporal: temporal};
}
/* functions for Google Earth begin */
var ge = null; // Google Earth Plugin object
function getEarthInstanceCB(object) {
if (object == null) {
alert("Google Earth Plugin is not installed or disabled.\nPlease install it or switch back to Map/Satellite view.");
return true;
}
ge = object;
update_kml();
//gLookAt = ge.createLookAt("0");
//google.earth.addEventListener(ge.getGlobe(), "mousedown", geMouseDown);
//google.earth.addEventListener(ge.getGlobe(), "mousemove", geMouseMove);
//google.earth.addEventListener(ge.getGlobe(), "click", geClick);
//google.earth.addEventListener(ge.getGlobe(), "mouseup", geMouseUp);
}
function on_maptypechanged() {
var current_map = map.getCurrentMapType();
if (current_map.getName() == "Earth") {
if (ge == null) {
// First time [Earth] is clicked, instantiate Earth Plugin before loading KML.
map.getEarthInstance(getEarthInstanceCB);
} else {
update_kml();
}
}
}
function update_kml() {
var data_selection = "on_map";
var url = build_kml_url(data_selection, page_type);
google.earth.fetchKml(ge, url, kml_loaded);
}
function kml_loaded(object){
if (!object) {
alert('bad or NULL kml');
} else {
// clear the existing KML, if already loaded.
var container = ge.getFeatures();
if (container.hasChildNodes()) {
container.removeChild(container.getFirstChild());
}
container.appendChild(object);
}
}
/* functions for Google Earth end */
function build_kml_url(data_selection, kml_type) {
if (data_selection == "whole") {
var params = {publish: gQuery.publish};
switch (kml_type) {
case "dataset":
params["dataset_id"] = dataset_id;
break;
case "species":
params["sp_tsn"] = sp_tsn;
break;
}
data_selection += "_" + kml_type;
} else {
var params = {sid: gMapserver.parameters.sid, layers: gClient.choose_layers(map.getZoom())};
// The following parameter is needed to spit out species/dataset info.
if (gQuery.species.length > 0) {
params["sp_tsn"] = gQuery.species.pluck("sp_tsn").join(",");
}
if (gQuery.datasets.length > 0) {
params["dataset_id"] = gQuery.datasets.pluck("dataset_id").join(",");
}
}
params["mode"] = kml_type;
params["page_type"] = kml_type;
params["data_selection"] = data_selection;
params["v"] = get_random();
var url = ROOT_URL + BASE_URL + "ogc/kml.php?" + Ext.urlEncode(params);
//if (!Ext.isIE) console.log(url);
return url;
}
function open_google_earth(button, e) {
var data_selection = radio_value("data_selection"); // [whole|on_map]
var url = build_kml_url(data_selection, page_type);
window.location.href = url;
}
function download_data(button, e) {
var data_selection = radio_value("data_selection"); // [whole|on_map]
if (data_selection == "whole") {
var layer_name = "points";
var layers = layer_name;
data_selection += "_" + page_type;
var params = {publish: gQuery.publish};
switch (page_type) {
case "dataset":
params["dataset_id"] = dataset_id;
if (gQuery.datasets.length > 0 && gQuery.datasets[0].table2 != "" && gQuery.datasets[0].auto == "t") {
params.tracks = gQuery.datasets[0].table2.replace("zd_", "");
layers = "tracks," + layers;
}
break;
case "species":
params["sp_tsn"] = sp_tsn;
break;
}
} else {
var layers = gClient.choose_layers(map.getZoom());
var layer_name = layers.split(",")[0];
var params = gQuery.toQueryObject();
}
var format = button.value;
var download_params = {sid: gMapserver.parameters.sid, mode: "start", layer_name: layer_name, data_selection: data_selection, format: format, v: get_random()};
switch (format) {
case "wms":
// Define the extent
if (data_selection.indexOf("whole") > -1) {
// Take in the dataset /species extent; ignore the current map extent
switch (page_type) {
case "species":
var species = gQuery.species[0];
var extent = species.extent.replace("BOX(", "");
extent = extent.replace(")", "");
extent = extent.split(",");
var sw = extent[0].split(" ");
var ne = extent[1].split(" ");
var bbox = [parseFloat(sw[0]), parseFloat(sw[1]), parseFloat(ne[0]), parseFloat(ne[1])];
break;
case "dataset":
var dataset = gQuery.datasets[0];
var bbox = [dataset.longitude_min, dataset.latitude_min, dataset.longitude_max, dataset.latitude_max];
break;
}
} else {
// for on_map, take in the current map extent
var extent = map.getBounds();
var sw = extent.getSouthWest();
var ne = extent.getNorthEast();
if (sw.lng() < ne.lng()) {
var lon_min = sw.lng();
var lon_max = ne.lng();
} else {
var lon_min = sw.lng() - 360;
var lon_max = ne.lng();
}
var bbox = [lon_min, sw.lat(), lon_max, ne.lat()];
}
var width = 1024;
var height = (width * ((bbox[3] - bbox[1]) / (bbox[2] - bbox[0]))).abs().floor();
var bbox_str = bbox.join(",");
// See if background layers are chosen
var btn_wms = Ext.getCmp("btn_wms");
var additional_options = btn_wms.menu.items.items.findAll(function(item){return item.checked}).pluck("value");
/*
if (button.text == "WMS" && additional_options.indexOf("wms_save_as_image") > -1) {
var wms_save_as_image = true;
additional_options = additional_options.without("wms_save_as_image");
} else {
var wms_save_as_image = false;
}
if (additional_options.length > 0) {
additional_options.push(download_params.layer_name); // points or dist_sp should be last
download_params.layer_name = additional_options.join(",");
}
*/
/*
if (layers.indexOf("tracks") > -1) {
additional_options.push("tracks");
}
additional_options.push(download_params.layer_name);
*/
//var layers_reverse = layers.split(",").reverse(); // In case of whole, layers got a single layer name. so it doesn't matter.
//additional_options.push(layers_reverse); // => ['Continents', ['eez,', 'dist_sp_1deg']]
additional_options.push(layers); // => ['Continents', 'dist_sp_1deg,eez'] // layer order is taken care of on the PHP script.
download_params.wms_layers = additional_options.join(",");
download_params = Ext.apply(download_params, {width: width, height: height, bbox: bbox_str});
break;
default:
}
Ext.Ajax.request({
url: DOWNLOAD,
params: Ext.apply(download_params, params),
success: download_started,
failure: download_failed
});
}
function download_started(oj) {
var msg = oj.responseText.evalJSON();
var request_id = msg["request_id"];
var now = (new Date()).format("Y-m-d H:i:s");
$("download_status").update("Request ID: " + request_id + "
Requested: " + now);
gDownloadTsk = {
run: check_download_status.createDelegate(this, [request_id]),
interval: 2000,
duration: 1200000 // 20 minutes
}
Ext.TaskMgr.start(gDownloadTsk);
}
function check_download_status(request_id) {
if (!gDownloading) {
var params = "mode=status" + "&sid=" + gMapserver.parameters.sid + "&request_id=" + request_id;
Ext.Ajax.request({
url: DOWNLOAD,
success: download_status,
failure: download_failed,
params: params
});
gDownloading = true;
}
}
function download_status(oj) {
var msg = oj.responseText.evalJSON();
if (msg["date_updated"] != "" && msg["status"] != "") {
var now = (new Date()).format("H:i:s");
$("download_status").insert({top: now + ": " + msg["status"] + "
"});
}
if (msg["status"].indexOf("Ready to download") > -1 || msg["status"].indexOf("Error") > -1) {
Ext.TaskMgr.stop(gDownloadTsk);
}
if (msg["status"].indexOf("Ready to download") > -1) {
var request_id = msg["request_id"];
var url = DOWNLOAD;
url += "?mode=download" + "&sid=" + gMapserver.parameters.sid + "&request_id=" + request_id;
var link = msg["download_url"];
$("download_status").insert({top: "If download failed, try the link below.
Download
"});
if (msg.format == "wms") {
window.open(url, "download");
} else {
window.location.href = url;
}
}
gDownloading = false;
}
/*
function download_desc(description, target) {
if (typeof(target) == "undefined") {
var div = $("download_status");
} else {
var div = $(target);
}
// Do not display the description if the download is in progress.
if (div.innerHTML.indexOf("Request ID") == -1 || div.innerHTML.indexOf("Ready to download") > 0) {
div.update(description);
}
}
*/
function download_failed () {
}
/*** Search extention for Acoustic datasets ***/
var win_acoustic;
function open_acoustic_search() {
if (!win_acoustic) {
var panel = Ext.getCmp("map_panel");
var main_panel_size = panel.getSize();
var buffer_x = 50;
var buffer_y = 40;
win_acoustic = new Ext.ux.ClientWindow({
title: rs_win_acoustic.title,
id: "win_acoustic",
layout:'fit',
maximized: false,
x: buffer_x, y: buffer_y,
//width: parseInt(main_panel_size.width) - buffer_x * 1.5,
//height: parseInt(main_panel_size.height) - buffer_y,
width: 400,
height: 300,
padding: 10,
tools: [{id: 'help', handler: function(){show_help_tip("acoustic_search")}}],
contentEl: "div_acoustic_search"
});
}
win_acoustic.show();
}
function show_help_tip(tip_id, title, params) {
var container = "div_help_tip";
var title = typeof(title) == "string" ? title : tip_id.replace(/_/g, " ").capitalize();
if (typeof(params) == "undefined") {
var help_path = "/" + BASE_URL + "help/tips/"; // /seamap2.5/help/tips/
var url = help_path + tip_id + ".html" + "?" + get_random();
var html = '';
var content_type = "help";
} else {
var url = params.url;
var html = "![](" + url + ") ";
var content_type = "image";
}
var win = new Ext.Window({
id: "help_tip_window",
title: title,
html: html,
autoScroll: true,
autoShow: true,
layout : 'fit',
width : 650,
height : 400,
closeAction :'close',
//padding: "15px 20px",
plain : true,
bodyCfg: {
cls: 'help_tip'
}
});
win.show();
if (content_type == "help") {
new Ajax.Updater(container, url);
}
}
// Called when selection of protected status changes
function status_change(checkbox) {
if (checkbox.checked) {
if (gQuery.protected_status.indexOf(checkbox.value) == -1) {
gQuery.protected_status.push(checkbox.value);
}
} else {
gQuery.protected_status = gQuery.protected_status.without(checkbox.value);
}
gClient.dataDirty();
}
// Called when selection of data type changes
function option_changed(checkbox) {
var ds_type_platform = [];
$$('input.ds_type').each(function(item){
if (item.checked) {
var status = false;
if (item.value == 'ptacs') {
var value = item.value + "', 'ptacs_calls";
} else {
var value = item.value;
}
var query = "ds_type in ('" + value + "')";
var platform_checked = $$('input.platform_' + item.value).findAll(function(item){return item.checked;});
if (platform_checked.pluck("value").indexOf("shore") > -1) {
ds_type_platform.push("ds_type in ('pthab')");
}
if (platform_checked.length > 0) {
platform_checked = platform_checked.collect(function(item){return "'" + item.value + "'";});
platform_checked = platform_checked.join(",");
query += " and platform in (" + platform_checked + ")";
}
ds_type_platform.push("(" + query + ")");
} else {
var status = true;
}
$$('input.platform_' + item.value).each(function(item){item.disabled = status});
});
if (ds_type_platform.length > 0) {
ds_type_platform = ds_type_platform.join(" OR ");
} else {
ds_type_platform = "";
}
gQuery.ds_type_platform = ds_type_platform;
gClient.dataDirty();
}
// Terms of use (embeded into div_termsofuse upon page load) is shown when [Download] tab is switched to first time.
var win_termsofuse;
function show_terms_of_use() {
if (!win_termsofuse) {
win_termsofuse = new Ext.Window({
title: 'OBIS-SEAMAP Terms of Use',
contentEl : 'div_termsofuse',
autoScroll: true,
layout : 'fit',
width : 640,
height : 400,
closeAction :'hide',
plain : true,
modal: true,
bodyStyle: 'text-align: left',
bodyCfg: {
tag: 'center',
cls: 'extjs_popup'
},
buttons: [{
text : 'Agree', scale: "medium",
handler : termsofuse_close
},{
text : 'Disagree', scale: "medium",
handler : termsofuse_close
}]
});
}
win_termsofuse.show();
}
function termsofuse_close(button) {
var cp = Ext.state.Manager.getProvider();
cp.set("__SEAMAP_agreed2terms", "true");
var download_buttons = ["btn_csv", "btn_shapefile", "btn_wfs", "btn_kml", "btn_wms"];
var agreed = button.text == 'Agree';
if (agreed) {
var cookie_value = "true";
var disabled = false;
} else {
var cookie_value = "false";
var disabled = true;
}
download_buttons.each(function(item){Ext.getCmp(item).setDisabled(disabled)});
cp.set("__SEAMAP_agreed2terms", cookie_value);
win_termsofuse.hide();
}
function ajax_failed(response, options) {
if (response.isTimeout) {
alert(rs_warning.timeout);
} else {
alert(String.format(rs_warning.ajax_exception, response.statusText));
}
}
function load_javascript(url) {
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", url);
if (typeof fileref!="undefined") {
document.getElementsByTagName("head")[0].appendChild(fileref);
}
}
/*** End of copy from detail_common_v2_5.js ***/
/***** Common Javascript Functions *****/
/*
function GetWindowSize(type){
var dimensions = document.viewport.getDimensions();
switch(type){
case "width":
return dimensions.width;
case "height":
return dimensions.height;
default:
return dimensions;
}
}
*/
function GetWindowSize(type){
/*
switch(type){
case "width":
if(document.all){
if(document.documentElement && document.documentElement.clientWidth){ // IE
return document.documentElement.clientWidth;
}
else if(document.body && document.body.clientWidth){
return document.body.clientWidth;
}
}else if(document.layers){
return(innerWidth);
}else{
return(innerWidth);
}
break;
case "height":
if(document.all){
if(document.documentElement && document.documentElement.clientHeight){ // IE
return (document.documentElement.clientHeight);
}
else if(document.body && document.body.clientHeight){
return (document.body.clientHeight);
}
}else if(document.layers){
return(innerHeight);
}else{
return(innerHeight);
}
break;
default:
return(-1);
break;
}
*/
var keys_ie = {width: "clientWidth", height: "clientHeight"};
var keys = {width: "innerWidth", height: "innerHeight"};
var key_ie = keys_ie[type];
var key = keys[type];
if(document.all){
if(document.documentElement && document.documentElement[key_ie]){ // IE
return document.documentElement[key_ie];
}
else if(document.body && document.body[key_ie]){
return document.body[key_ie];
}
}else if(document.layers){
return(window[key]);
}else{
return(window[key]);
}
}
function isNumeric(x) {
// I use this function like this: if (isNumeric(myVar)) { }
// regular expression that validates a value is numeric
var RegExp = /^[-+]?[0-9]*\.?[0-9]+(?:[eE][-+]?[0-9]+)?\b$/; // Note: this WILL allow a number that ends in a decimal: -452.
// compare the argument to the RegEx
// the 'match' function returns 0 if the value didn't match
//var result = x.match(RegExp);
var result = RegExp.test(x);
return result;
}
function int_format(a_number, short_format) {
if (a_number == "") {
var s = "0";
} else {
a_number = parseInt(a_number);
if (short_format) {
if (a_number >= 1000000) {
a_number = a_number / 1000000;
var s = number_format(a_number, 2, '.', ',') + "M";
} else if (a_number >= 100000) {
a_number = a_number / 1000;
var s = number_format(a_number, 1, '.', ',') + "K";
} else {
var s = number_format(a_number, 0, '.', ',');
}
} else {
var s = number_format(a_number, 0, '.', ',');
}
}
return s;
}
// number_format is copied from php.js.
// consider including this function in common.js or include php.js itself.
function number_format( number, decimals, dec_point, thousands_sep ) {
// Format a number with grouped thousands
//
// + discuss at: http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_number_format/
// + version: 804.1712
// + original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
// + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + bugfix by: Michael White (http://crestidg.com)
// + bugfix by: Benjamin Lupton
// + bugfix by: Allan Jensen (http://www.winternet.no)
// + revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
// * example 1: number_format(1234.5678, 2, '.', '');
// * returns 1: 1234.57
var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
var d = dec_point == undefined ? "," : dec_point;
var t = thousands_sep == undefined ? "." : thousands_sep, s = n < 0 ? "-" : "";
var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
}// }}}
function radio_value(radio_name) {
var radio_buttons = $$("input[name=" + radio_name + "]");
if (radio_buttons.length > 0) {
// no radio button may be checked.
var checked = radio_buttons.find(function(item){return item.checked});
var value = checked ? checked.value : null;
} else {
var value = null;
}
return value;
}
function wait(miliseconds) {
var date = new Date();
var curDate = null;
do {
curDate = new Date();
} while(curDate-date < miliseconds);
}
function get_random() {
// EXT JS required.
var random = (new Date()).format("mdYHis"); // e.g. 40302009134542 <= 2009-04-30 13:45:42
return random;
}
/***** XML Utility *****/
function getXmlNodeValue(xml, node_name) {
if (xml.getElementsByTagName(node_name).length > 0) {
if (xml.getElementsByTagName(node_name)[0].childNodes.length > 0) {
var value = xml.getElementsByTagName(node_name)[0].childNodes[0].nodeValue;
} else {
var value = "";
}
} else {
var value = "";
}
return value;
}
|