--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/main/resources/templates/app.ssp Thu Aug 25 15:46:42 2011 -0400
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
+<head>
+ <meta charset="utf-8" />
+ <title>Virtual Trainer</title>
+
+ <style>
+ #stats li h2 { display: inline }
+ </style>
+
+ <script src="../scripts/Utils.js"></script>
+ <script src="../scripts/json2.js"></script>
+ <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
+ <script src="../scripts/graph.js"></script>
+ <script src="../scripts/map.js"></script>
+
+ <script>
+ function init() {
+ // get list of workouts
+ var workouts = getWorkouts();
+ if (workouts.length == 0)
+ return;
+ // update History section
+ updateHistory(workouts);
+ // create map
+ OLMap.createMap();
+ // show results for last workout
+ showResult(workouts[0]);
+ }
+ </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 class="date">
+ <h2>Date</h2>
+ <span>Aug 10 11</span>
+ </li>
+ <li class="start">
+ <h2>Start Time</h2>
+ <span>00:00:00</span>
+ </li>
+ <li class="duration">
+ <h2>Elapsed Time</h2>
+ <span>0</span>
+ </li>
+ <li class="distance">
+ <h2>Distance</h2>
+ <span>0 mile</span>
+ </li>
+ <li class="pace">
+ <h2>Avg Pace</h2>
+ <span>0 min/mile</span>
+ </li>
+ <li class="speed">
+ <h2>Avg Speed</h2>
+ <span>0 mph</span>
+ </li>
+ <li class="climb">
+ <h2>Ascent/Climb</h2>
+ <span>0 ft</span>
+ </li>
+ </ul>
+ </div>
+ <div id="map" style="width:500px; height:300px"></div>
+ <br />
+ <div id="speed_graph" style="width:500px; height: 200px;"></div>
+
+</body>
+</html>
--- a/src/main/resources/templates/index.html Thu Aug 25 15:44:02 2011 -0400
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,79 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>Virtual Trainer</title>
-
- <style>
- #stats li h2 { display: inline }
- </style>
-
- <script src="../scripts/Utils.js"></script>
- <script src="../scripts/json2.js"></script>
- <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
- <script src="../scripts/graph.js"></script>
- <script src="../scripts/map.js"></script>
-
- <script type="text/javascript">
- function init() {
- // get list of workouts
- var workouts = getWorkouts();
- // update History section
- updateHistory(workouts);
- // create map
- OLMap.createMap();
- // show results for last workout
- showResult(workouts[0]);
- }
-
- </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 class="date">
- <h2>Date</h2>
- <span>Aug 10 11</span>
- </li>
- <li class="start">
- <h2>Start Time</h2>
- <span>06:13:35</span>
- </li>
- <li class="duration">
- <h2>Elapsed Time</h2>
- <span>36'16"</span>
- </li>
- <li class="distance">
- <h2>Distance</h2>
- <span>4.13 mile</span>
- </li>
- <li class="pace">
- <h2>Avg Pace</h2>
- <span>8'46" min/mile</span>
- </li>
- <li class="speed">
- <h2>Avg Speed</h2>
- <span>6.84 mph</span>
- </li>
- <li class="climb">
- <h2>Ascent/Climb</h2>
- <span>698 ft</span>
- </li>
- </ul>
- </div>
- <div id="map" style="width:500px; height:300px"></div>
- <br />
- <div id="speed_graph" style="width:500px; height: 200px;"></div>
-
-</body>
-</html>