Add files via upload
smulrine
GitHub
parent
9425a3eef4
commit
d1b344dbf7
|
|
@ -0,0 +1,56 @@
|
||||||
|
## Pacer
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Run with a virtual partner at your chosen pace, and export the GPX data
|
||||||
|
from the Bangle.js App Store.
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
Pacer starts up with a menu.
|
||||||
|
|
||||||
|
* **Recording** - whether to record the run
|
||||||
|
* **Units** - imperial or metric
|
||||||
|
* **Lap** - the multiple of a mile or kilometer to use for splits
|
||||||
|
* **Dark mode** - use black or white background
|
||||||
|
* **Eco battery** - display will turn off after 10 seconds
|
||||||
|
* **Eco storage** - only record GPS position every 10 seconds
|
||||||
|
* **Steps** - display step count or cadence
|
||||||
|
* **Pacer** - pace of virtual partner
|
||||||
|
|
||||||
|
On selecting **Start**, GPS position will be detected. A run cannot be
|
||||||
|
started without a GPS fix. The watch touchscreen is disabled while the
|
||||||
|
app is running.
|
||||||
|
|
||||||
|
The app will run on Bangle.js 1 and 2, although use on Bangle.js 2 is not
|
||||||
|
recommended due to poor GPS accuracy.
|
||||||
|
|
||||||
|
On a Bangle.js 1, the top button reverses the screen colours, the middle
|
||||||
|
button starts, pauses or resumes a run, and the bottom button ends the run.
|
||||||
|
|
||||||
|
On a Bangle.js 2, a short press of the button starts, pauses or resumes a
|
||||||
|
run, and a long press (over 0.5 seconds, but under 2!) ends the run. Note
|
||||||
|
that holding the button for 2 seconds will exit back to the default clock
|
||||||
|
app.
|
||||||
|
|
||||||
|
## Downloading
|
||||||
|
|
||||||
|
GPX tracks can be downloaded using the
|
||||||
|
[App Loader](https://banglejs.com/apps/?id=pacer). Connect the
|
||||||
|
Bangle.js and click on the Pacer app's disk icon to see the tracks
|
||||||
|
available for downloading.
|
||||||
|
|
||||||
|
## Tips
|
||||||
|
|
||||||
|
For best results, only start a run when the satellite signal strength bar is
|
||||||
|
green.
|
||||||
|
|
||||||
|
Use the [Assisted GPS Updater](https://banglejs.com/apps/#AGPS) to improve
|
||||||
|
the time taken to get a GPS fix.
|
||||||
|
|
||||||
|
## Bugs
|
||||||
|
|
||||||
|
The eco settings are unlikely to be useful.
|
||||||
|
|
||||||
|
GPS track smoothing is accomplished simply by reducing the frequency with
|
||||||
|
which readings are taken, depending on signal strength.
|
||||||
|
|
@ -0,0 +1,198 @@
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="../../css/spectre.min.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="tracks"></div>
|
||||||
|
<div class="container" id="toastcontainer" style="position:fixed; bottom:8px; left:0px; right:0px; z-index: 100;"></div>
|
||||||
|
|
||||||
|
<script src="../../core/lib/interface.js"></script>
|
||||||
|
<script src="../../core/js/ui.js"></script>
|
||||||
|
<script src="../../core/js/utils.js"></script>
|
||||||
|
<script>
|
||||||
|
var domTracks = document.getElementById("tracks");
|
||||||
|
var fileCache = new Map();
|
||||||
|
|
||||||
|
function saveGPX(track, title) {
|
||||||
|
// Output GPX
|
||||||
|
var gpx = `<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<gpx creator="Bangle.js" version="1.1">
|
||||||
|
<metadata>
|
||||||
|
<time>${isoTime(track[0][0])}</time>
|
||||||
|
</metadata>
|
||||||
|
<trk>
|
||||||
|
<name>${title}</name>
|
||||||
|
<trkseg>`;
|
||||||
|
track.forEach(pt=>{
|
||||||
|
gpx += `
|
||||||
|
<trkpt lat="${pt[1]}" lon="${pt[2]}">
|
||||||
|
<ele>${pt[3]}</ele>
|
||||||
|
<time>${isoTime(pt[0])}</time>
|
||||||
|
</trkpt>`;
|
||||||
|
|
||||||
|
});
|
||||||
|
gpx += `
|
||||||
|
</trkseg>
|
||||||
|
</trk>
|
||||||
|
</gpx>`;
|
||||||
|
Util.saveFile(title+".gpx", "application/gpx+xml", gpx);
|
||||||
|
showToast("Download finished.", "success");
|
||||||
|
}
|
||||||
|
|
||||||
|
function trackLineToObject(l) {
|
||||||
|
if (l===undefined) return {};
|
||||||
|
return l.trim().split(",");
|
||||||
|
}
|
||||||
|
|
||||||
|
function isoTime(t) {
|
||||||
|
var td = new Date(Number(t));
|
||||||
|
var ti = td.toISOString();
|
||||||
|
return ti;
|
||||||
|
}
|
||||||
|
|
||||||
|
function downloadTrack(filename, callback) {
|
||||||
|
function onData(data) {
|
||||||
|
var lines = data.trim().split("\n");
|
||||||
|
var headers = lines.shift().split(",");
|
||||||
|
var track = lines.map(l=>trackLineToObject(l));
|
||||||
|
callback(track);
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = fileCache.get(filename);
|
||||||
|
if (data) {
|
||||||
|
onData(data);
|
||||||
|
} else {
|
||||||
|
Util.showModal(`Downloading ${filename}...`);
|
||||||
|
Util.readStorageFile(filename, data => {
|
||||||
|
fileCache.set(filename, data);
|
||||||
|
onData(data);
|
||||||
|
Util.hideModal();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function downloadAll(trackList, cb) {
|
||||||
|
const tracks = trackList.slice();
|
||||||
|
|
||||||
|
const downloadOne = () => {
|
||||||
|
const track = tracks.pop();
|
||||||
|
if(!track) {
|
||||||
|
showToast("Finished downloading all.", "success");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
downloadTrack(
|
||||||
|
track.filename,
|
||||||
|
lines => {
|
||||||
|
cb(lines, `Bangle.js Track ${track.number}`);
|
||||||
|
downloadOne();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
downloadOne();
|
||||||
|
}
|
||||||
|
|
||||||
|
function getTrackList() {
|
||||||
|
Util.showModal("Loading Track List...");
|
||||||
|
domTracks.innerHTML = "";
|
||||||
|
Puck.eval(`require("Storage").list(/^\\.pacer.*\\.csv$/,{sf:1})`,files=>{
|
||||||
|
var trackList = [];
|
||||||
|
var promise = Promise.resolve();
|
||||||
|
files.forEach(filename => {
|
||||||
|
promise = promise.then(()=>new Promise(resolve => {
|
||||||
|
var trackNo = filename.match(/^\.pacer(.*)\.csv$/)[1];
|
||||||
|
Util.showModal(`Loading Track ${trackNo}...`);
|
||||||
|
Puck.eval(`(${JSON.stringify(filename)})`, trackInfo=>{
|
||||||
|
console.log(filename," => ",trackInfo);
|
||||||
|
trackList.push({
|
||||||
|
filename : filename,
|
||||||
|
number : trackNo,
|
||||||
|
});
|
||||||
|
resolve();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
});
|
||||||
|
// ================================================
|
||||||
|
// When 'promise' completes we now have all the info in trackList
|
||||||
|
promise.then(() => {
|
||||||
|
var html = `
|
||||||
|
<div class="container">
|
||||||
|
<h2>Tracks</h2>
|
||||||
|
<div class="columns">\n`;
|
||||||
|
trackList.forEach(track => {
|
||||||
|
console.log("track", track);
|
||||||
|
const trackDate = new Date (track.number.slice(0,4) + '-' + track.number.slice(4,6) + '-' + track.number.slice (6,8))
|
||||||
|
const trackFullDate = trackDate.toDateString() + ' ' + track.number.slice(8,10) + ':' + track.number.slice(10,12) + ':' + track.number.slice (12,14)
|
||||||
|
html += `
|
||||||
|
<div class="column col-12">
|
||||||
|
<div class="card-header">
|
||||||
|
<div class="card-title h5">
|
||||||
|
${trackFullDate}
|
||||||
|
<button class="btn btn-primary" filename="${track.filename}" trackid="${track.number}" task="downloadgpx">Download GPX</button>
|
||||||
|
<button class="btn btn-default" filename="${track.filename}" trackid="${track.number}" task="delete">Delete</button>
|
||||||
|
</div>
|
||||||
|
<div class="card-subtitle">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
if (trackList.length==0) {
|
||||||
|
html += `
|
||||||
|
<div class="column col-12">
|
||||||
|
<div class="card-header">
|
||||||
|
<div class="card-title h5">No tracks</div>
|
||||||
|
<div class="card-subtitle text-gray">No GPS tracks found</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
html += `
|
||||||
|
</div><!-- columns -->
|
||||||
|
<h2>Batch</h2>
|
||||||
|
<div class="form-group">
|
||||||
|
<button class="btn btn-primary" task="downloadgpx_all">Download all GPX</button>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
domTracks.innerHTML = html;
|
||||||
|
Util.hideModal();
|
||||||
|
var buttons = domTracks.querySelectorAll("button");
|
||||||
|
for (var i=0;i<buttons.length;i++) {
|
||||||
|
buttons[i].addEventListener("click",event => {
|
||||||
|
var button = event.currentTarget;
|
||||||
|
var filename = button.getAttribute("filename");
|
||||||
|
var trackid = parseInt(button.getAttribute("trackid"));
|
||||||
|
var task = button.getAttribute("task");
|
||||||
|
|
||||||
|
if (!/_all$/.test(task) && (!filename || trackid===undefined)) return;
|
||||||
|
|
||||||
|
switch(task) {
|
||||||
|
case "delete":
|
||||||
|
Util.showModal(`Deleting ${filename}...`);
|
||||||
|
Util.eraseStorageFile(filename,()=>{
|
||||||
|
Util.hideModal();
|
||||||
|
getTrackList();
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case "downloadgpx":
|
||||||
|
downloadTrack(filename, track => saveGPX(track, `Bangle.js Track ${trackid}`));
|
||||||
|
break;
|
||||||
|
case "downloadgpx_all":
|
||||||
|
downloadAll(trackList, saveGPX);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function onInit() {
|
||||||
|
getTrackList();
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
{
|
||||||
|
"id": "pacer",
|
||||||
|
"name": "Pacer",
|
||||||
|
"version": "0.01",
|
||||||
|
"description": "Run with a virtual partner",
|
||||||
|
"icon": "app.png",
|
||||||
|
"tags": "run,running,fitness,outdoors,gps",
|
||||||
|
"supports": ["BANGLEJS","BANGLEJS2"],
|
||||||
|
"readme": "README.md",
|
||||||
|
"interface": "interface.html",
|
||||||
|
"storage": [
|
||||||
|
{"name":"pacer.app.js","url":"app.js"},
|
||||||
|
{"name":"pacer.img","url":"app-icon.js","evaluate":true}
|
||||||
|
],
|
||||||
|
"data": [
|
||||||
|
{"name":"pacer.json"},
|
||||||
|
{"wildcard":".pacer*.csv","storageFile":true}
|
||||||
|
]
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue