428 lines
14 KiB
JavaScript
428 lines
14 KiB
JavaScript
/*HTMLElement.prototype.originalRemoveEventListener
|
|
= HTMLElement.prototype.removeEventListener;
|
|
|
|
HTMLElement.prototype.removeEventListener = function(type, listener, useCapture)
|
|
{
|
|
console.log('remove: ' + type);
|
|
this.originalRemoveEventListener(type, listener, useCapture);
|
|
};
|
|
*/
|
|
|
|
var markets = [];
|
|
var viewAssembler = new ViewAssembler();
|
|
|
|
$(document).ready( function(){
|
|
loadTemplates( setupDefaultView );
|
|
} );
|
|
|
|
function setupDefaultView() {
|
|
|
|
var bodyView = viewAssembler.defaultView();
|
|
|
|
//Setup the default view
|
|
var defaultView = { title: "Welcome!",
|
|
view: bodyView,
|
|
};
|
|
|
|
//Setup the ViewNavigator
|
|
window.viewNavigator = new ViewNavigator( 'body' );
|
|
window.viewNavigator.pushView( defaultView );
|
|
|
|
$.getScript("data.js", scriptSuccess);
|
|
}
|
|
|
|
function onMapButtonClick( event ) {
|
|
var view = { title: "Map",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.mapView(),
|
|
scroll:false
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
|
|
|
|
function onSearchResultMapButtonClick( event ) {
|
|
|
|
var centerPoint = {x:0,y:0};
|
|
var len = 0;
|
|
|
|
for( var i = 0; i<window.filteredMarkesList.length; i++ ){
|
|
|
|
var _x = parseFloat(window.filteredMarkesList[i].x);
|
|
var _y = parseFloat(window.filteredMarkesList[i].y);
|
|
|
|
if ( !isNaN( _x ) && !isNaN( _y ) ) {
|
|
//console.log( i, len, _x, _y );
|
|
centerPoint.x += _x;
|
|
centerPoint.y += _y;
|
|
len ++;
|
|
}
|
|
}
|
|
//console.log( centerPoint.x, centerPoint.y );
|
|
centerPoint.x = centerPoint.x / len;
|
|
centerPoint.y = centerPoint.y / len;
|
|
|
|
//console.log( centerPoint.x, centerPoint.y );
|
|
centerPoint = new L.LatLng(centerPoint.y, centerPoint.x);
|
|
|
|
var view = { title: "Map",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.mapView(centerPoint),
|
|
scroll:false
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
|
|
|
|
function onAboutViewClick( event ) {
|
|
var view = { title: "About",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.aboutView()
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
|
|
function onSearchViewClick( event ) {
|
|
var view = { title: "List",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.searchView(),
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
|
|
function onNearbyViewClick( event ) {
|
|
|
|
var view = { title: "Nearby",
|
|
view: viewAssembler.findNearbyView()
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
|
|
//acquire location
|
|
navigator.geolocation.getCurrentPosition(onGeoSuccess, onGeoError, { maximumAge: 60000, timeout: 5000, enableHighAccuracy: true });
|
|
event.stopPropagation();
|
|
return false;
|
|
}
|
|
|
|
var onGeoSuccess = function(position) {
|
|
/* console.log('Latitude: ' + position.coords.latitude + '\n' +
|
|
'Longitude: ' + position.coords.longitude + '\n' +
|
|
'Altitude: ' + position.coords.altitude + '\n' +
|
|
'Accuracy: ' + position.coords.accuracy + '\n' +
|
|
'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +
|
|
'Heading: ' + position.coords.heading + '\n' +
|
|
'Speed: ' + position.coords.speed + '\n' +
|
|
'Timestamp: ' + new Date(position.timestamp) + '\n');
|
|
*/
|
|
var latitude = parseFloat( position.coords.latitude );
|
|
var longitude = parseFloat( position.coords.longitude );
|
|
|
|
//set a delay to allow transition to complete before requesting data
|
|
setTimeout( function () {
|
|
var filtered = filterMarketsByGeo( latitude, longitude );
|
|
|
|
var view = { title: "Nearby",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.findNearbyView()
|
|
};
|
|
|
|
view.view.children().remove();
|
|
view.view.append( viewAssembler.nearbyMarketsView( latitude, longitude, filtered ) );
|
|
window.viewNavigator.replaceView( view );
|
|
}, 600 );
|
|
};
|
|
|
|
// onError Callback receives a PositionError object
|
|
//
|
|
function onGeoError(error) {
|
|
/* alert('code: ' + error.code + '\n' +
|
|
'message: ' + error.message + '\n');
|
|
*/
|
|
|
|
//wait for transition complete
|
|
setTimeout( function() {
|
|
var view = { title: "Nearby",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.geoPermissionDenied()
|
|
};
|
|
window.viewNavigator.replaceView( view );
|
|
}, 500);
|
|
}
|
|
|
|
//find the all markets within 100 miles
|
|
function filterMarketsByGeo( latitude, longitude ) {
|
|
var result = [];
|
|
var startTime = new Date().getTime();
|
|
for ( var i =0; i < markets.length; i++ )
|
|
{
|
|
var lat1 = parseFloat(markets[i][9]);
|
|
var lon1 = parseFloat(markets[i][8]);
|
|
var lat2 = parseFloat(latitude);
|
|
var lon2 = parseFloat(longitude);
|
|
//console.log( lat1, lon1, lat2, lon2 );
|
|
var d = distance( lat1, lon1, lat2, lon2 );
|
|
if ( d < 100 ){
|
|
result.push( markets[i] );
|
|
}
|
|
|
|
}
|
|
//console.log( new Date().getTime() - startTime );
|
|
return result;
|
|
}
|
|
|
|
function distance( lat1, lon1, lat2, lon2 ) {
|
|
var R = 6371; // Radius of the earth in km
|
|
var dLat = toRad(lat2-lat1); // Javascript functions in radians
|
|
var dLon = toRad(lon2-lon1);
|
|
var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
|
|
Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) *
|
|
Math.sin(dLon/2) * Math.sin(dLon/2);
|
|
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
|
|
var d = R * c; // Distance in km
|
|
var m = 6 / 1.609344; // Distance in miles
|
|
return d;
|
|
}
|
|
|
|
function toRad(degree)
|
|
{
|
|
rad = degree* Math.PI/ 180;
|
|
return rad;
|
|
}
|
|
|
|
|
|
function scriptSuccess(data, textStatus, jqXHR) {
|
|
|
|
for ( var i=0; i<markets.length; i++ ) {
|
|
markets[i].push( i.toString() );
|
|
}
|
|
//console.log( "scriptSuccess: " + markets.length );
|
|
}
|
|
|
|
|
|
function onNearbyListItemClick( event ) {
|
|
|
|
$( "li" ).removeClass( "listSelected" );
|
|
var target = $( event.target )
|
|
if (target.get(0).nodeName.toUpperCase() != "LI") {
|
|
target=target.parent();
|
|
}
|
|
|
|
target.addClass( "listSelected" );
|
|
var index = target.attr( "index" );
|
|
index = parseInt( index );
|
|
showMarketDetails( markets[index] );
|
|
}
|
|
|
|
function showMarketDetailsFromMapClick( index ) {
|
|
|
|
setTimeout( function() {
|
|
showMarketDetails( markets[index] );
|
|
}, 50 );
|
|
}
|
|
|
|
function showMarketDetails( item ) {
|
|
var market = arrayToMarketObject(item);
|
|
var view = { title: "Market Detail",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.marketDetailsView( market )
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
}
|
|
|
|
function onSearchButtonClick( event ) {
|
|
var criteria = {};
|
|
|
|
var fields = ["state", "searchPhrase",
|
|
"credit", "wiccash", "sfmnp", "snap",
|
|
"bakedGoods", "cheese", "crafts",
|
|
"flowers", "seafood", "fruit", "herbs", "vegetables", "honey", "jams", "maple",
|
|
"meat", "nuts", "plants", "soap"];
|
|
|
|
for ( var index in fields ) {
|
|
var field = fields[ index ];
|
|
var $input = $("#search_" + field);
|
|
var value;
|
|
|
|
if ( index <= 1 ){
|
|
value = $input.val();
|
|
|
|
if ( value != undefined && value.length > 0 ) {
|
|
criteria[field] = value;
|
|
}
|
|
}
|
|
else {
|
|
value = $input.is(":checked");
|
|
if ( value == true ) {
|
|
criteria[field] = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
var markets = filterMarketsBySearchCriteria( criteria );
|
|
var view = { title: "Search Results",
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.searchResultsView( markets, criteria )
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
}
|
|
|
|
|
|
function filterMarketsBySearchCriteria( criteria ) {
|
|
var result = [];
|
|
var startTime = new Date().getTime();
|
|
for ( var i =0; i < markets.length; i++ )
|
|
{
|
|
if ( marketRowMatchesCriteria( markets[i], criteria ) ) {
|
|
result.push( markets[i] );
|
|
}
|
|
}
|
|
//console.log( new Date().getTime() - startTime );
|
|
return result;
|
|
}
|
|
|
|
function marketRowMatchesCriteria( row, criteria ) {
|
|
|
|
//state
|
|
if ( row[6] != criteria.state ) { return false; }
|
|
|
|
if ( criteria.credit == true ) { if ( row[11] != "Y" ) return false; };
|
|
if ( criteria.wic == true ) { if ( row[12] != "Y" ) return false; };
|
|
if ( criteria.wiccash == true ) { if ( row[13] != "Y" ) return false; };
|
|
if ( criteria.sfmnp == true ) { if ( row[14] != "Y" ) return false; };
|
|
if ( criteria.snap == true ) { if ( row[15] != "Y" ) return false; };
|
|
|
|
|
|
if ( criteria.bakedGoods == true ) { if ( row[16] != "Y" ) return false; };
|
|
if ( criteria.cheese == true ) { if ( row[17] != "Y" ) return false; };
|
|
if ( criteria.crafts == true ) { if ( row[18] != "Y" ) return false; };
|
|
if ( criteria.flowers == true ) { if ( row[19] != "Y" ) return false; };
|
|
if ( criteria.seafood == true ) { if ( row[20] != "Y" ) return false; };
|
|
if ( criteria.fruit == true ) { if ( row[21] != "Y" ) return false; };
|
|
if ( criteria.herbs == true ) { if ( row[22] != "Y" ) return false; };
|
|
if ( criteria.vegetables == true ) { if ( row[23] != "Y" ) return false; };
|
|
if ( criteria.honey == true ) { if ( row[24] != "Y" ) return false; };
|
|
if ( criteria.jams == true ) { if ( row[25] != "Y" ) return false; };
|
|
if ( criteria.maple == true ) { if ( row[26] != "Y" ) return false; };
|
|
if ( criteria.meat == true ) { if ( row[27] != "Y" ) return false; };
|
|
if ( criteria.nuts == true ) { if ( row[28] != "Y" ) return false; };
|
|
if ( criteria.plants == true ) { if ( row[29] != "Y" ) return false; };
|
|
if ( criteria.soap == true ) { if ( row[31] != "Y" ) return false; };
|
|
|
|
//searchString last
|
|
if ( criteria.searchPhrase != undefined && criteria.searchPhrase.length > 0 ) {
|
|
var tokens = criteria.searchPhrase.split(" ");
|
|
var result = true;
|
|
for ( var i=0; i<tokens.length; i++) {
|
|
if (!result) {
|
|
break;
|
|
}
|
|
var regexp = new RegExp(tokens[i], "i");
|
|
var iterationResult = false;
|
|
if ( regexp.test( row[1] ) ) { iterationResult = true; };
|
|
if ( regexp.test( row[4] ) ) { iterationResult = true; };
|
|
if ( regexp.test( row[5] ) ) { iterationResult = true; };
|
|
if ( regexp.test( row[7] ) ) { iterationResult = true; };
|
|
if ( regexp.test( row[10] ) ) { iterationResult = true; };
|
|
result = iterationResult && result;
|
|
}
|
|
return result;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
function criteriaToString( criteria ) {
|
|
var result = criteria.state;
|
|
|
|
if (criteria.searchPhrase) {
|
|
result += ", '" + criteria.searchPhrase + "'";
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
function arrayToMarketObject( arr ) {
|
|
var fields=["fmid","marketName","website","street","city","county","state","zip","x","y","location","credit","wic","wiccash","sfmnp","snap","bakedgoods","cheese","crafts","flowers","seafood","fruit","herbs","vegetables","honey","jams","maple","meat","nuts","plants","prepared","soap","index"];
|
|
var result = {};
|
|
for ( var index in arr ) {
|
|
if ( index <= 10 || index >= 32 ) {
|
|
result[ fields[index] ] = arr[ index ];
|
|
}
|
|
else {
|
|
result[ fields[index] ] = (arr[ index ] == "Y");
|
|
}
|
|
}
|
|
|
|
result.paymentDetail = result.credit || result.wic || result.wicash || result.sfmnp || result.snap;
|
|
result.productDetail = result.bakedgoods || result.cheese || result.crafts || result.flowers || result.seafood || result.fruit || result.herbs || result.vegetables || result.honey || result.jams || result.maple || result.meat || result.nuts || result.plants || result.prepared || result.soap;
|
|
|
|
return result;
|
|
}
|
|
|
|
function openExternalURL( url ) {
|
|
|
|
var result=confirm("You will leave the Farmers Market Finder App. Continue?");
|
|
if (result==true) {
|
|
window.open( url, '_blank' );
|
|
}
|
|
}
|
|
|
|
function viewInMap( index ) {
|
|
var market = arrayToMarketObject( markets[index] );
|
|
|
|
var view = { title: market.marketName,
|
|
backLabel: (isTablet() ? "Back" : " "),
|
|
view: viewAssembler.marketMapView( market ),
|
|
scroll:false
|
|
};
|
|
window.viewNavigator.pushView( view );
|
|
}
|
|
|
|
function getDirections( index ) {
|
|
var market = arrayToMarketObject( markets[index] );
|
|
|
|
var result=confirm("You will leave the Farmers Market Finder App. Continue?");
|
|
if (result==true) {
|
|
|
|
var win = navigator.userAgent.search( "Windows Phone" ) >= 0;
|
|
var android = navigator.userAgent.search( "Android" ) >= 0;
|
|
|
|
/*if (win) {
|
|
window.open( ('maps:' + market.y + ',' + market.x), '_blank' );
|
|
}
|
|
else
|
|
*/
|
|
if (android) {
|
|
navigator.app.loadUrl( 'http://maps.google.com/maps?q=' + market.y + ',' + market.x);
|
|
}
|
|
else {
|
|
window.open( ('http://maps.google.com/maps?q=' + market.y + ',' + market.x), '_blank' );
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
document.addEventListener("deviceready", onDeviceReady, false);
|
|
|
|
function onDeviceReady() {
|
|
document.addEventListener("backbutton", onBackKey, false);
|
|
}
|
|
|
|
function onBackKey( event ) {
|
|
if ( window.viewNavigator.history.length > 1 ){
|
|
event.preventDefault();
|
|
window.viewNavigator.popView();
|
|
return false;
|
|
}
|
|
navigator.app.exitApp();
|
|
}
|
|
|
|
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); |