'+data[0]+' writes:
'+"\n"; break;
case 5: result += ''+data[0]+' of '+data[2]+' writes:
'+"\n"; break;
case 6: result += ''+data[0]+' ('+data[1]+') writes:
'+"\n"; break;
case 7: result += ''+data[0]+' ('+data[1]+') of '+data[2]+' writes:
'+"\n"; break;
}
result += "\n";
result += ''+data[3]+'
'+"\n";
result += ''+data[4]+'
'+"\n";
return result;
}
function generateCommentBreak() {
return ''+"\n"; } function generateSinglePhoto(data) { var result = ""; result += '
'+"\n"; } function generateBadroadTitle(name) { return '
'+name+'
'+"\n";
}
//// JavaScript functions that generate HTML ////
///////////////////////////////////////////////////
// This function triggers when the user wants to add a pothole
function user_sendBadroad() {
// Get the information from the form
var id = highlight_id;
var title = trim(document.form1.title.value);
var latitude = arrow.getPoint().lat();
var longitude = arrow.getPoint().lng();
var name = trim(document.form1.name.value);
var age = trim(document.form1.age.value);
var residence = trim(document.form1.residence.value);
var comments = trim(document.form1.comments.value);
// Validate the information
var errors = "";
if (title == "") { errors += "\n- Include a title"; }
if (!arrow_visible ) { errors += "\n- Place a marker on the map."; }
if (comments == "") { errors += "\n- Include your comments"; }
// Stop if the data is incomplete
if (errors) {
errors = "Please make sure all the information is filled out:"+errors;
alert(errors);
return;
}
// Send the information
var post = "";
post += "title=" + URLEncode(title) + "&";
post += "latitude=" + URLEncode(latitude) + "&";
post += "longitude=" + URLEncode(longitude) + "&";
post += "name=" + URLEncode(name) + "&";
post += "age=" + URLEncode(age) + "&";
post += "residence=" + URLEncode(residence) + "&";
post += "comments=" + URLEncode(comments) + "&";
post += "id=" + "0";
GDownloadUrl("add_badroad.php", outcome_sendItem, post, "application/x-www-form-urlencoded");
// Set a process to update the form
}
// This function triggers when the user wants to add a comment
function user_sendComment() {
// Get the information from the form
var id = highlight_id;
var name = trim(document.form2.name.value);
var age = trim(document.form2.age.value);
var residence = trim(document.form2.residence.value);
var comments = trim(document.form2.comments.value);
// Validate the information
var errors = "";
if (comments == "") { errors += "\n- Include your comments"; }
// Stop if the data is incomplete
if (errors) {
errors = "Please make sure all the information is filled out:"+errors;
alert(errors);
return;
}
// Send the information
var post = "";
post += "name=" + URLEncode(name) + "&";
post += "age=" + URLEncode(age) + "&";
post += "residence=" + URLEncode(residence) + "&";
post += "comments=" + URLEncode(comments) + "&";
post += "id=" + id;
GDownloadUrl("add_comment.php", outcome_sendItem, post, "application/x-www-form-urlencoded");
// Set a process to update the form
}
function outcome_sendItem(data, responseCode) {
// To ensure against HTTP errors that result in null or bad data,
// always check status code is equal to 200 before processing the data
if (responseCode == 200) {
// Split up the data
var rows = data.split("\n");
// The first line should contains the ID of the marker, which is a whole number
var id = ((rows[0].match(/^\d+$/)) ? rows[0] : 0);
var outcome = (rows[1] && (rows[1].match(/^\w+$/)) ? rows[1] : "");
switch(outcome) {
case "i-incomplete":
alert("The marker has not been added because the title or the location is missing.");
break;
case "c-database":
alert("The marker has not been added because of a problem with the database.");
break;
case "c-incomplete":
alert("The comment has not been added because one or more fields were incomplete.");
break;
case "c-invalid":
alert("The marker you are commenting on is not in the database.");
break;
case "c-database":
alert("The comment has not been added because of a problem with the database.");
break;
case "approval":
alert("The information has been received, and is awaiting administrator approval.");
// Continue onto success
case "success":
changeToViewMode();
// Remove comment list from memory
memory[id] = "";
if (markers[id]) {
// The marker is on the map
var marker = markers[id];
// Note there is now a new comment on this marker
marker.isCommented = true;
user_clickOnMap(marker, marker.getPoint());
} else {
// The marker is not on the map, so must be new
refreshMarkers();
}
break;
default:
alert("Message could not be understood:" + outcome);
break;
}
} else {
alert("A problem occurd while trying to add the comment.");
}
}
// User has pressed the "add marker" or "view marker" button
function user_viewAddToggle() {
if (insert_mode) {
changeToViewMode()
} else {
changeToInsertMode();
}
}
// If not in insert mode, change to insert mode
function changeToInsertMode() {
if (!insert_mode) {
insert_mode = true;
map.disableDoubleClickZoom();
removeHighlight()
document.getElementById("toggleViewInsert").value = "Cancel Adding Marker";
document.getElementById("ajax_comments").innerHTML = "Click a point on the map to set a marker. You can drag the arrow to fine-tune the location of the marker.";
document.getElementById("ajax_comments").style.visibility = "visible";
}
}
// If not in view mode, change to view mode
function changeToViewMode() {
if (insert_mode) {
insert_mode = false;
map.enableDoubleClickZoom();
removeArrow()
document.getElementById("toggleViewInsert").value = "Add a Marker";
document.getElementById("ajax_comments").style.visibility = "hidden";
}
}
// Put the highlight on the map atop the marker the user has clicked
function addHighlightOnto(marker) {
highlight.setPoint(marker.getPoint());
map.addOverlay(highlight);
highlight_id = marker.id;
// If this marker has been cached...
if (memory[highlight_id]) {
// Pull the information from the cache
display(memory[highlight_id], true);
} else {
// Ask the server for data about the marker
getCommentsFor(marker);
}
}
// If the highlight is on the map, remove the highlight
function removeHighlight() {
if (highlight_id != 0) {
map.removeOverlay(highlight);
highlight_id = 0;
}
// Clear the display as well
display("", false);
}
// Put the arrow on the map where the user has clicked
function addArrowAt(point) {
arrow.setPoint(point);
map.addOverlay(arrow);
arrow_visible = true;
displaySingle();
}
// If the arrow is on the map, remove the arrow
function removeArrow() {
if (arrow_visible) {
map.removeOverlay(arrow);
arrow_visible = false;
}
// Clear the display as well
display("", false);
}
/* Make an icon based on the folder the icon information is in. */
function makeIcon(color) {
var xMarker = new GIcon();
xMarker = new GIcon();
xMarker.image = "markers/"+color+"/marker.png";
xMarker.iconSize = new GSize(11, 11);
xMarker.printImage = "markers/"+color+"/markerie.gif";
xMarker.mozPrintImage = "markers/"+color+"/markerff.gif";
xMarker.iconAnchor = new GPoint(6, 6);
return xMarker;
}
/* Make an icon based on the folder the icon information is in. */
function makeArrow(color) {
var xMarker = new GIcon();
xMarker = new GIcon();
xMarker.image = "markers/"+color+"/marker.png";
xMarker.iconSize = new GSize(20, 34);
xMarker.shadow = "markers/"+color+"/shadow.png";
xMarker.printImage = "markers/"+color+"/markerie.gif";
xMarker.printShadow = "markers/"+color+"/shadowie.gif";
xMarker.mozPrintImage = "markers/"+color+"/markerff.gif";
xMarker.mozPrintShadow = "markers/"+color+"/shadowff.gif";
xMarker.shadowSize = new GSize(37, 34);
xMarker.iconAnchor = new GPoint(9, 34);
return xMarker;
}
/* Trim whitespace before and after text. */
/* Version December 3, 2006 */
function trim(sString) {
if (sString == null)
return "";
return sString.replace(/^\s*|\s*$/g,"");
}
// Code borrowed from (2008-05-14):
// http://cass-hacks.com/articles/code/js_url_encode_decode/
function URLEncode (clearString) {
var output = '';
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x < clearString.length) {
var match = regex.exec(clearString.substr(x));
if (match != null && match.length > 1 && match[1] != '') {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == ' ')
output += '+';
else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += '%' + ( hexVal.length < 2 ? '0' : '' ) + hexVal.toUpperCase();
}
x++;
}
}
return output;
}