';
return text;
}
},{
header: 'Species',
id: "species",
readOnly: true,
dataIndex: 'species',
renderer: function(value, metadata, record, rowIndex, colIndex, store) {
var text = '
View in Google Earth", handler: view_in_ge, tooltip: "View the nesting beaches with Google Earth", tooltipType: "title"},
{text: "
Show Distribution Maps", id: "btn_dist_layer", handler: open_dist_layer_window, tooltip: "Overlay species distribution maps", tooltipType: "title"}
],
listeners: {
resize: resize_map
}
}, {
title: 'Summary',
region:'south',
id: 'panel_summary',
contentEl: "summary",
border: false,
collapsible: false,
//hidden: true,
header: false,
//width: 150,
height: 300,
margins: '0 0 5 0',
//bodyStyle: 'background-color: #084D90;',
autoHeight: false,
//autoScroll: true,
items: [grid]
}
]
}] // End of items
}) // End of border
init();
// To force the country grid resizes upon the page load, expand the colony size panel here.
Ext.getCmp("panel_colony_size").expand();
}); // End of main frame (Ext.Panel)
function init() {
show_swot_terms_of_use();
load();
//load_countries();
var grid = Ext.getCmp("grid_sites");
if (grid) {
grid.setWidth(Ext.getCmp("panel_summary").getSize().width);
grid.syncSize();
}
}
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2($("map"), {draggableCursor:"default", backgroundColor: '#1D1C56'});
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(10, 0), 2, G_SATELLITE_MAP);
var copyright = new GCopyright(1,
new GLatLngBounds(new GLatLng(23,122),new GLatLng(46,151)),
1, "OBIS-SEAMAP");
var copyrightCollection = new GCopyrightCollection('SEAMAP Distribution');
copyrightCollection.addCopyright(copyright);
var myTileLayer = new GTileLayer(copyrightCollection, 1, 16);
myTileLayer.getTileUrl = myGetTileUrl;
myTileLayer.getOpacity = function() { return gSeamapLayerOpacity; }
myTileLayer.isPng = function() { return false; } // Somehow IE6 doesn't show overlays in PNG if there is a polygon.
myTileOverlay = new GTileLayerOverlay(myTileLayer);
map.addOverlay(myTileOverlay);
GEvent.addListener(map, "click", on_click_identify);
/*
if ($('current_position')) {
GEvent.addListener(map, 'mousemove', on_mousemove_coordinate);
}
*/
if (typeof(map_loaded) == 'function') {
map_loaded();
}
}
}
/***** Mapserver layer definition *****/
// Return URL to get a tile image from Mapserver.
function myGetTileUrl(tile, zoom) {
// max zoom plus 1
var projection = new GMercatorProjection(18);
// Four vertices location in pixcel in GPoint coordinates
var p1 = new GPoint(tile.x*256,tile.y*256);
var p2 = new GPoint(p1.x+256,p1.y+256);
// latitude/longitude of four vertices location in decimal degree
var latlng1 = projection.fromPixelToLatLng(p1,zoom);
var latlng2 = projection.fromPixelToLatLng(p2,zoom);
var lat1 = latlng1.lat();
var lon1 = latlng1.lng();
var lat2 = latlng2.lat();
var lon2 = latlng2.lng();
// binding box for mapserver
var minlat = Math.min(lat1,lat2);
var minlon = Math.min(lon1,lon2);
var maxlat = Math.max(lat1,lat2);
var maxlon = Math.max(lon1,lon2);
var mapext = minlon + "+" + minlat + "+" + maxlon + "+" + maxlat;
var where = gQuery.build();
var layers = gQuery.dist_layers.clone();
layers.push(gQuery.nesting_layer);
var parameter = "map=" + gMapPath;
parameter += "&size=256+256";
parameter += "&mode=map";
parameter += "&layers=" + layers.join("+");
parameter += "&where=" + where;
parameter += "&count_type=" + radio_value("swot_criteria", "count_type");
parameter += "&mapext=" + mapext;
// Add random parameter, so the image is not cached by browser
var random_parm = (new Date()).format('mmddyyyyhhnnss');
var url = gUrlMapserver + "?" + parameter + "&" + random_parm;
return url;
}
function resize_map (panel, adjWidth, adjHeight) {
var toolbar_height = 26;
var dimension = {};
if (typeof(adjWidth) != "undefined") {
dimension['width'] = adjWidth + "px";
}
if (typeof(adjHeight) != "undefined") {
dimension['height'] = (adjHeight - toolbar_height) + "px";
}
$("map").setStyle(dimension);
if(typeof(map) != "undefined") {
map.checkResize();
}
}
function resize_west(panel) {
var border = Ext.getCmp("main_frame");
if (typeof(border) != "undefined") {
var margin = 5;
var buffer = 4;
var layout = border.layout;
/* Adjust left hand side grid (provider/taxon tree) */
var header = layout.west.panel.getFrameHeight();
var height = layout.west.panel.items.items.inject(0, function(acc, item){
if (item.id == "box_countries") {
return acc;
} else if (item.rendered) {
return acc + item.getSize().height
} else {
return acc;
}
});
Ext.getCmp("box_countries").setHeight(layout.west.getSize().height - height - margin - header + buffer);
}
}
function toggle_colony_size(element, class_index) {
$(element).toggleClassName('selected');
if ($(element).hasClassName("selected")) {
$(element).src = gIconBase + "icon_ok.png";
if (gQuery.sizes.indexOf(class_index) == -1) {
gQuery.sizes.push(class_index);
}
} else {
$(element).src = gIconBase + "icon_delete.png";
gQuery.sizes = gQuery.sizes.without(class_index);
}
update_map();
}
function update_map() {
myTileOverlay.refresh();
update_summary();
}
/* EXT JS version */
function update_summary() {
var where = gQuery.build(); // Returns query for zd_415 which is different from widecast_nesting.
var store = Ext.getCmp("grid_sites").store;
if (where == "true") {
// If no criteria are set, do not load the grid data. Instead, clear it.
store.removeAll();
} else {
where = where.replace("swot_sites.code", "swot_nesting.code");
store.load({params:{where: where}});
}
}
function get_site_info(longitude, latitude) {
var clicked = new GLatLng(latitude, longitude);
on_click_identify(null, clicked);
}
function multi_select(item, pressed) {
Ext.getCmp("grid_countries").getSelectionModel().multiSelectWithClick = pressed;
}
function select_country(theGrid, rowIndex, e) {
var sm = theGrid.getSelectionModel();
var countries = sm.getSelections();
gQuery.countries = countries.collect(function(item){return item.data.code});
if (gQuery.countries.length == 1) {
var country = countries[0].data;
map.setCenter(new GLatLng(country.center_lat, country.center_long), country.zoom_level);
update_summary();
} else {
update_map();
}
get_providers();
get_citations();
}
function select_species(theGrid, rowIndex, e) {
var sm = theGrid.getSelectionModel();
var species = sm.getSelections();
gQuery.tsns = species.collect(function(item){return item.data.tsn});
update_map();
}
/***** Identify feature *****/
function on_click_identify(overlay, point) {
if (overlay && typeof(point) == 'undefined') {
return false;
}
gClickedPoint = point;
var lat = point.lat();
var lon = point.lng();
var parameters = {
map: gMapPath,
mode: "QUERY",
lon: lon,
lat: lat,
layers: "swot_nesting"
}
var where = gQuery.build();
var url = gMapProcessUrl + "?";
url += $H(parameters).toQueryString();
url += "&where=" + where + "&count_type=" + radio_value("swot_criteria", "count_type");
new Ajax.Request(url,
{
method: 'GET',
onSuccess: prepare_identify
});
}
function prepare_identify(oj) {
var site_info = oj.responseText.evalJSON();
if (site_info["site_id"] != "") {
var country_code = site_info["code"];
var site_id = site_info["site_id"];
var where = "swot_nesting.siteid='" + site_id + "'";
var count_type = radio_value("swot_criteria", "count_type");
var url = gPlone + "siteSummary?code=" + country_code + "&where=" + where + "&include_country=1&count_type=" + count_type;
new Ajax.Request(url,
{
method: 'GET',
onSuccess: show_identify
});
} else {
var msg = "No site found.";
map.openInfoWindowHtml(gClickedPoint, msg, {maxHeight:300, maxWidth:500});
}
}
function show_identify(oj) {
var count_types = {mfem: "females", mnest: "clutches", mcrawl: "crawls"};
var species_years = oj.responseText.evalJSON();
var s = "" + species_years[0].name + "";
s += "| Species | Year | #females binned | #females exact | #clutches binned | #clutches exact | #crawls binned | #crawls exact |
|---|---|---|---|---|---|---|---|
| " + species_year.species + " | "; s += "" + species_year.year_collected + " | "; s += "" + species_year.binfem + " | " + species_year.exactfem + " | " + species_year.binnest + " | " + species_year.exactnest + " | " + species_year.bincrawl + " | " + species_year.exactcrawl + " |
| "; s += "" + provider.country + ""; s += " |
|---|
| "; s += provider.fullname + email; s += orgname; s += " |
| "; s += "" + citation.country + ""; s += " |
|---|
| "; s += citation.fullcite; s += " |
' + value + '
';
return text;
}
},{
header: 'Metadata',
id: "metadata",
readOnly: true,
dataIndex: 'tsn',
width: 35,
renderer: function(value, metadata, record, rowIndex, colIndex, store) {
var text = "
";
return text;
}
},{
header: 'Layer Name',
readOnly: true,
dataIndex: 'layer_name',
hidden: true,
width: 10
}
]);
var grid_layers = new Ext.grid.GridPanel({
id: "grid_layers",
store: store_dist_layers,
//store: store_species,
trackMouseOver:true,
loadMask: true,
hideHeaders: true,
autoHeight: false,
cm: cm_dist_layers,
sm: new Ext.ux.RowSelectionModelMSBSC({multiSelectWithClick: true}),
stripeRows: true,
autoExpandColumn: 'species',
width: 300,
height: 250,
listeners: {
rowclick: select_dist_layer
}
});
grid_layers.store.loadData(species_info); // species_info defined at the top.
var win = new Ext.Window({
id: "dist_layer_window",
title: "Turn on/off layers",
layout : 'fit',
width : 300,
height : 300,
closeAction :'hide',
plain : true,
animateTarget: "btn_dist_layer",
tools: [{id: 'help', qtip: 'Turn on/off the distribution map of the turtles', handler: show_help_tip.bind(this, "distribution")}],
bbar: ["->", {text: "Feedback", id: "btn_feedback", handler: open_feedback_window, tooltip: "Click to submit feedback about the distribution map", tooltipType: "text"}],
items: [grid_layers]
});
} else {
var win = Ext.getCmp("dist_layer_window");
}
if (win.hidden || !win.rendered) {
win.show();
} else {
win.hide();
}
}
function select_dist_layer(theGrid, rowIndex, e) {
var sm = theGrid.getSelectionModel();
var dist_layers = sm.getSelections();
gQuery.dist_layers = dist_layers.collect(function(item){return item.data.layer_name});
myTileOverlay.refresh(); // no need to refresh the site summary, which is called in update_map()
}
function open_feedback_window() {
if (!win_feedback) {
win_feedback = new Ext.Window({
title: "Feedback",
layout:'fit',
maximized: false,
height: 400,
width: 800,
bodyStyle: "padding: 15px; background-color: #084D90",
closeAction:'hide',
plain: false,
contentEl: "div_feedback"
});
}
win_feedback.show();
}
function submit_feedback() {
var params = {};
var boxes = ["full_name", "affiliation", "email", "feedback"];
var empty_box = boxes.find(function(item){return $F(item) == ""});
if (empty_box != null) {
alert("Please fill " + empty_box + " box");
return true;
}
boxes.each(function(item) {
params[item] = $F(item);
});
params["v"] = get_random(); // To refresh
Ext.Ajax.request({
url: FEEDBACK,
success: feedback_submitted,
failure: download_failed,
params: params
});
}
function feedback_submitted(response, opt) {
var params = response.responseText.evalJSON();
var text = "";
$H(params).each(function(pair) {
$("feedback_" + pair.key).update(pair.value);
});
$("feedback_input").hide();
$("feedback_output").show();
}
function clear_feedback_form() {
$("feedback_input").show();
$("feedback_output").hide();
}
function download_failed() {
}