mirror of
https://github.com/Ekokumppanit/CalCalc.git
synced 2026-01-26 03:04:04 +00:00
423 lines
14 KiB
JavaScript
423 lines
14 KiB
JavaScript
$.fn.show_message = function (message) {
|
|
return this.each(function () {
|
|
$(this).parent('div').parent().children('.' + message + '-msg').removeClass('hide');
|
|
});
|
|
};
|
|
|
|
$.fn.hide_message = function (message) {
|
|
return this.each(function () {
|
|
$(this).parent('div').parent().children('.' + message + '-msg').addClass('hide');
|
|
});
|
|
};
|
|
|
|
$.fn.valueChanged = function (callback) {
|
|
return this.each(function () {
|
|
var el = $(this),
|
|
prev = null,
|
|
focus = function () {
|
|
prev = el.attr('value');
|
|
},
|
|
change = function () {
|
|
var val = el.attr('value');
|
|
if (val !== prev) {
|
|
prev = val;
|
|
callback.apply(this);
|
|
}
|
|
};
|
|
el.bind('focus', focus).bind('blur', change).bind('keyup', change);
|
|
});
|
|
};
|
|
|
|
var toFloat = function (str) {
|
|
return Number(str.replace(/,/g, '.'));
|
|
};
|
|
var displayFloat = function (num) {
|
|
return num.toString().replace(/\./g, ',');
|
|
};
|
|
|
|
// Okay, this should have been done using eq. JQuery-BBQ
|
|
// But changing it now would require some hacks as we don't want to break
|
|
// existing urls.
|
|
// (places=place+1;place+2 vs. places[]=place+1&places[]=place+2)
|
|
var HashSave = {
|
|
settings: {
|
|
filter: null,
|
|
types: {},
|
|
display: {}
|
|
},
|
|
init: function (settings) {
|
|
$.extend(true, HashSave.settings, settings);
|
|
},
|
|
save: function (dict) {
|
|
var hash = [],
|
|
encode = function (value) {
|
|
if (typeof value === 'string') {
|
|
return value.replace(/\ /g, '+');
|
|
}
|
|
return value;
|
|
};
|
|
|
|
for (var key in dict) {
|
|
if ((1 + $.inArray(key, HashSave.settings.ignored)) ||
|
|
HashSave.settings.filter === null ||
|
|
HashSave.settings.filter(key)) {
|
|
continue;
|
|
}
|
|
|
|
var val;
|
|
if ($.isArray(dict[key])) {
|
|
var r = [];
|
|
for (var i in dict[key]) {
|
|
r.push(encode(dict[key][i]));
|
|
}
|
|
val = r.join(';');
|
|
} else {
|
|
val = encode(dict[key]);
|
|
}
|
|
hash.push(key + '=' + val);
|
|
}
|
|
|
|
location.hash = '!' + hash.join('&');
|
|
},
|
|
load: function (dict) {
|
|
var hash = location.hash,
|
|
display = HashSave.settings.display,
|
|
decode = function (type, value) {
|
|
if (type === 'string') {
|
|
return value.replace(/\+/g, ' ');
|
|
} else if (type === 'Number') {
|
|
return toFloat(value);
|
|
}
|
|
return value;
|
|
},
|
|
types = HashSave.settings.types;
|
|
|
|
if (!hash || hash[1] !== '!') return false;
|
|
|
|
hash = hash.slice(2).split('&');
|
|
for (var i in hash) {
|
|
var a = hash[i].split('='),
|
|
key = a[0], value = a[1];
|
|
|
|
if ($.isArray(types[key])) {
|
|
value = value.split(';');
|
|
for (var b in value) {
|
|
value[b] = decode(types[key][b], value[b]);
|
|
}
|
|
} else {
|
|
value = decode(types[key], value);
|
|
}
|
|
|
|
console.log(value);
|
|
dict[key] = value;
|
|
if (key in display) {
|
|
display[key]();
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
};
|
|
|
|
var CalCalc = {
|
|
mets: {
|
|
bike: {
|
|
text: 'Pyöräillen',
|
|
text2: 'pyöräilen',
|
|
travelMode: google.maps.TravelMode.BICYCLING,
|
|
googleLink: '&mra=ltm&lci=bike&z=14&oq=mann&t=h&dirflg=b',
|
|
data: {
|
|
18: {activity: 'Hidas', met: 6.8, description: '16-19 km/h'},
|
|
21: {activity: 'Normaali', met: 8.0, description: '19-23 km/h'},
|
|
24: {activity: 'Nopea', met: 10.0, description: '23-26 km/h'}
|
|
}
|
|
},
|
|
foot: {
|
|
text: 'Jalan',
|
|
text2: 'kuljen jalan',
|
|
travelMode: google.maps.TravelMode.WALKING,
|
|
googleLink: '&t=h&dirflg=w&mra=ltm&z=14',
|
|
data: {
|
|
5: {activity: 'Kävely', met: 3.0, description: '70 m/min'},
|
|
12: {activity: 'Juoksu', met: 11.8, description: '200 m/min'}
|
|
}
|
|
}
|
|
},
|
|
genders: {
|
|
0: 'Puuttuu',
|
|
1: 'Mies',
|
|
2: 'Nainen'
|
|
},
|
|
calories: [
|
|
{name: 'omenaa', kcal: 46},
|
|
{name: 'maitolasillista', kcal: 100},
|
|
{name: 'jäätelötuuttia', kcal: 200},
|
|
{name: 'korvapuustia', kcal: 380},
|
|
{name: 'hampurilaista', kcal: 500},
|
|
{name: 'pakastepizzaa', kcal: 900},
|
|
{name: 'sipsipussia', kcal: 1800}
|
|
],
|
|
vars: {
|
|
places: [null, null],
|
|
calories: 0,
|
|
weight: 70, // default weight
|
|
distance: 0,
|
|
method: ['bike', 21],
|
|
gender: 0
|
|
},
|
|
settings: {
|
|
reporting: false
|
|
},
|
|
display: {
|
|
places: function () {
|
|
$("#place1").attr('value', CalCalc.vars.places[0]);
|
|
$("#place2").attr('value', CalCalc.vars.places[1]);
|
|
},
|
|
calories: function () {
|
|
$('#calories').html(CalCalc.vars.calories);
|
|
},
|
|
distance: function () {
|
|
$('#distance').attr('value', displayFloat(CalCalc.vars.distance));
|
|
},
|
|
weight: function () {
|
|
$('#weight').attr('value', displayFloat(CalCalc.vars.weight));
|
|
},
|
|
method: function () {
|
|
var el = $('#selectedSpeed');
|
|
el.find('.activity').html(CalCalc.mets[CalCalc.vars.method[0]].text + ', ' + CalCalc.mets[CalCalc.vars.method[0]].data[CalCalc.vars.method[1]].activity);
|
|
el.find('.description').html(CalCalc.mets[CalCalc.vars.method[0]].data[CalCalc.vars.method[1]].description);
|
|
|
|
$('#speed li').removeClass('active');
|
|
$('#speed a[data-method=' + CalCalc.vars.method[0] + '][data-speed=' + CalCalc.vars.method[1] + ']').parent().addClass('active');
|
|
},
|
|
url: function (value) {
|
|
return value.replace(/\ /g, '+');
|
|
}
|
|
},
|
|
onReady: function () {
|
|
// Google Places Autocomplete
|
|
var autocompleteOptions = {componentRestrictions: {country: 'fi'}, types: ['geocode']},
|
|
place1complete = new google.maps.places.Autocomplete($('#place1').get(0), autocompleteOptions),
|
|
place2complete = new google.maps.places.Autocomplete($('#place2').get(0), autocompleteOptions);
|
|
|
|
// Activate inputs with prefilled data
|
|
$('#weight').attr('placeholder', CalCalc.vars.weight);
|
|
$('#distance').attr('placeholder', CalCalc.vars.distance);
|
|
var speedList = '';
|
|
for (var method in CalCalc.mets) {
|
|
speedList += '<li class="nav-header">' + CalCalc.mets[method].text + '</li>';
|
|
for (var speed in CalCalc.mets[method].data) {
|
|
speedList += '<li><a href="#" data-method="' + method + '" data-speed="' + speed + '">' + CalCalc.mets[method].data[speed].activity + '</a></li>';
|
|
}
|
|
}
|
|
$('#speed').html(speedList);
|
|
CalCalc.display.method();
|
|
|
|
// Update variables if input value changes
|
|
$('#place1, #place2').bind('keyup', function (event) {
|
|
if (event.keyCode === 13) {
|
|
if (CalCalc.addressChange()) {
|
|
$(this).blur();
|
|
$(this).addClass('focus');
|
|
}
|
|
}
|
|
});
|
|
$('#compute').click(CalCalc.addressChange);
|
|
$('#weight').valueChanged(CalCalc.weightChange);
|
|
$('#distance').valueChanged(CalCalc.distanceChange);
|
|
$('#speed').find('a').click(CalCalc.speedChange);
|
|
$('#gender').find('button').click(CalCalc.genderChange);
|
|
|
|
HashSave.init({
|
|
ignored: ['gender', 'calories'],
|
|
filter: function (key) {
|
|
// Skip distance if both places are set
|
|
// Skip places if either of places is null
|
|
return ((CalCalc.vars.places[0] !== null && CalCalc.vars.places[1] !== null) && key === 'distance') ||
|
|
((CalCalc.vars.places[0] === null || CalCalc.vars.places[1] === null) && key === 'places');
|
|
},
|
|
types: {
|
|
calories: 'Number',
|
|
weight: 'Number',
|
|
distance: 'Number',
|
|
method: ['string', 'Number'],
|
|
places: ['string', 'string']
|
|
},
|
|
display: CalCalc.display
|
|
});
|
|
|
|
|
|
// Read hashbang
|
|
if (HashSave.load(CalCalc.vars)) {
|
|
if (CalCalc.vars.places[0] !== null && CalCalc.vars.places[1] !== null) {
|
|
CalCalc.updateRoute();
|
|
} else {
|
|
CalCalc.update();
|
|
}
|
|
}
|
|
|
|
// Android - Dropdown fix - Bootstrap 2.1.1
|
|
// https://github.com/twitter/bootstrap/issues/4550
|
|
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
$('a.dropdown-toggle').on('touchstart', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
},
|
|
update: function () {
|
|
var reportTimeout = null;
|
|
return function () {
|
|
if (CalCalc.vars.distance !== null &&
|
|
CalCalc.vars.method[0] !== null && CalCalc.vars.method[1] !== null &&
|
|
CalCalc.vars.weight !== null) {
|
|
|
|
var duration = CalCalc.vars.distance / CalCalc.vars.method[1], // -> hours
|
|
met = CalCalc.mets[CalCalc.vars.method[0]].data[CalCalc.vars.method[1]].met;
|
|
|
|
CalCalc.vars.calories = (met * CalCalc.vars.weight * duration).toFixed(0);
|
|
|
|
CalCalc.display.calories();
|
|
|
|
var multi,
|
|
food,
|
|
fuu = 0;
|
|
|
|
for (var i in CalCalc.calories) {
|
|
if (CalCalc.vars.calories > CalCalc.calories[i].kcal) {
|
|
fuu = i;
|
|
}
|
|
}
|
|
|
|
food = CalCalc.calories[fuu].name;
|
|
multi = (CalCalc.vars.calories / CalCalc.calories[fuu].kcal).toFixed(2);
|
|
if (multi > 0) {
|
|
$('#control').html(', tämä vastaa ' + displayFloat(multi) + ' ' + food);
|
|
} else {
|
|
$('#control').html('');
|
|
}
|
|
|
|
|
|
// 5 sec after latest update, report values
|
|
clearTimeout(reportTimeout);
|
|
reportTimeout = setTimeout(CalCalc.report, 5000);
|
|
|
|
HashSave.save(CalCalc.vars);
|
|
}
|
|
};
|
|
}(),
|
|
distanceChange: function () {
|
|
var el = $('#distance').removeClass('from-route'),
|
|
distance = toFloat(el.attr('value'));
|
|
|
|
if (!isNaN(distance)) {
|
|
CalCalc.vars.places[0] = null;
|
|
CalCalc.vars.places[1] = null;
|
|
$('#place1').attr('value', '').hide_message('error');
|
|
$('#place2').attr('value', '').hide_message('error').hide_message('zero-results').hide_message('google-maps');
|
|
|
|
CalCalc.vars.distance = distance || 0;
|
|
el.hide_message('error');
|
|
CalCalc.update();
|
|
} else {
|
|
CalCalc.vars.distance = null;
|
|
el.show_message('error');
|
|
}
|
|
},
|
|
weightChange: function () {
|
|
var el = $(this),
|
|
weight = toFloat(el.attr('value'));
|
|
|
|
if (!isNaN(weight)) {
|
|
CalCalc.vars.weight = weight || toFloat(el.attr('placeholder'));
|
|
el.hide_message('error');
|
|
CalCalc.update();
|
|
} else {
|
|
// Parse error - weight not number
|
|
CalCalc.vars.weight = null;
|
|
el.show_message('error');
|
|
}
|
|
},
|
|
speedChange: function (e) {
|
|
e.preventDefault();
|
|
|
|
var data = $(this).data('speed');
|
|
var data2 = $(this).data('method');
|
|
if (data2 in CalCalc.mets && data in CalCalc.mets[data2].data) {
|
|
CalCalc.vars.method = [data2, data];
|
|
CalCalc.display.method();
|
|
if (!CalCalc.updateRoute()) {
|
|
CalCalc.update();
|
|
}
|
|
}
|
|
},
|
|
genderChange: function () {
|
|
var data = $(this).data('gender');
|
|
if (data in CalCalc.genders) {
|
|
CalCalc.vars.gender = data;
|
|
}
|
|
},
|
|
addressChange: function () {
|
|
CalCalc.vars.places[0] = $("#place1").attr('value');
|
|
CalCalc.vars.places[1] = $("#place2").attr('value');
|
|
CalCalc.updateRoute();
|
|
|
|
return CalCalc.vars.places[0] !== '' && CalCalc.vars.places[1] !== '';
|
|
},
|
|
updateRoute: function () {
|
|
var service = new google.maps.DirectionsService();
|
|
return function () {
|
|
$("#place2").hide_message('zero-results').hide_message('not-found');
|
|
if (!CalCalc.vars.places[0] || !CalCalc.vars.places[1]) return false;
|
|
|
|
var request = {
|
|
destination: CalCalc.vars.places[1],
|
|
origin: CalCalc.vars.places[0],
|
|
travelMode: CalCalc.mets[CalCalc.vars.method[0]].travelMode,
|
|
region: 'fi'
|
|
};
|
|
|
|
service.route(request, function (result, status) {
|
|
// console.log(status);
|
|
if (status === google.maps.DirectionsStatus.ZERO_RESULTS) {
|
|
$("#place2").show_message('zero-results').hide_message('google-maps');
|
|
} else if (status === google.maps.DirectionsStatus.NOT_FOUND) {
|
|
$("#place2").show_message('not-found').hide_message('google-maps');
|
|
} else if (status === google.maps.DirectionsStatus.OK && result.routes.length !== 0 || result.routes[0].legs.length !== 0) {
|
|
$("#place2").show_message('google-maps');
|
|
$(".google-maps-msg").attr('href', 'https://maps.google.com/maps?saddr=' + CalCalc.display.url(CalCalc.vars.places[0]) + '&daddr=' + CalCalc.display.url(CalCalc.vars.places[1]) + CalCalc.mets[CalCalc.vars.method[0]].googleLink);
|
|
|
|
// console.log(result.routes[0].legs[0]);
|
|
CalCalc.vars.places[0] = result.routes[0].legs[0].start_address;
|
|
CalCalc.vars.places[1] = result.routes[0].legs[0].end_address;
|
|
CalCalc.display.places();
|
|
|
|
CalCalc.vars.distance = result.routes[0].legs[0].distance.value / 1000; // m -> km
|
|
$('#distance').addClass('from-route').hide_message('error');//.attr('value', displayFloat(CalCalc.vars.distance.toFixed(2)));
|
|
CalCalc.display.distance();
|
|
CalCalc.update();
|
|
}
|
|
|
|
// Now that input value has been changed, focus can be returned to it.
|
|
$("#place1, #place2").filter(".focus").focus().removeClass('focus');
|
|
});
|
|
return true;
|
|
};
|
|
}(),
|
|
report: function () {
|
|
if (CalCalc.vars.distance > 100 || !CalCalc.settings.reporting) return;
|
|
|
|
_gaq.push(['_trackEvent', 'CalCalc', 'Weight', 'Weight', Number(CalCalc.vars.weight.toFixed(0)), true]);
|
|
_gaq.push(['_trackEvent', 'CalCalc', 'Distance', 'Distance', Number(CalCalc.vars.distance.toFixed(0)), true]);
|
|
_gaq.push(['_trackEvent', 'CalCalc', 'Kilocalories', 'Kilocalories', Number(CalCalc.vars.calories), true]);
|
|
_gaq.push(['_trackEvent', 'CalCalc', 'Gender', CalCalc.genders[CalCalc.vars.gender], undefined, true]);
|
|
}
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
$('[rel=tooltip]').tooltip({
|
|
container: 'body'
|
|
});
|
|
CalCalc.onReady();
|
|
});
|