--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/resources/manifest/tracker.manifest Tue Aug 23 16:43:08 2011 -0400
@@ -0,0 +1,7 @@
+CACHE MANIFEST
+
+/tracker
+/styles/tracker.css
+/scripts/tracker.js
+/scripts/json2.js
+
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/resources/scripts/json2.js Tue Aug 23 16:43:08 2011 -0400
@@ -0,0 +1,480 @@
+/*
+ http://www.JSON.org/json2.js
+ 2011-02-23
+
+ Public Domain.
+
+ NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+ See http://www.JSON.org/js.html
+
+
+ This code should be minified before deployment.
+ See http://javascript.crockford.com/jsmin.html
+
+ USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+ NOT CONTROL.
+
+
+ This file creates a global JSON object containing two methods: stringify
+ and parse.
+
+ JSON.stringify(value, replacer, space)
+ value any JavaScript value, usually an object or array.
+
+ replacer an optional parameter that determines how object
+ values are stringified for objects. It can be a
+ function or an array of strings.
+
+ space an optional parameter that specifies the indentation
+ of nested structures. If it is omitted, the text will
+ be packed without extra whitespace. If it is a number,
+ it will specify the number of spaces to indent at each
+ level. If it is a string (such as '\t' or ' '),
+ it contains the characters used to indent at each level.
+
+ This method produces a JSON text from a JavaScript value.
+
+ When an object value is found, if the object contains a toJSON
+ method, its toJSON method will be called and the result will be
+ stringified. A toJSON method does not serialize: it returns the
+ value represented by the name/value pair that should be serialized,
+ or undefined if nothing should be serialized. The toJSON method
+ will be passed the key associated with the value, and this will be
+ bound to the value
+
+ For example, this would serialize Dates as ISO strings.
+
+ Date.prototype.toJSON = function (key) {
+ function f(n) {
+ // Format integers to have at least two digits.
+ return n < 10 ? '0' + n : n;
+ }
+
+ return this.getUTCFullYear() + '-' +
+ f(this.getUTCMonth() + 1) + '-' +
+ f(this.getUTCDate()) + 'T' +
+ f(this.getUTCHours()) + ':' +
+ f(this.getUTCMinutes()) + ':' +
+ f(this.getUTCSeconds()) + 'Z';
+ };
+
+ You can provide an optional replacer method. It will be passed the
+ key and value of each member, with this bound to the containing
+ object. The value that is returned from your method will be
+ serialized. If your method returns undefined, then the member will
+ be excluded from the serialization.
+
+ If the replacer parameter is an array of strings, then it will be
+ used to select the members to be serialized. It filters the results
+ such that only members with keys listed in the replacer array are
+ stringified.
+
+ Values that do not have JSON representations, such as undefined or
+ functions, will not be serialized. Such values in objects will be
+ dropped; in arrays they will be replaced with null. You can use
+ a replacer function to replace those with JSON values.
+ JSON.stringify(undefined) returns undefined.
+
+ The optional space parameter produces a stringification of the
+ value that is filled with line breaks and indentation to make it
+ easier to read.
+
+ If the space parameter is a non-empty string, then that string will
+ be used for indentation. If the space parameter is a number, then
+ the indentation will be that many spaces.
+
+ Example:
+
+ text = JSON.stringify(['e', {pluribus: 'unum'}]);
+ // text is '["e",{"pluribus":"unum"}]'
+
+
+ text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+ // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+ text = JSON.stringify([new Date()], function (key, value) {
+ return this[key] instanceof Date ?
+ 'Date(' + this[key] + ')' : value;
+ });
+ // text is '["Date(---current time---)"]'
+
+
+ JSON.parse(text, reviver)
+ This method parses a JSON text to produce an object or array.
+ It can throw a SyntaxError exception.
+
+ The optional reviver parameter is a function that can filter and
+ transform the results. It receives each of the keys and values,
+ and its return value is used instead of the original value.
+ If it returns what it received, then the structure is not modified.
+ If it returns undefined then the member is deleted.
+
+ Example:
+
+ // Parse the text. Values that look like ISO date strings will
+ // be converted to Date objects.
+
+ myData = JSON.parse(text, function (key, value) {
+ var a;
+ if (typeof value === 'string') {
+ a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+ if (a) {
+ return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+ +a[5], +a[6]));
+ }
+ }
+ return value;
+ });
+
+ myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+ var d;
+ if (typeof value === 'string' &&
+ value.slice(0, 5) === 'Date(' &&
+ value.slice(-1) === ')') {
+ d = new Date(value.slice(5, -1));
+ if (d) {
+ return d;
+ }
+ }
+ return value;
+ });
+
+
+ This is a reference implementation. You are free to copy, modify, or
+ redistribute.
+*/
+
+/*jslint evil: true, strict: false, regexp: false */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+ call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+ getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+ lastIndex, length, parse, prototype, push, replace, slice, stringify,
+ test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+var JSON;
+if (!JSON) {
+ JSON = {};
+}
+
+(function () {
+ "use strict";
+
+ function f(n) {
+ // Format integers to have at least two digits.
+ return n < 10 ? '0' + n : n;
+ }
+
+ if (typeof Date.prototype.toJSON !== 'function') {
+
+ Date.prototype.toJSON = function (key) {
+
+ return isFinite(this.valueOf()) ?
+ this.getUTCFullYear() + '-' +
+ f(this.getUTCMonth() + 1) + '-' +
+ f(this.getUTCDate()) + 'T' +
+ f(this.getUTCHours()) + ':' +
+ f(this.getUTCMinutes()) + ':' +
+ f(this.getUTCSeconds()) + 'Z' : null;
+ };
+
+ String.prototype.toJSON =
+ Number.prototype.toJSON =
+ Boolean.prototype.toJSON = function (key) {
+ return this.valueOf();
+ };
+ }
+
+ var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+ escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+ gap,
+ indent,
+ meta = { // table of character substitutions
+ '\b': '\\b',
+ '\t': '\\t',
+ '\n': '\\n',
+ '\f': '\\f',
+ '\r': '\\r',
+ '"' : '\\"',
+ '\\': '\\\\'
+ },
+ rep;
+
+
+ function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+ escapable.lastIndex = 0;
+ return escapable.test(string) ? '"' + string.replace(escapable, function (a) {
+ var c = meta[a];
+ return typeof c === 'string' ? c :
+ '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+ }) + '"' : '"' + string + '"';
+ }
+
+
+ function str(key, holder) {
+
+// Produce a string from holder[key].
+
+ var i, // The loop counter.
+ k, // The member key.
+ v, // The member value.
+ length,
+ mind = gap,
+ partial,
+ value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+ if (value && typeof value === 'object' &&
+ typeof value.toJSON === 'function') {
+ value = value.toJSON(key);
+ }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+ if (typeof rep === 'function') {
+ value = rep.call(holder, key, value);
+ }
+
+// What happens next depends on the value's type.
+
+ switch (typeof value) {
+ case 'string':
+ return quote(value);
+
+ case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+ return isFinite(value) ? String(value) : 'null';
+
+ case 'boolean':
+ case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+ return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+ case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+ if (!value) {
+ return 'null';
+ }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+ gap += indent;
+ partial = [];
+
+// Is the value an array?
+
+ if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+ length = value.length;
+ for (i = 0; i < length; i += 1) {
+ partial[i] = str(i, value) || 'null';
+ }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+ v = partial.length === 0 ? '[]' : gap ?
+ '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' :
+ '[' + partial.join(',') + ']';
+ gap = mind;
+ return v;
+ }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+ if (rep && typeof rep === 'object') {
+ length = rep.length;
+ for (i = 0; i < length; i += 1) {
+ if (typeof rep[i] === 'string') {
+ k = rep[i];
+ v = str(k, value);
+ if (v) {
+ partial.push(quote(k) + (gap ? ': ' : ':') + v);
+ }
+ }
+ }
+ } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+ for (k in value) {
+ if (Object.prototype.hasOwnProperty.call(value, k)) {
+ v = str(k, value);
+ if (v) {
+ partial.push(quote(k) + (gap ? ': ' : ':') + v);
+ }
+ }
+ }
+ }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+ v = partial.length === 0 ? '{}' : gap ?
+ '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' :
+ '{' + partial.join(',') + '}';
+ gap = mind;
+ return v;
+ }
+ }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+ if (typeof JSON.stringify !== 'function') {
+ JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+ var i;
+ gap = '';
+ indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+ if (typeof space === 'number') {
+ for (i = 0; i < space; i += 1) {
+ indent += ' ';
+ }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+ } else if (typeof space === 'string') {
+ indent = space;
+ }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+ rep = replacer;
+ if (replacer && typeof replacer !== 'function' &&
+ (typeof replacer !== 'object' ||
+ typeof replacer.length !== 'number')) {
+ throw new Error('JSON.stringify');
+ }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+ return str('', {'': value});
+ };
+ }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+ if (typeof JSON.parse !== 'function') {
+ JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+ var j;
+
+ function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+ var k, v, value = holder[key];
+ if (value && typeof value === 'object') {
+ for (k in value) {
+ if (Object.prototype.hasOwnProperty.call(value, k)) {
+ v = walk(value, k);
+ if (v !== undefined) {
+ value[k] = v;
+ } else {
+ delete value[k];
+ }
+ }
+ }
+ }
+ return reviver.call(holder, key, value);
+ }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+ text = String(text);
+ cx.lastIndex = 0;
+ if (cx.test(text)) {
+ text = text.replace(cx, function (a) {
+ return '\\u' +
+ ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+ });
+ }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+ if (/^[\],:{}\s]*$/
+ .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+ .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+ .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+ j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+ return typeof reviver === 'function' ?
+ walk({'': j}, '') : j;
+ }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+ throw new SyntaxError('JSON.parse');
+ };
+ }
+}());
--- a/src/main/resources/scripts/tracker.js Tue Aug 23 16:42:51 2011 -0400
+++ b/src/main/resources/scripts/tracker.js Tue Aug 23 16:43:08 2011 -0400
@@ -1,168 +1,214 @@
+var Const = {
+ KM : "km",
+ KM_UNIT : 1,
+ MILE_UNIT : 0.621371192,
+ MILE : "mile",
-function send(user, data) {
+ // wait for at least 2 consecutive GPS data before declaring the GPS ready
+ GPS_MAX_ERRORS : 2,
+};
+
+var Util = {
+ store : {
+ enabled : (function() {
+ try {
+ return !!window.localStorage.getItem;
+ } catch (e) {
+ return false;
+ }
+ })(),
+ set : function (key, value) {
+ try {
+ window.localStorage.setItem(key, JSON.stringify(value));
+ return true;
+ } catch (e) { };
+ return false;
+ },
+ get : function (key) {
+ try {
+ var value = window.localStorage.getItem(key);
+ return ((value != null)? JSON.parse(value) : null);
+ } catch (e) { };
+ return null;
+ }
+ },
+
+ log : function (msg) {
+ var element = document.getElementById("log");
+ if (element != null) element.textContent = msg;
+ },
+
+ // pretty formatting of numbers
+ formatNumber : function (n) {
+ return (n < 10)? "0" + n : n;
+ },
+
+ // pretty formatting of time
+ formatTime : function (time) {
+ t = parseInt(time);
+ hours = parseInt(t / 3600);
+ minutes = parseInt(t / 60);
+ seconds = t - ((hours * 3600) + (minutes * 60));
+ return ((hours > 0)? Util.formatNumber(hours) + ":": "") + Util.formatNumber(minutes) + ":" + Util.formatNumber(seconds);
+ },
+
+ // send information to the server as JSON
+ sendAsJSON : function (uri, data) {
var xhr = new XMLHttpRequest;
try {
- xhr.open("POST", "/user/" + user + "/run", true);
+ xhr.open("POST", uri, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
if (xhr.status != 200) { // this needs to be 201
- document.getElementById("log").textContent = "xhr failed? [" + xhr.status + "] " + xhr.statusText;
+ Util.log("xhr failed? [" + xhr.status + "] " + xhr.statusText);
} else {
- document.getElementById("log").textContent = "resource created at " + xhr.getResponseHeader("Location");
+ Util.log("resource created at " + xhr.getResponseHeader("Location"));
}
} else {
- document.getElementById("log").textContent = "xhr readyState is " + xhr.readyState;
+ Util.log("xhr readyState is " + xhr.readyState);
}
};
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Content-Length", data.length);
- xhr.send(data);
+ xhr.send(JSON.stringify(data));
} catch (e) {
- document.getElementById("log").textContent = "Failed to send to server " + e;
+ Util.log("Failed to send to server " + e);
return false;
}
return true;
-}
-
-var storage = (function() {
- try {
- return !!window.localStorage.getItem;
- } catch (e) {
- return false;
- }
-})();
-
-
-
-var watchId = 0;
-var running = false;
-
-var duration = 0;
-var start_time = 0;
-var intervalId = 0;
-
-// wait for at least 5 consecutive GPS data before declaring the GPS ready
-var MAX_ERRORS = 2;
-var got_error = MAX_ERRORS;
-
-var discarded = 0;
-var locations = 0;
-
-var coordinates = [];
+ },
-var dst_unit = 1;
-
-function formatNumber(n) {
- return (n < 10)? "0" + n : n;
-}
-
-function formatTime(time) {
- t = parseInt(time);
- hours = parseInt(t / 3600);
- minutes = parseInt(t / 60);
- seconds = t - ((hours * 3600) + (minutes * 60));
- return ((hours > 0)? formatNumber(hours) + ":": "") + formatNumber(minutes) + ":" + formatNumber(seconds);
-}
+ geo : {
+ // calculate the distance in km between two GPS locations
+ calculateDistance : function (lat1, lon1, lat2, lon2) {
+ var dLat = (lat2-lat1) * Math.PI / 180;
+ var dLon = (lon2-lon1) * Math.PI / 180;
+ var lat1 = lat1 * Math.PI / 180;
+ var lat2 = lat2 * Math.PI / 180;
+ var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
+ Math.sin(dLon/2) * Math.sin(dLon/2) * Math.cos(lat1) * Math.cos(lat2);
+ // 6371 km is average earth radius
+ return 6371 * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
+ },
+
+ calculateDistanceCoordinates : function (events) {
+ var result = 0;
+ if (events.length > 0) {
+ var i = 1;
+ while (i < events.length) {
+ var position1 = events[i-1].c;
+ var position2 = events[i].c;
+ result += Util.geo.calculateDistance(position1[1], position1[0], position2[1], position2[0]);
+ i++;
+ }
+ }
+ return result;
+ },
+ // calculate the duration between geolocation coordinates
+ calculateDurationCoordinates : function (events) {
+ var result = 0;
+ if (events.length > 0) {
+ var i = 1;
+ while (i < events.length) {
+ result += (events[i].t - events[i-1].t);
+ i++;
+ }
+ }
+ return result;
+ }
+ }
+};
-
-
+var getUser = function () {
+ function dummyuser() {
+ this.name = "dummy";
+ this.weight = "73";
+ this.height = "180";
+ this.distance = "1";
+ this.prefs = { weight : "kg", height : "cm", distance : Const.KM };
+ }
+ var n = Util.store.get("track_gps_user");
+ if (n === null) n = new dummyuser();
+ n.getPostRunURI = function() { return "/user/" + this.name + "/run"; }
+ n.getProfileURI = function() { return "/user/" + this.name + "/profile"; }
+ n.setKm = function() { this.distance = Const.KM_UNIT; this.prefs.distance = Const.KM; }
+ n.setMile = function() { this.distance = Const.MILE_UNIT; this.prefs.distance = Const.MILE; }
+ n.save = function() {
+ Util.store.set("track_gps_user", this);
+ };
+
+ return n;
+};
-function pushCoordinates(position) {
- coordinates[coordinates.length] =
-// [ position.timestamp, position.coords.longitude, position.coords.latitude, position.coords.altitude, position.coords.speed ];
- [ position.timestamp, position.coords.longitude, position.coords.latitude, position.coords.altitude ];
-}
+var app = {
-function pause() {
- coordinates[coordinates.length] = [ Date.now(), "pause", 0, 0, 0, 0 ];
-}
+ user : getUser(),
-function getLastCoordinates() {
- return (coordinates.length > 0)? coordinates[coordinates.length - 1] : null;
+ // identifier for geolocation watch operation
+ watchId : 0,
+
+ // is an activity ongoing?
+ inActivity : false,
+
+ // total real time duration
+ duration : 0,
+ // start_time since start or pause
+ start_time : 0,
+
+ // identifier for setInterval timer operation
+ intervalId : 0,
+
+ // got_errors counts how many we've got
+ got_error : Const.GPS_MAX_ERRORS,
+
+ // total of geolocation data discarded
+ discarded : 0,
+
+ // total of geolocation data accepted
+ locations : 0,
+
+ // this will store all the geolocation data and pause
+ currentActivity : { activity: "http://dbpedia.org/resource/Running", events: []},
+
+};
+
+// add a geolocation position into the current activity
+app.coordinates_event = function (activity, position) {
+ var events = activity.events;
+ events[events.length] =
+ { t:position.timestamp, c: [position.coords.longitude, position.coords.latitude, position.coords.altitude] };
}
-function getCoordinates() {
- if (coordinates.length > 0 && !running) {
- var result = "[";
- var i = 0;
- while (i < coordinates.length) {
- var position = coordinates[i];
- var j = 1;
- result += "[" + position[0];
- while (j < position.length) result += "," + position[j++];
- result += "]";
- i++;
- if (i < coordinates.length) result += ",";
- }
- return result + "]";
- }
- return null;
-}
-
-function calculateDistance(lat1, lon1, lat2, lon2) {
- var R = 6371; // km
- var dLat = (lat2-lat1) * Math.PI / 180;
- var dLon = (lon2-lon1) * Math.PI / 180;
- var lat1 = lat1 * Math.PI / 180;
- var lat2 = lat2 * Math.PI / 180;
- var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
- Math.sin(dLon/2) * Math.sin(dLon/2) * Math.cos(lat1) * Math.cos(lat2);
- var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
- var d = R * c;
- return d;
+// add a pause event into the current activity
+app.pause_event = function (activity) {
+ var events = activity.events;
+ events[events.length] = { t:Date.now(), s: [ "pause" ] };
}
-
-function calculateDistanceCoordinates() {
- var result = 0;
- if (coordinates.length > 0) {
- var i = 1;
- while (i < coordinates.length) {
- var position1 = coordinates[i-1];
- var position2 = coordinates[i];
- result += calculateDistance(position1[2], position1[1], position2[2], position2[1]);
- i++;
- }
- }
- return result;
-}
-
-function calculateDurationCoordinates() {
- var result = 0;
- if (coordinates.length > 0) {
- var i = 1;
- while (i < coordinates.length) {
- var position1 = coordinates[i-1];
- var position2 = coordinates[i];
- result += (position2[0]- position1[0]);
- i++;
- }
- }
- return result;
-}
-
-function repaint() {
- if (document.visibilityState == true && running) {
- document.getElementById("locations").textContent = String(locations);
- var d = calculateDistanceCoordinates() * dst_unit;
- var t = duration + (Date.now() - start_time);
+// simply refresh the current screen data
+app.repaint = function () {
+ if (document.visibilityState && app.inActivity) {
+ document.getElementById("locations").textContent = String(app.locations);
+ var d = Util.geo.calculateDistanceCoordinates(app.currentActivity.events) * app.user.distance;
+ var t = app.duration + (Date.now() - app.start_time);
document.getElementById("distance").textContent = String(Math.round(d*100)/100);
if (t != 0 && d != 0) {
document.getElementById("speed").textContent = String(Math.round( (d / (t / 3600000)) * 100) / 100);
document.getElementById("pace").textContent = String(Math.round( ((t / 60000)/d) * 100) / 100);
}
- if (coordinates.length > 0) {
+ if (app.currentActivity.events.length > 0) {
document.getElementById("gps_text").style.display = "none";
document.getElementById("gps_data").style.display = "inline";
}
}
}
-function logGPS(position, startMsg) {
- document.getElementById("log").textContent =
+// Display a GPS location in the page
+app.logGPS = function (position, startMsg) {
+ Util.log(
startMsg + position.timestamp
+ ": " + position.coords.latitude
+ ", " + position.coords.longitude
@@ -170,34 +216,36 @@
+ ", " + position.coords.accuracy
+ ", " + position.coords.altitudeAccuracy
+ ", " + position.coords.heading
- + ", " + position.coords.speed;
+ + ", " + position.coords.speed);
}
-function handleSuccess(position) {
- if (running) {
- logGPS(position, "GPS: ");
- // discard positions that have no altitude since they're likely inacurate
+// when watchPosition is successful at returning a GPS coordinate
+app.handleSuccess = function (position) {
+ if (app.inActivity) {
+ app.logGPS(position, "GPS: ");
+
+ // discard positions with no altitude since they're likely inaccurate
if (position.coords.altitude != null) {
- pushCoordinates(position);
- locations++;
- repaint();
+ app.coordinates_event(app.currentActivity, position);
+ app.locations++;
+ app.repaint();
} else {
- document.getElementById("discarded").textContent = String(discarded++);
+ document.getElementById("discarded").textContent = String(app.discarded++);
}
} else {
if (position.coords.altitude == null) {
- got_error++;
- if (got_error > MAX_ERRORS) got_error = MAX_ERRORS;
- logGPS(position, "[ERROR] GPS: ");
+ app.got_error++;
+ if (app.got_error > Util.GPS_MAX_ERRORS) app.got_error = Util.GPS_MAX_ERRORS;
+ app.logGPS(position, "[ERROR] GPS: ");
} else {
- got_error--;
- logGPS(position, "GPS: ");
+ app.got_error--;
+ app.logGPS(position, "GPS: ");
}
- if (got_error <= 0) {
- got_error = 0;
+ if (app.got_error <= 0) {
+ app.got_error = 0;
document.getElementById("gps_text").textContent = "ready";
document.getElementById("waves").style.display = "block";
} else {
@@ -207,7 +255,8 @@
}
}
-function handleError(error) {
+// when watchPosition is not successful at returning a GPS coordinate
+app.handleError = function (error) {
var code = "unknown";
switch(error.code) {
case error.TIMEOUT:
@@ -220,90 +269,82 @@
code = "position unavailable";
break;
}
- if (running) {
- document.getElementById("errors").textContent = String(++got_error);
- document.getElementById("log").textContent = "[ERROR] GPS: " + code;
+ if (app.inActivity) {
+ document.getElementById("errors").textContent = String(++app.got_error);
+ Util.log("[ERROR] GPS: " + code);
} else {
document.getElementById("gps_text").textContent = code;
- // wait for 5 non-consecutive errors
- got_error = MAX_ERRORS;
+ // wait for MAX_ERRORS non-consecutive errors
+ app.got_error = Util.GPS_MAX_ERRORS;
}
}
-function timer() {
- if (document.visibilityState == true) {
+// Called by setInterval to display the real time
+app.timer = function () {
+ if (document.visibilityState) {
document.getElementById("realtime").textContent =
- formatTime(Math.round((duration+(Date.now()-start_time))/1000));
+ Util.formatTime(Math.round((app.duration+(Date.now()-app.start_time))/1000));
}
}
-function start() {
- if (!running) {
- running = true;
- start_time = Date.now();
- intervalId = setInterval(timer, 1000);
+// The Start / Pause button
+app.start = function () {
+ if (!app.inActivity) {
+ // start an activity
+ app.inActivity = true;
+ app.start_time = Date.now();
+ app.intervalId = setInterval(app.timer, 1000);
document.getElementById("stop").disabled = false;
document.getElementById("start").textContent = "Pause";
} else {
- running = false;
- clearInterval(intervalId);
- duration += (Date.now() - start_time);
+ // pause an activity
+ app.inActivity = false;
+ clearInterval(app.intervalId);
+ app.duration += (Date.now() - app.start_time);
document.getElementById("start").textContent = "Restart";
- pause();
+ app.pause_event(app.activity);
document.getElementById("gps_text").style.display = "inline";
document.getElementById("gps_data").style.display = "none";
}
}
-function stop() {
- navigator.geolocation.clearWatch(watchId);
- running = false;
- clearInterval(intervalId);
- got_error = 0;
- locations = 0;
- discarded = 0;
- duration = 0;
+// The Stop button
+app.stop = function () {
+ app.inActivity = false;
+ navigator.geolocation.clearWatch(app.watchId);
+ clearInterval(app.intervalId);
+ app.got_error = 0;
+ app.locations = 0;
+ app.discarded = 0;
+ app.duration = 0;
document.getElementById("start").textContent = "Start";
document.getElementById("stop").disabled = true;
- document.getElementById("log").textContent = "";
- var coords = getCoordinates();
- if (coords != null && storage) {
- try {
- window.localStorage.setItem("track_gps_app", coords);
- } catch (e) {
- document.getDocumentById("log").textContent = "[ERROR] Can't store the value " + e.code;
- }
- }
- if (coords != null) {
- if (!send("teole",coords)) {
- // do something!
+ Util.log("");
+ if (!Util.sendAsJSON(app.user.getPostRunURI(),app.currentActivity)) {
+ if (!Util.store.set("track_gps_app", app.currentActivity)) {
+ Util.log("[ERROR] Can't store the value " + e.code);
}
}
- coordinates = [];
+ app.currentActivity.events = [];
}
-function init() {
+app.init = function () {
if (!!document.visibilityState)
- document.addEventListener("visibilitychange", repaint, false);
+ document.addEventListener("visibilitychange", app.repaint, false);
else
document.visibilityState = true;
-
-// send("teole", "[4,5,6]");
-// return false;
+
+ // send("teole", "{ activity:\"http://dbpedia.org/resource/Running\", events: [ {t: 1314049555597, c: [-71.09068298339844,42.361671924591064,66] },{t: 1314049559622,s: \"pause\"}]}");
+ // return false;
// @@ in the future, make sure this is empty
- if (storage) {
- window.localStorage.setItem("track_gps_app", "");
-
- if (window.localStorage.getItem("track_gps_app_dst_unit") === "mile") {
- dst_unit = 0.621371192;
- }
- setUnit();
+ if (Util.store.set("track_gps_app", "")) {
+ app.setUnit();
} else {
- document.getElementById("log").textContent = "[ERROR] no local storage";
+ Util.log("[ERROR] no local storage");
}
if (!!navigator.geolocation) {
- watchId = navigator.geolocation.watchPosition(handleSuccess, handleError, {enableHighAccuracy:true, maximumAge:0, timeout:1000});
+ app.watchId = navigator.geolocation.watchPosition(app.handleSuccess, app.handleError, {enableHighAccuracy:true, maximumAge:0, timeout:1000});
} else {
document.getElementById("gps_text").textContent = "not supported";
document.getElementById("start").disabled = true;
@@ -311,31 +352,26 @@
}
-window.addEventListener("load", init, false);
+window.addEventListener("load", app.init, false);
-function km() {
- if (storage) {
- window.localStorage.setItem("track_gps_app_dst_unit", "km");
- }
- dst_unit = 1;
- setUnit();
- repaint();
+app.km = function () {
+ app.user.setKm();
+ app.user.save();
+ app.setUnit();
+ app.repaint();
}
-function mile() {
- if (storage) {
- window.localStorage.setItem("track_gps_app_dst_unit", "mile");
- }
- dst_unit = 0.621371192;
- setUnit();
- repaint();
+app.mile = function () {
+ app.user.setMile();
+ app.user.save();
+ app.setUnit();
+ app.repaint();
}
-function setUnit() {
- var text = (dst_unit == 0.621371192)? "mile" : "km";
- var nodes = document.getElementsByClassName("dst_unit");
+app.setUnit = function () {
+ var nodes = document.getElementsByClassName("distance_unit");
i = 0;
do {
- nodes[i].textContent = text;
+ nodes[i].textContent = app.user.prefs.distance;
} while (++i < nodes.length);
}
--- a/src/main/resources/templates/geolocation.ssp Tue Aug 23 16:42:51 2011 -0400
+++ b/src/main/resources/templates/geolocation.ssp Tue Aug 23 16:43:08 2011 -0400
@@ -1,12 +1,14 @@
<!DOCTYPE html>
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
-<!-- manifest='geolocation.manifest'> -->
+<!-- manifest='/manifest/tracker.manifest'> -->
<head>
<meta charset='utf-8' />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel='icon' type='image/png' href='geolocation-icon.png'/>
<title>HTML5 Track</title>
+ <script src='/scripts/json2.js'>
+ </script>
<script src='/scripts/tracker.js'>
</script>
<link rel="stylesheet" href="/styles/tracker.css" type="text/css" />
@@ -50,16 +52,16 @@
<table class='text'>
<tbody>
<tr>
-<th>Distance</th> <td id='distance'>0</td><td class='dst_unit'>km</td>
+<th>Distance</th> <td id='distance'>0</td><td class='distance_unit'>km</td>
</tr>
<tr>
<th>Time</th><td id='realtime'>00:00</td><td></td>
</tr>
<tr>
-<th>Speed</th><td id='speed'>0</td><td><span class='dst_unit'>km</span>/h</td>
+<th>Speed</th><td id='speed'>0</td><td><span class='distance_unit'>km</span>/h</td>
</tr>
<tr>
-<th>Pace</th><td id='pace'>0</td><td>min/<span class='dst_unit'>km</span></td>
+<th>Pace</th><td id='pace'>0</td><td>min/<span class='distance_unit'>km</span></td>
</tr>
<tr>
<th>GPS</th><td colspan='2'><span id='gps_text'>not started</span><span id='gps_data'><span id='errors'>0</span>/<span id='discarded'>0</span>/<span id='locations'>0</span></span></td>
@@ -70,10 +72,10 @@
<section>
<p>
<button type='button' id='start'
- onclick='start()'>Start</button>
+ onclick='app.start()'>Start</button>
<button type='button' id='stop' disabled='disabled'
- onclick='stop()'>Stop</button>
+ onclick='app.stop()'>Stop</button>
</p>
@@ -86,9 +88,9 @@
<p class='text'>Current unit: <span class='dst_unit'>km</span></p>
<p>
-<button type='button' id='start' onclick='km()'>KM</button>
+<button type='button' id='start' onclick='app.km()'>KM</button>
-<button type='button' id='stop' onclick='mile()'>MILE</button>
+<button type='button' id='stop' onclick='app.mile()'>MILE</button>
</p>
</section>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/resources/templates/index.html Tue Aug 23 16:43:08 2011 -0400
@@ -0,0 +1,130 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>Virtual Trainer</title>
+
+ <style type="text/css">
+ #stats li h2 { display: inline }
+ </style>
+
+ <script src="http://www.openlayers.org/api/OpenLayers.js" type="text/javascript"></script>
+ <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js" type="text/javascript"></script>
+
+ <script type="text/javascript">
+ var lat=42.412704
+ var lon=-71.140267
+ var zoom=13
+ var map;
+ function init() {
+ map = new OpenLayers.Map ("map", {
+ controls:[
+ new OpenLayers.Control.Navigation(),
+ new OpenLayers.Control.PanZoomBar(),
+ //new OpenLayers.Control.LayerSwitcher(),
+ //new OpenLayers.Control.Attribution()
+ ],
+ //maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
+ //maxResolution: 156543.0399,
+ //zoom: 2,
+ numZoomLevels: 5,
+ minZoomLevel: 5,
+ //units: 'm',
+ projection: new OpenLayers.Projection("EPSG:900913"),
+ displayProjection: new OpenLayers.Projection("EPSG:4326")
+ } );
+
+ map.addLayer(new OpenLayers.Layer.OSM());
+ // Add the Layer with the GPX Track
+ var lgpx = new OpenLayers.Layer.GML("Aug-10-11.gpx", "Aug-10-11.gpx", {
+ format: OpenLayers.Format.GPX,
+ style: {strokeColor: "green", strokeWidth: 5, strokeOpacity: 0.5},
+ projection: new OpenLayers.Projection("EPSG:4326")
+ });
+ map.addLayer(lgpx);
+ var lgpx2 = new OpenLayers.Layer.GML("Jun-26-11.gpx", "Jun-26-11.gpx", {
+ format: OpenLayers.Format.GPX,
+ style: {strokeColor: "blue", strokeWidth: 5, strokeOpacity: 0.5},
+ projection: new OpenLayers.Projection("EPSG:4326")
+ });
+ map.addLayer(lgpx2);
+
+ var lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
+ map.setCenter(lonLat, zoom);
+
+ //map.setCenter(new OpenLayers.LonLat(0, 0), 5);
+ //map.zoomToMaxExtent();
+ //var size = new OpenLayers.Size(21, 25);
+ //var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
+ //var icon = new OpenLayers.Icon('http://www.openstreetmap.org/openlayers/img/marker.png',size,offset);
+ //layerMarkers.addMarker(new OpenLayers.Marker(lonLat,icon));
+ }
+
+ var jsonData;
+ var http = new XMLHttpRequest();
+ http.open('GET','Aug-10-11.json',false);
+ http.onreadystatechange = function () {
+ console.log("state: " + http.readyState);
+ if(http.readyState == 4){
+ //console.log(http.responseText);
+ jsonData = eval('(' + http.responseText + ')');
+ }
+ };
+ http.send(null);
+ console.log(jsonData.events[0].c[0]);
+
+ getBounds(jsonData);
+
+ function getBounds(json) {
+ for (i=0; i < json.events.length; i++) {
+ console.log(json.events[i]);
+ }
+ }
+ </script>
+
+</head>
+<body onload="init();" >
+
+ <div id="history">
+ <h1>History</h1>
+ <ul>
+ <li><a href="#">Workout1</a></li>
+ <li><a href="#">Workout2</a></li>
+ </ul>
+ </div>
+ <div id="stats">
+ <h1>Stats</h1>
+ <ul>
+ <li>
+ <h2>Date</h2>
+ <span>Aug 10 11</span>
+ </li>
+ <li>
+ <h2>Start Time</h2>
+ <span>06:13:35</span>
+ </li>
+ <li>
+ <h2>Elapsed Time</h2>
+ <span>36'16"</span>
+ </li>
+ <li>
+ <h2>Distance</h2>
+ <span>4.13 mile</span>
+ </li>
+ <li>
+ <h2>Avg Pace</h2>
+ <span>8'46" min/mile</span>
+ </li>
+ <li>
+ <h2>Avg Speed</h2>
+ <span>6.84 mph</span>
+ </li>
+ <li>
+ <h2>Ascent/Climb</h2>
+ <span>698 ft</span>
+ </li>
+ </ul>
+ </div>
+ <div id="map" style="width:500px; height:300px"></div>
+</body>
+</html>
\ No newline at end of file