';
return text;
},
highlight: function(elemid,select) {
if (elemid == this.controller.lastselected) return;
this.doHighlight(elemid,select);
},
doHighlight: function(elemid,select) {
if (!$(elemid)) return;
if (select) {
var tmp_color = ($(elemid).style.color) ? $(elemid).style.color : '#75726F';
$(elemid).style.backgroundColor = tmp_color;
$(elemid).style.color = '#FFFFFF';
} else {
var tmp_color = ($(elemid).style.backgroundColor) ? $(elemid).style.backgroundColor : '#75726F';
$(elemid).style.backgroundColor = '#FFFFFF';
$(elemid).style.color = tmp_color;
}
}
});
/*
ListController
*/
var ListController = Class.extend(Controller, {
initialize: function(view) {
Controller.prototype.initialize.call(this,view);
this.initialize_state();
},
initialize_state: function() {
var cont = this;
this.rules = {};
this.lastselected = null;
},
update: function() {
},
onClick: function(elem) {
if ( (this.lastselected) && (this.lastselected != elem.id) ) {
this.view.doHighlight(this.lastselected,false);
}
this.lastselected = elem.id;
this.model.selectid(elem.id);
},
onMouseOver: function(elem) {
this.view.highlight(elem.id,true);
},
onMouseOut: function(elem) {
this.view.highlight(elem.id,false);
}
});
/*
MapView
*/
var MapView = Class.extend(View, {
initialize: function(model,map) {
this.model = model;
this.map = map;
this.initialize_state();
this.controller = new MapController(this);
this.model.attach(this);
},
initialize_state: function() {
var view = this;
GEvent.addListener(this.map, "moveend", function() {
view.model.move(view.map.getBounds(), view.map.getZoom(), view.map);
});
this.model.move(this.map.getBounds(), this.map.getZoom(), view.map);
},
update: function(event) {
if (event.type == GeoEvent.NEW_DATA) {
this.showMarkers(event.data);
} else if (event.type == GeoEvent.MARKER_SELECT){
this.map.panTo(new GLatLng(event.data.latitude,event.data.longitude));
} else if (event.type == GeoEvent.SELECT_PROPERTY) {
this.displayAllMarkers(false);
this.showMarkers(this.model.selectedObjects);
if (this.model.selectedObjects.length == 1) this.model.select(this.model.selectedObjects[0]);
} else if (event.type == GeoEvent.SELECT_ALL) {
if (event.data == 'overview') {
this.showOverviewMarkers(this.model.overviewObjects);
} else {
this.displayAllMarkers(true);
}
} else if (event.type == GeoEvent.SELECT_NONE) {
if (event.data == 'overview') {
this.hideOverviewMarkers();
} else {
this.displayAllMarkers(false);
}
} else if (event.type == GeoEvent.SELECT) {
event.data.marker.doClick();
this.map.panTo(new GLatLng(event.data.latitude,event.data.longitude));
} else if (event.type == GeoEvent.SHOW_DETAIL) {
this.displayAllMarkers(true);
} else if (event.type == GeoEvent.SHOW_OVERVIEW) {
this.displayAllMarkers(false);
} else if (event.type == GeoEvent.DATE_CHANGE) {
var view = this;
this.displayAllMarkers(false);
this.showMarkers(this.model.objectsInDate());
} else if (event.type == GeoEvent.ZOOMTO) {
event.data.marker.closeDetailWin();
this.map.setCenter(new GLatLng(event.data.latitude,event.data.longitude), 14);
event.data.marker.doClick();
} else if (event.type == GeoEvent.UPDATE) {
event.data.marker.closeDetailWin();
event.data.marker.doClick();
} else if (event.type == GeoEvent.REMOVE) {
event.data.marker.closeDetailWin();
this.map.removeOverlay(event.data.marker);
} else if (event.type == GeoEvent.OVERVIEW_DATA) {
this.showOverviewMarkers(event.data);
} else if (event.type == GeoEvent.CLEAR_OVERVIEW) {
this.hideOverviewMarkers();
}
},
showOverviewMarkers: function(objs) {
if (objs) {
this.showMarkers(objs);
}
},
hideOverviewMarkers: function() {
var view = this;
this.model.overviewObjects.each(function(node) {
node.marker.display(false);
});
},
displayAllMarkers: function(vis) {
var objs = $H(this.model.objects).values();
if (vis) {
this.showMarkers(objs);
} else {
objs.each(function(node) {
node.marker.display(vis);
});
}
},
showMarkers: function(objs) {
var view = this;
objs.each(function(node) {
view.doShowMarker(node);
});
},
doShowMarker: function(obj) {
if (obj.marker.added) {
obj.marker.display(true);
} else {
this.map.addOverlay(obj.marker);
obj.marker.added = true;
obj.attach(this);
obj.attach(this.controller);
}
}
});
/*
MapController
*/
var MapController = Class.extend(Controller, {
initialize: function(view) {
Controller.prototype.initialize.call(this,view);
this.rules = null;
this.lastselected = null;
this.addMarker = null;
this.mapListener = null;
this.initialize_state();
},
initialize_state: function() {
},
update: function(event) {
if (event.type == GeoEvent.MARKER_SELECT) {
if ((this.lastselected) && (this.lastselected != event.data)) this.lastselected.marker.closeDetailWin();
this.lastselected = event.data;
} else if (event.type == GeoEvent.SELECT) {
if ((this.lastselected) && (this.lastselected != event.data)) this.lastselected.marker.closeDetailWin();
this.lastselected = event.data;
} else if ( (event.type == GeoEvent.SELECT_PROPERTY)
|| (event.type == GeoEvent.SELECT_ALL)
|| (event.type == GeoEvent.SELECT_NONE) ) {
if (this.lastselected) this.lastselected.marker.closeDetailWin();
this.lastselected = null;
} else if (event.type == GeoEvent.ACTION) {
document.getElementsByClassName('entryscreen').each(function(node) {
Element.hide(node);
});
} else if (event.type == GeoEvent.ENABLED) {
this.model.move(this.view.map.getBounds(), this.view.map.getZoom(), this.view.map);
}
},
prepareAdd: function() {
var controller = this;
this.addMarker = this.createAddMarker(this.view.map.getCenter());
this.view.map.addOverlay(this.addMarker);
GEvent.clearListeners(this.addMarker, "click");
GEvent.addDomListener(this.addMarker, "click", function() {
controller.model.act('add',controller.addMarker.getPoint());
controller.cancelAdd();
});
$('addhelp').innerHTML = $('addhelp').innerHTML.replace(/item|sighting|hotspot|club/g, this.model.typeid);
$('cancelAdd').onclick = function() { controller.cancelAdd(); return false; };
Element.show($('addhelp'));
},
cancelAdd: function() {
this.view.map.removeOverlay(this.addMarker);
Element.hide($('addhelp'));
},
createAddMarker: function(point) {
var marker = new PdMarker(point, {draggable:true});
marker.setTooltip('click on me to enter details');
marker.enableDragging();
return marker;
}
});
/*
GeoModel
*/
var GeoCollectionModel = Class.extend(CollectionModel, {
initialize: function(options) {
$C(CollectionModel).initialize.call(this,options);
this.selectedObject = null;
this.lastSelectedObject = null;
this.selectedPropertyValue = null;
this.selectedObjects = [];
this.objects = {};
},
move: function(bounds, zoom) {
this.notify(new GeoEvent(GeoEvent.MOVE,bounds));
},
select: function(object) {
this.doSelect(object);
this.notify(new GeoEvent(GeoEvent.SELECT,object));
},
selectid: function(id) {
this.select(this.objects[id]);
},
selectProperty: function(property,value) {
this.doSelect(null);
this.selectedPropertyValue = value;
this.selectedObjects = this.objectsInBounds().findAll(function(node) {
return (node[property] == value);
});
this.notify(new GeoEvent(GeoEvent.SELECT_PROPERTY, property));
},
doSelect: function(object) {
this.lastSelectedObject = this.selectedObject;
this.selectedObject = object;
},
objectsInBounds: function() {
if (this.enabled) {
var collection = this;
return $H(this.objects).values().findAll(function(node) {
return (collection.currentBounds.contains(node.marker.getPoint()));
});
} else {
return [];
}
}
});
/*
GeoDBCollectionModel
*/
var WorldDBCollectionModel = Class.extend(GeoCollectionModel, {
initialize: function(options) {
$C(GeoCollectionModel).initialize.call(this,options);
this.loadedBounds = null;
this.currentBounds = null;
this.server = options.db_server;
this.method = options.db_method;
this.nextEvent = null;
this.maxDate = this.fromdate;
this._object_model = Object;
this.typeid = '';
this.loaded = {};
this.bootstraps = {};
this.prefix = '';
this.enabled = true;
},
setFromDate: function(newdate) {
this.fromdate = newdate;
if (this.enabled) {
if (newdate >= this.maxDate) {
this.notify(new GeoEvent(GeoEvent.DATE_CHANGE, {}));
} else {
this.maxDate = newdate;
this.nextEvent = GeoEvent.DATE_CHANGE;
var tmpbounds = this.loadedBounds;
this.loadedBounds = null;
this.move(tmpbounds);
}
}
},
objectsInDate: function() {
if (this.enabled) {
var collection = this;
return $H(this.objects).values().findAll(function(node) {
return (node.jsdate >= collection.fromdate);
});
} else {
return [];
}
},
move: function(bounds, zoom, map) {
this.currentBounds = bounds;
if (!(this.enabled)) {
this.notify(new GeoEvent(GeoEvent.MOVE,this.currentBounds));
} else {
this.nextEvent = GeoEvent.MOVE;
if (!this.loadedBounds) {
// first load
this.loadedBounds = bounds;
this.hitDatabase(bounds, map);
} else if (this.loadedBounds.containsBounds(bounds)) {
// no load -- just a zoom in
this.notify(new GeoEvent(GeoEvent.MOVE,this.currentBounds));
} else if (bounds.containsBounds(this.loadedBounds)) {
// load -- zoom out
this.loadedBounds = bounds;
this.hitDatabase(bounds, map);
} else if (!this.loadedBounds.intersects(bounds)) {
// geocoder discrete move -- same as zoom out
this.loadedBounds = bounds;
this.hitDatabase(bounds, map);
} else {
// pan -- load edges
var a = this.loadedBounds;
var b = bounds;
var bounds1 = new GLatLngBounds();
var bounds2 = new GLatLngBounds();
// Find the edges that don't overlap
if (b.getSouthWest().lat() < a.getSouthWest().lat()) {
if (b.getSouthWest().lng() < a.getSouthWest().lng()) {
// south west
bounds1 = new GLatLngBounds( new GLatLng(b.getSouthWest().lat(),b.getSouthWest().lng()), new GLatLng(a.getNorthEast().lat(),a.getSouthWest().lng()) );
bounds2 = new GLatLngBounds( new GLatLng(b.getSouthWest().lat(),a.getSouthWest().lng()), new GLatLng(a.getSouthWest().lat(),a.getNorthEast().lng()) );
} else {
// south east
bounds1 = new GLatLngBounds( new GLatLng(b.getSouthWest().lat(),a.getNorthEast().lng()), new GLatLng(a.getNorthEast().lat(),b.getNorthEast().lng()) );
bounds2 = new GLatLngBounds( new GLatLng(b.getSouthWest().lat(),a.getSouthWest().lng()), new GLatLng(a.getSouthWest().lat(),a.getNorthEast().lng()) );
}
} else {
if (b.getSouthWest().lng() < a.getSouthWest().lng()) {
// north west
bounds1 = new GLatLngBounds( new GLatLng(a.getSouthWest().lat(),b.getSouthWest().lng()), new GLatLng(b.getNorthEast().lat(),a.getSouthWest().lng()) );
bounds2 = new GLatLngBounds( new GLatLng(a.getNorthEast().lat(),a.getSouthWest().lng()), new GLatLng(b.getNorthEast().lat(),a.getNorthEast().lng()) );
} else {
// north east
bounds1 = new GLatLngBounds( new GLatLng(a.getSouthWest().lat(),a.getNorthEast().lng()), new GLatLng(b.getNorthEast().lat(),b.getNorthEast().lng()) );
bounds2 = new GLatLngBounds( new GLatLng(a.getNorthEast().lat(),a.getSouthWest().lng()), new GLatLng(b.getNorthEast().lat(),a.getNorthEast().lng()) );
}
}
this.hitDatabase(bounds1, map);
this.hitDatabase(bounds2, map);
this.loadedBounds = this.loadedBounds.expand(bounds);
}
}
},
hitDatabase: function(bounds, map) {
this.notify(new GeoEvent(GeoEvent.START_LOAD, {}));
var request = Utils.ajaxRequest(this.server,this.method,
[bounds.getSouthWest().lng(),bounds.getNorthEast().lng(),
bounds.getSouthWest().lat(),bounds.getNorthEast().lat() ],
this.onDatabaseLoad, this);
},
onDatabaseLoad: function(request) {
var newobjs = Utils.createObjects(request,this._object_model);
var newobjs = this.append(newobjs);
if (newobjs.length > 0) this.notify(new GeoEvent(GeoEvent.NEW_DATA,newobjs));
this.notify(new GeoEvent(this.nextEvent,this.currentBounds));
this.notify(new GeoEvent(GeoEvent.END_LOAD, {}));
},
act: function(action,data) {
var model = this;
model.data = data;
// if (model.loaded[action]) {
// } else {
var pars = 'uid=' + user + '&rnd=' + (new Date().getTime());
if (action == 'add') pars += '&latitude='+ data.lat() + '&longitude='+ data.lng();
else pars += '&id='+this.selectedObject.id;
var myAjax = new Ajax.Updater(
action + this.typeid + 'screen',
'/resources/app/views/'+this.typeid+'/'+action+'.php',
{
method: 'get',
parameters: pars,
evalScripts: true,
onComplete: function() {
model.loaded[action] = true;
displayVeil(true);
// Element.hide('map');
Element.show(action + model.typeid + 'screen');
$(action + model.typeid + 'screen').style.zIndex = 20003;
}
});
// }
this.notify(new GeoEvent(GeoEvent.ACTION), {});
},
enable: function(en) {
if (en) {
if (!(this.enabled)) this.selectid(this.prefix + 'show')
}
else {
// if (this.enabled) this.selectid(this.prefix + 'none');
}
}
});
var WorldOverviewCollectionModel = Class.extend(WorldDBCollectionModel, {
initialize: function(options) {
$C(WorldDBCollectionModel).initialize.call(this,options);
this.loadedOverviewBounds = null;
this.loadedDetailBounds = null;
this.state = '';
this.overviewObjects = [];
},
appendOverviews: function(newobjs) {
var model = this;
newobjs.each(function(node) { model.update(node); } );
this.overviewObjects = this.overviewObjects.concat(newobjs);
},
clearOverviews: function() {
// this.overviewObjects = [];
},
move: function(bounds, zoom, map) {
if (this.enabled) {
if (zoom < GMap2.STATE_ZOOM_LEVEL) {
if (this.state != 'overview') {
this.notify(new GeoEvent(GeoEvent.SHOW_OVERVIEW, {}));
this.loadedBounds = this.loadedOverviewBounds;
}
this.state = 'overview';
if (this.loadedBounds) {
if ( (this.loadedBounds.containsBounds(bounds))
|| (bounds.containsBounds(this.loadedBounds))
|| (!this.loadedBounds.intersects(bounds)) ) {
this.clearOverviews();
}
/*
if (this.loadedBounds.containsBounds(bounds)) {
this.hitDatabase(bounds, map);
}
*/
}
} else {
if (this.state != 'detail') {
this.loadedBounds = this.loadedDetailBounds;
this.clearOverviews();
this.notify(new GeoEvent(GeoEvent.CLEAR_OVERVIEW, {}));
this.notify(new GeoEvent(GeoEvent.SHOW_DETAIL, {}));
}
this.state = 'detail'
}
}
$C(WorldDBCollectionModel).move.call(this,bounds,zoom,map);
},
hitDatabase: function(bounds, map) {
this.notify(new GeoEvent(GeoEvent.START_LOAD, {}));
if (this.state == 'overview') {
var point_ne = map.fromLatLngToDivPixel(bounds.getNorthEast());
var point_sw = map.fromLatLngToDivPixel(bounds.getSouthWest());
var max = Math.floor( ( (point_ne.x - point_sw.x) * (point_sw.y - point_ne.y) ) * this.overview_factor );
this.hitOverviewDatabase(bounds, max);
} else {
this.hitDetailDatabase(bounds);
}
},
hitOverviewDatabase: function(bounds, max) {
},
hitDetailDatabase: function(bounds) {
},
onOverviewLoad: function(request) {
var newobjs = Utils.createObjects(request,this._object_model);
this.appendOverviews(newobjs);
this.notify(new GeoEvent(GeoEvent.OVERVIEW_DATA, newobjs));
this.notify(new GeoEvent(GeoEvent.MOVE, this.currentBounds));
this.notify(new GeoEvent(GeoEvent.END_LOAD, {}));
}
});
/*
GeoEvent
*/
var GeoEvent = Object.extend(MVCEvent, {
MARKER_SELECT: 0,
SELECT: 1,
MOVE: 2,
NEW_DATA: 3,
SELECT_PROPERTY: 4,
SELECT_ALL: 5,
SELECT_NONE: 6,
DATE_CHANGE: 7,
ZOOMTO: 8,
UPDATE: 9,
REMOVE: 10,
START_LOAD: 11,
END_LOAD: 12,
ENABLED: 13,
OVERVIEW_DATA: 14,
CLEAR_OVERVIEW: 15,
SHOW_OVERVIEW: 16,
SHOW_DETAIL: 17
});
/*
var WorldMarker = Class.extend(PdMarker, {
initialize: function(a,b,c) {
this.superclass = PdMarker;
this.superclass(a,b,c);
}
});
*/
$C(PdMarker).onClick = function() {
if (this.object.collection) this.object.collection.doSelect(this.object);
this.doClick();
// Notify
if (this.object.collection) this.object.collection.notify(new GeoEvent(GeoEvent.MARKER_SELECT,this.object));
}
$C(PdMarker).doClick = function() {
if (this.showDetailOnClick && this.detailWinHTML)
this.showDetailWin();
}
$C(PdMarker).closeDetailWin = function() {
if (this.object.listDetail) this.setDetailWinHTML(this.object.listDetail);
if (this.object.listTooltip) this.setTooltip(this.object.listTooltip);
this.detailOpen = false;
if (this.detailObject)
{
this.setMouseOutEnabled(true);
this.onMouseOut();
// GEvent.trigger(this, "mouseout");
this.map.getPane(G_MAP_FLOAT_PANE).removeChild(this.detailObject);
this.detailObject = null;
}
}
/*
!! Detail window word-wrap was not functional in Firefox.
*/
$C(PdMarker).showDetailWin = function() {
if (this.detailOpen)
{
this.closeDetailWin();
return;
}
this.hideTooltip();
this.setMouseOutEnabled(false);
var html = "
| " + this.detailWinHTML + "<\/td> |  <\/a><\/td><\/tr><\/table>";
this.detailOpen = true;
if (!this.tooltipText)
{
this.ttWidth = 150;
this.ttHeight = 30;
setTTPosition(this); // compute ttTop, ttLeft
}
var ttPos = latLongToPixel(this.map,this.getPoint(),this.map.getZoom());
ttPos.y -= Math.floor(40);
ttPos.x += this.getIcon().iconSize.width / 2;
if (!this.ttTop) {
this.ttTop = ttPos.y;
this.ttLeft = ttPos.x;
}
this.initDetailWin_GeoBirds(this, ttPos.y, ttPos.x, html);
PdMarkerAddToExtList(this);
}
$C(PdMarker).initDetailWin_GeoBirds = function(theObj, top, left, html) {
theObj.detailId = "detail" + theObj.internalId;
var b = document.createElement('div');
theObj.detailObject = b;
b.setAttribute('id',theObj.detailId);
Element.addClassName(b, 'markerDetail');
b.innerHTML = html;
b.style.top = top + "px";
b.style.left = left + "px";
theObj.map.getPane(G_MAP_FLOAT_PANE).appendChild(b);
}
/*
Abstract class!!
*/
WorldModel = Class.extend(Model, {
initialize: function(options) {
$C(Model).initialize.call(this,options);
this.objclass = WorldModel;
},
getReady: function() {
var icon = this.getIcon();
var gpoint = new GLatLng(this.latitude,this.longitude);
this.marker = new PdMarker(gpoint,icon);
this.marker.added = false;
this.marker.allowLeftTooltips(false);
this.marker.object = this;
this.singleTooltip = this.tooltipText();
this.singleDetail = this.viewText();
this.marker.setDetailWinHTML(this.singleDetail);
this.marker.setTooltip(this.singleTooltip);
},
getIcon: function() {
return this.objclass.icons[this.type];
},
tooltipText: function() {
var text = Utils.apply(this.tooltipTemplate, this);
if ((this.numcomments) && (this.numcomments == 1)) text = text.replace(/comments/, "comment");
return text;
},
viewText: function() {
var model = this;
var text = '';
text += Utils.apply(this.startViewTemplate, this);
this.innerTemplates.each(function(node) {
if (model[node.property]) text += Utils.apply(node.text, model);
});
text += Utils.apply(this.endViewTemplate, this);
text += ' ';
return text;
},
zoomTo: function() {
this.notify(new GeoEvent(GeoEvent.ZOOMTO, this));
},
update: function() {
if (this.marker) {
var map = this.marker.map;
map.removeOverlay(this.marker);
}
this.getReady();
this.collection.notify(new GeoEvent(GeoEvent.NEW_DATA, [this]));
this.notify(new GeoEvent(GeoEvent.UPDATE, this));
},
tooltipTemplate: '',
startViewTemplate: '',
endViewTemplate: '',
innerTemplates: []
});
var ScaffoldHandler = Class.extend({}, {
initialize: function() {
this.obj = null;
this.map = null;
this.action = '';
this.type = '';
},
populate: function() {
gpoint = new GLatLng(Number(this.obj.latitude), Number(this.obj.longitude));
},
setObject: function(theobj) {
this.obj = theobj;
this.populate();
},
display: function(vis) {
if (vis) {
Element.hide('map');
Element.show(this.action + this.type + 'screen');
$(this.action + this.type + 'screen').style.zIndex = 20003;
displayVeil(true);
} else {
$(this.action + this.type + 'screen').style.zIndex = 20000;
Element.show(this.action + this.type + 'screen');
Element.show('map');
displayVeil(false);
}
},
submit: function() {
return false;
},
fireUpdate: function() {
this.obj.update();
},
showSelects: function() {
// do nothing!!
}
});
/******************************************
Do some OO-design work on the veil later!
*******************************************/
var veilOverlay = null;
var VEIL_ZINDEX = 20000;
function displayVeil(sh) {
if (sh) {
if (veilOverlay == null) {
veilOverlay = $("pageveil");
setVeilWidthPosition();
addListener(window, "resize", setVeilWidthPosition);
if (isIE) $('dateselect').style.visibility = 'hidden';
veilOverlay.style.display = 'block';
} else {
veilOverlay.style.display = 'block';
if (isIE) $('dateselect').style.visibility = 'hidden';
}
} else {
if (isIE) $('dateselect').style.visibility = 'visible';
if (veilOverlay) veilOverlay.style.display = 'none';
}
}
function setVeilWidthPosition() {
var ht = $("wrapper").clientHeight - 181;
var wd = $("wrapper").clientWidth;
veilOverlay.style.top = '-18px';
veilOverlay.style.left = '-10px';
veilOverlay.style.width = wd + 'px';
veilOverlay.style.height = ht + 'px';
}
function addListener(obj, evType, fn) {
if (obj.addEventListener) {
obj.addEventListener(evType, fn, false);
return true;
}
else if (obj.attachEvent) return obj.attachEvent('on' + evType, fn);
else return false;
}
function getScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}
return yScroll;
}
function cacheVeil() {
displayVeil(true);
displayVeil(false);
}
/****************** end veil stuff **************/
|