mirror of
https://github.com/Ekokumppanit/CalCalc.git
synced 2026-01-26 11:14:03 +00:00
Init
This commit is contained in:
Juho Teperi
422
main.js
Normal file
422
main.js
Normal file
@@ -0,0 +1,422 @@
|
||||
$.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();
|
||||
});
|
||||
Reference in New Issue
Block a user