'+place.name+'
');
}else{
html.push('
'+place.name+'
');
}
$.each(place.children, function(i, ad){
if(ad.url != null){
html.push('
'+ad.name+'');
}else{
html.push(ad.name);
}
});
html.push('
');
});
html.push('
View My Discoveries
');
this.domEl.html(html.join(''));
}
this.renderButtons();
this.renderFullItinerary();
},
checkAllPlaceDataAvailable: function()
{
var placesToLoad = [];
$.each(this.places, function(i, place){
if(!place.isLoaded())
{
placesToLoad.push(place.id);
}
});
if(placesToLoad.length>0)
{
var placesResult = eval( '(' + $.ajax({
url: "/index.php?module=places&type=rpc&func=getPlaces&placeIds="+placesToLoad.join(','),
async: false
}).responseText + ')' );
$.each(placesResult.places, function(i, place){
var key = 'p-'+place.id;
itinerary.places[key].name = place.name;
itinerary.places[key].type = place.classType;
itinerary.places[key].latitude = place.latitude;
itinerary.places[key].longitude = place.longitude;
itinerary.places[key].url = place.pagelink;
});
}
},
renderFullItinerary: function()
{
if(this.domElFull && !this.stopRender)
{
var html = [];
// check all place data is available and request from server
this.checkAllPlaceDataAvailable();
$.each(this.placesArray, function(i, place){
html.push('
| ');
html.push(' | ');
if(place.url != null){
html.push(''+place.name+'Saving... ');
}else{
html.push(''+place.name+'Saving... ');
}
html.push(' |  |
|
');
html.push(' | | | ');
$.each(place.children, function(i, ad){
html.push('| '+ad.name+' | | ');
});
var placeNotes = place.notes || '';
html.push(' |
|
|
| | ');
html.push('
| | '+placeNotes+' |
');
});
if(this.placesArray.length === 0)
{
html.push('You have not added any discoveries yet, click on the green "add" button to add places to your discoveries as you navigate the site.');
}
this.domElFull.html(html.join(''));
this.renderMaps();
}
},
getState: function()
{
var state = {places: this.places};
return $.toJSON(state);
},
setState: function(state)
{
var newState = $.secureEvalJSON(state);
this.places = newState.places;
},
load: function()
{
var currentTime = new Date();
var lastSync = $.Jookie.Get("myDiscoveries", "lastsync");
needsSync = (typeof(lastSync) == 'undefined' || ((currentTime.getTime() - lastSync) > 300000)); // either it has never synced or the data is stale
if(needsSync && this.isLoggedIn)
{
// perform sync rpc call
var placesResult = $.ajax({
url: "/index.php?module=User&type=rpc&func=get&key=mydiscoveries_places",
async: false
}).responseText;
if(placesResult.length > 0 && ! /DOCTYPE/.test(placesResult))
{
var placesFromServer = eval( '(' + placesResult + ')' );
this.places = placesFromServer;
$.Jookie.Set("myDiscoveries", "places", this.places);
$.Jookie.Set("myDiscoveries", "lastsync", currentTime.getTime());
}
else
{
// fallback on cookie content and then save to server, this will usually happen first time user logs in and never saved before
var placesCookie = $.Jookie.Get("myDiscoveries", "places");
if(placesCookie)
{
this.places = placesCookie;
this.save(true);
}
}
}
else
{
var placesCookie = $.Jookie.Get("myDiscoveries", "places");
if(placesCookie)
{
this.places = placesCookie;
}
}
this.placesArray = [];
$.each(this.places, function(i, place){
place.isLoaded = function(){return (this.latitude !== 0 && this.longitude !== 0);};
itinerary.placesArray[place.order-1] = place;
});
},
save: function(lazy)
{
$.Jookie.Set("myDiscoveries", "places", this.places);
// save data back to server
this.dirty = true;
if(lazy)
{
setTimeout(function(){itinerary.saveToServer();}, 2000);
}
else
{
this.saveToServer();
}
},
saveToServer: function()
{
if(this.dirty && this.isLoggedIn)
{
this.dirty = false;
$.post("/index.php", { module: "User", type: "rpc", func:'set', key:'mydiscoveries_places', value: JSON.stringify(this.places) } );
}
setTimeout("$('.saving').fadeOut(500)", 1500);
},
removePlace: function(placeId)
{
var currentOrder = this.places['p-'+placeId].order;
delete(this.places['p-'+placeId]);
this.placesArray.splice(currentOrder-1, 1);
this.reorder();
this.render();
this.save();
},
getPlacesByOrdering: function(sortCallback, limit)
{
if(limit===null){limit=0;}
var orderedPlaces = [];
$.each(this.places, function(i, place){
orderedPlaces.push(place);
});
orderedPlaces.sort(sortCallback);
orderedPlaces.reverse();
if(limit>0)
{
return orderedPlaces.slice(0,limit);
}
else
{
return orderedPlaces;
}
},
callbackSortPlacesByOrder: function(a, b)
{
if(a.order > b.order)
{
return 1;
}
else if(a.order < b.order)
{
return -1;
}
else
{
return 0;
}
},
callbackSortPlacesByAddition: function(a ,b)
{
if(a.dateAdded > b.dateAdded)
{
return 1;
}
else if(a.dateAdded < b.dateAdded)
{
return -1;
}
else
{
return 0;
}
},
adExists: function(adId)
{
var adExists = false;
$.each(this.places, function(i,place){
if (Object.size(place.children) > 0)
{
if (typeof place.children['ad-'+adId] != 'undefined')
{
adExists = true;
}
}
});
return adExists;
},
removeListingAd: function(adId)
{
$.each(this.places, function(i,place){
if (Object.size(place.children) > 0)
{
if (typeof place.children['ad-'+adId] != 'undefined')
{
delete(place.children['ad-'+adId]);
}
}
});
this.render();
this.save();
},
/**
* should be called whenever the arrival or departure dates change, or when the user updates notes
*/
updatePlace: function(placeId)
{
this.places['p-'+placeId].arrive = $('#arrival-'+placeId).val();
this.places['p-'+placeId].depart = $('#departure-'+placeId).val();
this.places['p-'+placeId].notes = $('#notes-'+placeId).val();
},
moveUp: function(placeId)
{
var currentIndex = null;
$.each(this.placesArray, function(i,place){
if(place.id == placeId)
{
currentIndex = i;
return false;
}
});
if(currentIndex === 0){return;}
this.swapArrayItems(this.placesArray, currentIndex, currentIndex-1);
//this.placesArray.swap(currentIndex, currentIndex-1);
this.reorder();
this.renderFullItinerary();
this.save(true);
},
moveDown: function(placeId)
{
var currentIndex = null;
$.each(this.placesArray, function(i,place){
if(place.id == placeId)
{
currentIndex = i;
return false;
}
});
if(currentIndex == this.placesArray.length-1){return;}
this.swapArrayItems(this.placesArray, currentIndex, currentIndex+1);
//this.placesArray.swap(currentIndex, currentIndex+1);
this.reorder();
this.renderFullItinerary();
this.save(true);
},
/**
* returns [x,y] offset to centre the map graphic over a given location
*/
getPixelOffsets: function(placeId)
{
// width and heigh of the element that contains the map
var viewportSize = [100,100];
// top,right,bottom,left - rough bounds of New Zealand
var nzBounds = [-34.39302891980463, 178.56388092041016, -47.29675326174874, 166.42647743225098];
// width, height - of nz map graphic
var mapGraphicSize = [173,250];
var latitude = this.places['p-'+placeId].latitude;
var longitude = this.places['p-'+placeId].longitude;
var nzBoundsDiff = [ nzBounds[1]-nzBounds[3] , nzBounds[2]-nzBounds[0] ];
var latitudeRelative = latitude - nzBounds[0]; // - nzBoundsDiff[1];
var longitudeRelative = longitude -nzBounds[3]; // - nzBoundsDiff[0];
var widthMultiplier = mapGraphicSize[0] / nzBoundsDiff[0];
var heightMultiplier = mapGraphicSize[1] / nzBoundsDiff[1];
var pixelOffsetWidth = (longitudeRelative * widthMultiplier)-(viewportSize[0]/2) ;
var pixelOffsetHeight = (latitudeRelative * heightMultiplier)-(viewportSize[1]/2) ;
return [ - parseInt(pixelOffsetWidth,10), - parseInt(pixelOffsetHeight,10)];
},
test: function()
{
this.addPlace(253, 'Auckland', '/home/s1248598686');
this.addPlace(525, 'Christchurch', '/home/test');
this.addPlace(382, 'Invercargill', '/home/test');
this.places['p-525'].arrive = '27/06/2010';
this.places['p-525'].depart = '02/07/2010';
this.places['p-525'].notes = 'Would be nice to visit the Cathedral in the town square.';
this.places['p-525'].latitude = -43.526149;
this.places['p-525'].longitude = 172.65152;
this.places['p-525'].type = 'location';
this.places['p-253'].arrive = '20/06/2010';
this.places['p-253'].depart = '27/06/2010';
this.places['p-253'].notes = 'Bungy jumping at the harbour bridge looks fun.';
this.places['p-253'].latitude = -36.856411;
this.places['p-253'].longitude = 174.768105;
this.places['p-253'].type = 'location';
this.places['p-382'].arrive = '02/07/2010';
this.places['p-382'].depart = '10/07/2010';
this.places['p-382'].notes = 'Meet tim.';
this.places['p-382'].latitude = -46.413055;
this.places['p-382'].longitude = 168.356883;
this.places['p-382'].type = 'location';
this.addListingAd(253, 321, 'accommodation', '/home/test_dome', 'Bobs B&B');
}
};
$(document).ready(function () {
itinerary.init();
});
