Compare commits
3 Commits
de8a3f07e5
...
17828fe9ce
| Author | SHA1 | Date | |
|---|---|---|---|
| 17828fe9ce | |||
| 7585d475a7 | |||
| 1bcdef230c |
@@ -9,7 +9,9 @@
|
||||
|
||||
//Ctrl+Alt+Shift+I to open network tab on addon
|
||||
|
||||
var gpxParser = function () {
|
||||
/* GPXParser - v3.0.6 - https://github.com/Luuka/GPXParser.js/blob/master/src/GPXParser.js */
|
||||
/* Personnal modifications have been applied, care on upgrade */
|
||||
let gpxParser = function () {
|
||||
this.xmlSource = "";
|
||||
this.metadata = {};
|
||||
this.waypoints = [];
|
||||
@@ -18,8 +20,9 @@ var gpxParser = function () {
|
||||
};
|
||||
|
||||
gpxParser.prototype.parse = function (gpxstring) {
|
||||
var keepThis = this;
|
||||
var domParser = new window.DOMParser();
|
||||
let keepThis = this;
|
||||
|
||||
let domParser = new window.DOMParser();
|
||||
this.xmlSource = domParser.parseFromString(gpxstring, 'text/xml');
|
||||
|
||||
metadata = this.xmlSource.querySelector('metadata');
|
||||
@@ -71,12 +74,17 @@ gpxParser.prototype.parse = function (gpxstring) {
|
||||
pt.cmt = keepThis.getElementValue(wpt, "cmt");
|
||||
pt.desc = keepThis.getElementValue(wpt, "desc");
|
||||
pt.sym = keepThis.getElementValue(wpt, "sym");
|
||||
|
||||
//let time = keepThis.getElementValue(wpt, "time");
|
||||
//pt.time = time == null ? null : new Date(time);
|
||||
pt.time = (keepThis.getElementValue(wpt, "time") || keepThis.metadata.time) || null;;
|
||||
|
||||
keepThis.waypoints.push(pt);
|
||||
}
|
||||
|
||||
var rtes = [].slice.call(this.xmlSource.querySelectorAll('rte'));
|
||||
for (let idx in rtes){
|
||||
var rte = rtes[idx];
|
||||
let rte = rtes[idx];
|
||||
let route = {};
|
||||
route.name = keepThis.getElementValue(rte, "name");
|
||||
route.cmt = keepThis.getElementValue(rte, "cmt");
|
||||
@@ -100,21 +108,30 @@ gpxParser.prototype.parse = function (gpxstring) {
|
||||
var rtepts = [].slice.call(rte.querySelectorAll('rtept'));
|
||||
|
||||
for (let idxIn in rtepts){
|
||||
var rtept = rtepts[idxIn];
|
||||
let rtept = rtepts[idxIn];
|
||||
let pt = {};
|
||||
pt.lat = parseFloat(rtept.getAttribute("lat"));
|
||||
pt.lon = parseFloat(rtept.getAttribute("lon"));
|
||||
pt.ele = parseFloat(keepThis.getElementValue(rtept, "ele"));
|
||||
pt.ele = parseFloat(keepThis.getElementValue(rtept, "ele")) || null;
|
||||
|
||||
//let time = keepThis.getElementValue(rtept, "time");
|
||||
//pt.time = time == null ? null : new Date(time);
|
||||
pt.time = (keepThis.getElementValue(rtept, "time") || keepThis.metadata.time) || null;
|
||||
|
||||
routepoints.push(pt);
|
||||
}
|
||||
|
||||
//route.distance = keepThis.calculDistance(routepoints);
|
||||
//route.elevation = keepThis.calcElevation(routepoints);
|
||||
//route.slopes = keepThis.calculSlope(routepoints, route.distance.cumul);
|
||||
route.points = routepoints;
|
||||
|
||||
keepThis.routes.push(route);
|
||||
}
|
||||
|
||||
var trks = [].slice.call(this.xmlSource.querySelectorAll('trk'));
|
||||
for (let idx in trks){
|
||||
var trk = trks[idx];
|
||||
let trk = trks[idx];
|
||||
let track = {};
|
||||
|
||||
track.name = keepThis.getElementValue(trk, "name");
|
||||
@@ -123,8 +140,10 @@ gpxParser.prototype.parse = function (gpxstring) {
|
||||
track.src = keepThis.getElementValue(trk, "src");
|
||||
track.number = keepThis.getElementValue(trk, "number");
|
||||
track.color = keepThis.getElementValue(trk, "DisplayColor");
|
||||
track.time = keepThis.metadata.time;
|
||||
|
||||
let type = keepThis.queryDirectSelector(trk, "type");
|
||||
track.type = type != null ? type.innerHTML : null;
|
||||
|
||||
let link = {};
|
||||
let linkElem = trk.querySelector('link');
|
||||
@@ -136,15 +155,23 @@ gpxParser.prototype.parse = function (gpxstring) {
|
||||
track.link = link;
|
||||
|
||||
let trackpoints = [];
|
||||
var trkpts = [].slice.call(trk.querySelectorAll('trkpt'));
|
||||
let trkpts = [].slice.call(trk.querySelectorAll('trkpt'));
|
||||
for (let idxIn in trkpts){
|
||||
var trkpt = trkpts[idxIn];
|
||||
let pt = {};
|
||||
pt.lat = parseFloat(trkpt.getAttribute("lat"));
|
||||
pt.lon = parseFloat(trkpt.getAttribute("lon"));
|
||||
pt.ele = parseFloat(keepThis.getElementValue(trkpt, "ele")) || null;
|
||||
|
||||
//let time = keepThis.getElementValue(trkpt, "time");
|
||||
//pt.time = time == null ? null : new Date(time);
|
||||
pt.time = (keepThis.getElementValue(trkpt, "time") || keepThis.metadata.time) || null;
|
||||
|
||||
trackpoints.push(pt);
|
||||
}
|
||||
//track.distance = keepThis.calculDistance(trackpoints);
|
||||
//track.elevation = keepThis.calcElevation(trackpoints);
|
||||
//track.slopes = keepThis.calculSlope(trackpoints, track.distance.cumul);
|
||||
track.points = trackpoints;
|
||||
|
||||
keepThis.tracks.push(track);
|
||||
@@ -179,6 +206,88 @@ gpxParser.prototype.queryDirectSelector = function(parent, needle) {
|
||||
}
|
||||
|
||||
/*
|
||||
gpxParser.prototype.calculDistance = function(points) {
|
||||
let distance = {};
|
||||
let totalDistance = 0;
|
||||
let cumulDistance = [];
|
||||
for (var i = 0; i < points.length - 1; i++) {
|
||||
totalDistance += this.calcDistanceBetween(points[i],points[i+1]);
|
||||
cumulDistance[i] = totalDistance;
|
||||
}
|
||||
cumulDistance[points.length - 1] = totalDistance;
|
||||
|
||||
distance.total = totalDistance;
|
||||
distance.cumul = cumulDistance;
|
||||
|
||||
return distance;
|
||||
}
|
||||
|
||||
gpxParser.prototype.calcDistanceBetween = function (wpt1, wpt2) {
|
||||
let latlng1 = {};
|
||||
latlng1.lat = wpt1.lat;
|
||||
latlng1.lon = wpt1.lon;
|
||||
let latlng2 = {};
|
||||
latlng2.lat = wpt2.lat;
|
||||
latlng2.lon = wpt2.lon;
|
||||
var rad = Math.PI / 180,
|
||||
lat1 = latlng1.lat * rad,
|
||||
lat2 = latlng2.lat * rad,
|
||||
sinDLat = Math.sin((latlng2.lat - latlng1.lat) * rad / 2),
|
||||
sinDLon = Math.sin((latlng2.lon - latlng1.lon) * rad / 2),
|
||||
a = sinDLat * sinDLat + Math.cos(lat1) * Math.cos(lat2) * sinDLon * sinDLon,
|
||||
c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
|
||||
return 6371000 * c;
|
||||
}
|
||||
|
||||
gpxParser.prototype.calcElevation = function (points) {
|
||||
var dp = 0,
|
||||
dm = 0,
|
||||
ret = {};
|
||||
|
||||
for (var i = 0; i < points.length - 1; i++) {
|
||||
var diff = parseFloat(points[i + 1].ele) - parseFloat(points[i].ele);
|
||||
|
||||
if (diff < 0) {
|
||||
dm += diff;
|
||||
} else if (diff > 0) {
|
||||
dp += diff;
|
||||
}
|
||||
}
|
||||
|
||||
var elevation = [];
|
||||
var sum = 0;
|
||||
|
||||
for (var i = 0, len = points.length; i < len; i++) {
|
||||
var ele = parseFloat(points[i].ele);
|
||||
elevation.push(ele);
|
||||
sum += ele;
|
||||
}
|
||||
|
||||
ret.max = Math.max.apply(null, elevation) || null;
|
||||
ret.min = Math.min.apply(null, elevation) || null;
|
||||
ret.pos = Math.abs(dp) || null;
|
||||
ret.neg = Math.abs(dm) || null;
|
||||
ret.avg = sum / elevation.length || null;
|
||||
|
||||
return ret;
|
||||
};
|
||||
|
||||
gpxParser.prototype.calculSlope = function(points, cumul) {
|
||||
let slopes = [];
|
||||
|
||||
for (var i = 0; i < points.length - 1; i++) {
|
||||
let point = points[i];
|
||||
let nextPoint = points[i+1];
|
||||
let elevationDiff = nextPoint.ele - point.ele;
|
||||
let distance = cumul[i+1] - cumul[i];
|
||||
|
||||
let slope = (elevationDiff * 100) / distance;
|
||||
slopes.push(slope);
|
||||
}
|
||||
|
||||
return slopes;
|
||||
}
|
||||
|
||||
gpxParser.prototype.toGeoJSON = function () {
|
||||
var GeoJSON = {
|
||||
"type": "FeatureCollection",
|
||||
@@ -287,7 +396,11 @@ gpxParser.prototype.toGeoJSON = function () {
|
||||
|
||||
return GeoJSON;
|
||||
}
|
||||
*/
|
||||
|
||||
if(typeof module !== 'undefined'){
|
||||
require('jsdom-global')();
|
||||
module.exports = gpxParser;
|
||||
}
|
||||
|
||||
gpxParser.prototype.getGPX = function(sName) {
|
||||
var sTrack = '';
|
||||
@@ -315,31 +428,63 @@ gpxParser.prototype.getGPX = function(sName) {
|
||||
|
||||
return sGPX;
|
||||
};
|
||||
*/
|
||||
|
||||
class Gaia {
|
||||
static get URL() { return 'https://www.gaiagps.com'; }
|
||||
static get API() { return Gaia.URL+'/api/objects'; }
|
||||
|
||||
constructor($InputFile, $InputButton) {
|
||||
constructor() {
|
||||
this.asFiles = [];
|
||||
this.aoWaypoints = [];
|
||||
this.aoTracks = [];
|
||||
this.sFolderId = '';
|
||||
this.asFolder = {};
|
||||
this.sFolderName = '';
|
||||
this.$Feedback = $('<div>', {'style':'position:fixed;width:100%;height:25%;bottom:0;background:white;z-index:10000;border-top:1px solid #CCC;box-sizing:border-box;font-size:1.2em;overflow:auto;padding:0 1em;'});
|
||||
this.$InputName = $('<input>', {'type':'text', 'name':'folder_name', 'placeholder':'Folder Name', 'style': 'border-width:2px; border-color:rgba(0, 0, 0, 0.1); border-radius:4px; font-family:Inter,Helvetica Neue,Helvetica,Arial; font-size:15px; padding:8px 12px; margin-bottom:12px;'});
|
||||
this.progress = {current:0, total:0};
|
||||
}
|
||||
|
||||
/* FIXME: adapts on GaiaGPS upgrade */
|
||||
setLayout() {
|
||||
let $InputButton = $('a[href="https://help.gaiagps.com/hc/en-us/articles/360052763513"]').parent().find('button');
|
||||
|
||||
//If the button is found (=displayed)
|
||||
if($InputButton.length > 0) {
|
||||
this.$InputBox = $InputButton.parent();
|
||||
|
||||
//Reboot object to remove events
|
||||
this.$InputFile = $InputFile.clone().insertAfter($InputFile);
|
||||
//Add Feedback box
|
||||
this.$Feedback = ($('#ggu-feedback').length > 0)?$('#ggu-feedback'):($('<div>', {
|
||||
'id':'ggu-feedback',
|
||||
'style':'width:calc(100% + 64px); height:400px; margin:1em 0 0 -32px; display:inline-block; text-align:left; overflow:auto;'
|
||||
}).insertAfter($InputButton));
|
||||
|
||||
//Add Folder Name Input next to button
|
||||
this.$InputName = ($('#ggu-inputname').length > 0)?$('#ggu-inputname'):($('<input>', {
|
||||
'type':'text',
|
||||
'id': 'ggu-inputname',
|
||||
'name':'ggu-inputname',
|
||||
'placeholder':'Folder Name',
|
||||
'style': 'border-width:2px; border-color:rgba(0, 0, 0, 0.1); border-radius:4px; font-family:Inter,Helvetica Neue,Helvetica,Arial; font-size:15px; padding:8px 12px; margin-bottom:12px;'
|
||||
}).val('PCT').prependTo(this.$InputBox));
|
||||
|
||||
//Reset File Input
|
||||
let $InputFile = $('input[type=file]');
|
||||
this.$InputFile = $InputFile.clone()
|
||||
.insertAfter($InputFile)
|
||||
.attr('multiple', 'multiple')
|
||||
.attr('name', 'files[]')
|
||||
.change(() => { this.readInputFiles(); });
|
||||
$InputFile.remove();
|
||||
|
||||
this.$InputButton = $InputButton.clone().insertAfter($InputButton);
|
||||
//Reset button
|
||||
this.$InputButton = $InputButton.clone()
|
||||
.insertAfter($InputButton)
|
||||
.click(() => {this.$InputFile.click();});
|
||||
$InputButton.remove();
|
||||
|
||||
this.setLayout();
|
||||
//Clear all upload notifications
|
||||
this.resetNotif();
|
||||
}
|
||||
}
|
||||
|
||||
feedback(sType, sMsg) {
|
||||
@@ -350,32 +495,45 @@ class Gaia {
|
||||
switch(sType) {
|
||||
case 'error': sColor = 'red'; break;
|
||||
case 'warning': sColor = 'orange'; break;
|
||||
case 'info': sColor = 'green'; break;
|
||||
case 'info': sColor = '#2D5E38'; break;
|
||||
}
|
||||
this.$Feedback.append($('<p>', {'style': 'color: '+sColor+';'}).text(sFormattedMsg));
|
||||
|
||||
this.$Feedback.scrollTop(this.$Feedback.prop("scrollHeight"));
|
||||
}
|
||||
|
||||
//Modify Gaia DOM Interface
|
||||
setLayout() {
|
||||
//Add Feedback box
|
||||
this.$Feedback.appendTo($('body'));
|
||||
incProgress() {
|
||||
if(!this.progress.current) {
|
||||
this.progress.$Done = $('<div>', {'style':'overflow:hidden; background:#2D5E38; color: white; text-align:right;'});
|
||||
this.progress.$Left = $('<div>', {'style':'overflow:hidden; background:white; color: #2D5E38; text-align:left;'});
|
||||
this.progress.$Box = $('<div>', {'id':'ggu-progress', 'style':'margin-top:1em;'})
|
||||
.append($('<div>', {'style':'display:flex; width:calc(100% + 64px); margin-left:-32px; border-radius:3px; border: 1px solid #2D5E38; box-sizing: border-box;'})
|
||||
.append(this.progress.$Done)
|
||||
.append(this.progress.$Left)
|
||||
);
|
||||
this.$Feedback.before(this.progress.$Box);
|
||||
}
|
||||
|
||||
//Add Event on button
|
||||
this.$InputButton.click(() => {this.$InputFile.click();});
|
||||
this.progress.current++;
|
||||
|
||||
//Set event on file selection
|
||||
this.$InputFile
|
||||
.attr('multiple', 'multiple')
|
||||
.attr('name', 'files[]')
|
||||
.change(() => {this.readInputFiles();});
|
||||
|
||||
//Set default Name
|
||||
this.$InputName.val('PCT').prependTo(this.$InputBox);
|
||||
|
||||
//Clear all upload notifications
|
||||
this.resetNotif();
|
||||
if(this.progress.current < this.progress.total) {
|
||||
let iRatio = Math.round(this.progress.current / this.progress.total * 100);
|
||||
let sTextDone = '', sTextLeft = '';
|
||||
if(iRatio < 50) {
|
||||
sTextDone = '';
|
||||
sTextLeft = ' '+iRatio+'% ('+this.progress.current+' / '+this.progress.total+')';
|
||||
}
|
||||
else {
|
||||
sTextDone = '('+this.progress.current+' / '+this.progress.total+') '+iRatio+'% ';
|
||||
sTextLeft = '';
|
||||
}
|
||||
this.progress.$Done.css('flex', iRatio+' 1 0%').html(sTextDone);
|
||||
this.progress.$Left.css('flex', (100 - iRatio)+' 1 0%').html(sTextLeft);
|
||||
}
|
||||
else {
|
||||
this.progress.$Box.remove();
|
||||
this.progress = {current:0, total:0};
|
||||
}
|
||||
}
|
||||
|
||||
//Marking all upload notifications as read
|
||||
@@ -410,7 +568,10 @@ class Gaia {
|
||||
iCount++;
|
||||
this.feedback('info', 'Reading file "'+oFileReader.name+'" ('+iCount+'/'+this.asFiles.length+')');
|
||||
this.parseFile(oFileReader.name, asResult.target.result);
|
||||
if(iCount == this.asFiles.length) this.createFolder();
|
||||
if(iCount == this.asFiles.length) {
|
||||
this.progress.total = this.aoTracks.length + this.aoWaypoints.length + 2; //+1: Create forlder +1: Assign objects to folder
|
||||
this.createFolder();
|
||||
}
|
||||
};
|
||||
})(this.asFiles[i]);
|
||||
aoReaders[i].readAsText(this.asFiles[i]);
|
||||
@@ -467,18 +628,22 @@ class Gaia {
|
||||
this.asFolder = asFolder;
|
||||
this.sFolderId = asFolder.id;
|
||||
this.sFolderName = asFolder.properties.name;
|
||||
this.incProgress();
|
||||
this.uploadTrack();
|
||||
}).fail(() => {
|
||||
this.feedback('error', 'Folder "'+this.sFolderName+'" could not be created');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//Build & Upload Track File
|
||||
uploadTrack() {
|
||||
this.feedback('info', 'Uploading tracks...');
|
||||
uploadTrack(iIndex) {
|
||||
iIndex = iIndex || 0;
|
||||
|
||||
//Convert to geojson
|
||||
let iPostedTracks = 0;
|
||||
$.each(this.aoTracks, (iIndex, aoTrack) => {
|
||||
if(iIndex == 0) this.feedback('info', 'Uploading tracks...');
|
||||
|
||||
let aoTrack = this.aoTracks[iIndex];
|
||||
this.feedback('info', 'Uploading track "'+aoTrack.name+'"');
|
||||
|
||||
//Set color
|
||||
let sColor = '#4ABD32';
|
||||
@@ -494,13 +659,13 @@ class Gaia {
|
||||
aoCoords.push([pt.lon, pt.lat, pt.ele, 0]);
|
||||
}
|
||||
|
||||
//Upload
|
||||
//Convert to geojson
|
||||
let sPostedData = JSON.stringify({
|
||||
type: 'feature',
|
||||
properties: {
|
||||
color: sColor,
|
||||
title: aoTrack.name,
|
||||
time_created: '2020-12-27T11:34:03.537Z',
|
||||
time_created: aoTrack.time,
|
||||
routing_mode: null,
|
||||
notes: aoTrack.desc,
|
||||
//distance: 168405.62350073704,
|
||||
@@ -523,59 +688,43 @@ class Gaia {
|
||||
});
|
||||
|
||||
var self = this;
|
||||
this.feedback('info', 'Uploading track "'+aoTrack.name+'"');
|
||||
$.post({
|
||||
url: Gaia.API+'/track/',
|
||||
contentType: 'application/json',
|
||||
data: sPostedData,
|
||||
postedData: sPostedData,
|
||||
trackName: aoTrack.name
|
||||
}).done(function(asTrack) {
|
||||
self.aoTracks[iIndex] = asTrack;
|
||||
self.confirmTrack(iIndex, asTrack, this.data);
|
||||
}).fail(function() {
|
||||
self.feedback('error', 'Track "'+this.trackName+'" upload failed (stage 1). Retrying...');
|
||||
self.uploadTrack(iIndex);
|
||||
});
|
||||
}
|
||||
|
||||
confirmTrack(iIndex, asTrack, sPostedData) {
|
||||
iIndex = iIndex || 0;
|
||||
|
||||
var self = this;
|
||||
$.ajax({
|
||||
url: Gaia.API+'/track/'+asTrack.features[0].id+'/',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: this.postedData,
|
||||
trackName: this.trackName
|
||||
data: sPostedData,
|
||||
trackName: asTrack.features[0].properties.title
|
||||
}).done(function() {
|
||||
iPostedTracks++;
|
||||
self.feedback('info', 'Track "'+this.trackName+'" uploaded');
|
||||
if(iPostedTracks == self.aoTracks.length) {
|
||||
self.incProgress();
|
||||
iIndex++;
|
||||
if(iIndex < self.aoTracks.length) self.uploadTrack(iIndex);
|
||||
else {
|
||||
self.feedback('info', 'All tracks uploaded');
|
||||
self.uploadWayPoints();
|
||||
}
|
||||
}).fail(function() {
|
||||
self.feedback('error', 'Track "'+this.trackName+'" failed to upload');
|
||||
self.feedback('error', 'Track "'+this.trackName+'" upload failed (stage 2). Retrying...');
|
||||
self.confirmTrack(iIndex, asTrack, sPostedData);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/* Legacy lethod: through form submit
|
||||
|
||||
//Build track file
|
||||
this.feedback('info', 'Building consolidated track');
|
||||
var oGPX = new gpxParser();
|
||||
oGPX.tracks = this.aoTracks;
|
||||
var sTrack = oGPX.getGPX(this.sFolderName);
|
||||
|
||||
//Send consolidated Tracks as one file
|
||||
var oForm = new FormData();
|
||||
oForm.append('name', this.sFolderName);
|
||||
oForm.append('files', new Blob([sTrack]), 'Consolidated.gpx');
|
||||
|
||||
this.feedback('info', 'Uploading consolidated track');
|
||||
$.ajax({
|
||||
url: Gaia.URL+'/upload/',
|
||||
type: 'POST',
|
||||
data: oForm,
|
||||
enctype: 'multipart/form-data',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false
|
||||
}).done(() => {this.checkNotif();});
|
||||
*/
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -599,58 +748,12 @@ class Gaia {
|
||||
else setTimeout((() => {this.checkNotif();}), 1000);
|
||||
});
|
||||
}
|
||||
|
||||
//Convert QMapshack Track Colors into Gaia Colors
|
||||
setTracksColor() {
|
||||
this.feedback('info', 'Track Color - Matching Gaia track IDs with GPX tracks');
|
||||
var iCount = 0;
|
||||
|
||||
$.get(Gaia.API+'/folder/'+this.sFolderId+'/').done((asFolder) => {
|
||||
var self = this;
|
||||
for(var iGaiaIndex in asFolder.properties.tracks) {
|
||||
for(var iGpxIndex in this.aoTracks) {
|
||||
if(asFolder.properties.tracks[iGaiaIndex].title == this.aoTracks[iGpxIndex].name) {
|
||||
this.aoTracks[iGpxIndex].id = asFolder.properties.tracks[iGaiaIndex].id;
|
||||
this.feedback('info', 'Track Color - Track "'+this.aoTracks[iGpxIndex].name+'" found a match ('+(++iCount)+'/'+this.aoTracks.length+')');
|
||||
|
||||
$.ajax({
|
||||
url: Gaia.API+'/track/'+this.aoTracks[iGpxIndex].id+'/',
|
||||
color: this.aoTracks[iGpxIndex].color
|
||||
}).done(function(asGaiaTrackDisplay) {
|
||||
var asGaiaTrack = asGaiaTrackDisplay.features[0];
|
||||
delete asGaiaTrack.id;
|
||||
delete asGaiaTrack.style;
|
||||
|
||||
//Set color
|
||||
var sColor = '#ff0000';
|
||||
switch(this.color) {
|
||||
case 'DarkBlue': sColor = '#2D3FC7'; break;
|
||||
case 'Magenta': sColor = '#B60DC3'; break;
|
||||
}
|
||||
asGaiaTrack.properties.color = sColor;
|
||||
asGaiaTrack.properties.hexcolor = sColor;
|
||||
|
||||
self.feedback('info', 'Track Color - Setting track color "'+sColor+'" ('+this.color+') to "'+asGaiaTrack.properties.title+'"');
|
||||
$.ajax({
|
||||
url: Gaia.API+'/track/'+asGaiaTrack.properties.id+'/',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(asGaiaTrack)
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
*/
|
||||
|
||||
uploadWayPoints(iIndex, bSecondTry) {
|
||||
uploadWayPoints(iIndex) {
|
||||
iIndex = iIndex || 0;
|
||||
bSecondTry = bSecondTry || false;
|
||||
|
||||
//Upload waypoints
|
||||
if(iIndex < this.aoWaypoints.length) {
|
||||
var sWaypointName = this.aoWaypoints[iIndex].name;
|
||||
|
||||
this.feedback('info', 'Uploading waypoint '+(iIndex + 1)+'/'+this.aoWaypoints.length+' ('+sWaypointName+')');
|
||||
@@ -666,7 +769,7 @@ class Gaia {
|
||||
},
|
||||
properties: {
|
||||
title: sWaypointName,
|
||||
time_created: "2020-06-07T14:01:03.944Z",
|
||||
time_created: this.aoWaypoints[iIndex].time,
|
||||
icon: Gaia.getIconName(this.aoWaypoints[iIndex].sym),
|
||||
isValid: true,
|
||||
isLatestImport: true,
|
||||
@@ -686,28 +789,31 @@ class Gaia {
|
||||
$.post({
|
||||
url: Gaia.API+'/waypoint/',
|
||||
contentType: 'application/json',
|
||||
data: sData,
|
||||
postedData: sData
|
||||
data: sData
|
||||
}).done(function(asWaypoint) {
|
||||
//Update local waypoint with all server info (including ID)
|
||||
self.aoWaypoints[iIndex] = asWaypoint;
|
||||
self.confirmWayPoint(iIndex, asWaypoint, this.data);
|
||||
}).fail(function(){
|
||||
self.feedback('error', 'Failed to upload waypoint #'+(iIndex + 1)+' "'+sWaypointName+'" (Stage 1). Trying again...');
|
||||
self.uploadWayPoints(iIndex);
|
||||
});
|
||||
}
|
||||
|
||||
confirmWayPoint(iIndex, asWaypoint, sPostedData) {
|
||||
$.ajax({
|
||||
url: Gaia.API+'/waypoint/'+asWaypoint.properties.id+'/',
|
||||
type: 'PUT',
|
||||
contentType: 'application/json',
|
||||
data: this.postedData
|
||||
}).always(() => {
|
||||
self.uploadWayPoints(++iIndex);
|
||||
});
|
||||
}).fail(function(){
|
||||
self.feedback('error', 'Failed to upload waypoint #'+(iIndex + 1)+' ('+sWaypointName+'). Trying again...');
|
||||
self.uploadWayPoints(iIndex, true);
|
||||
});
|
||||
}
|
||||
|
||||
//Done uploading, assigning waypoints & tracks to folder
|
||||
data: sPostedData
|
||||
}).done(() => {
|
||||
iIndex++;
|
||||
this.incProgress();
|
||||
if(iIndex < this.aoWaypoints.length) this.uploadWayPoints(iIndex);
|
||||
else this.assignElementsToFolder();
|
||||
}).fail(() => {
|
||||
this.feedback('error', 'Failed to upload waypoint #'+(iIndex + 1)+' "'+asWaypoint.properties.title+'" (Stage 2). Trying again...');
|
||||
this.confirmWayPoint(iIndex, asWaypoint, sPostedData);
|
||||
});
|
||||
}
|
||||
|
||||
assignElementsToFolder() {
|
||||
@@ -735,9 +841,11 @@ class Gaia {
|
||||
contentType: 'application/json',
|
||||
data: JSON.stringify(asFolder)
|
||||
}).done(() => {
|
||||
this.incProgress();
|
||||
this.feedback('info', 'Done');
|
||||
}).fail(() => {
|
||||
this.feedback('error', 'WFailed to assign waypoints & tracks to folder ID "'+asFolder.id+'"');
|
||||
this.feedback('warning', 'Failed to assign waypoints & tracks to folder ID "'+asFolder.id+'". Retrying...');
|
||||
this.assignElementsToFolder();
|
||||
});
|
||||
}
|
||||
|
||||
@@ -777,9 +885,13 @@ class Gaia {
|
||||
}
|
||||
|
||||
console.log('Loading GaiaGps Uploader...');
|
||||
let oGaia = new Gaia();
|
||||
|
||||
//To be adjusted regularly
|
||||
$FileInput = $('input[type=file]')
|
||||
$FileButton = $('a[href="https://help.gaiagps.com/hc/en-us/articles/360052763513"]').parent().find('button');
|
||||
/* To be adjusted on Gaia's updates */
|
||||
|
||||
let oGaia = new Gaia($FileInput, $FileButton);
|
||||
//Side panel
|
||||
$('path[d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"]').parent().parent().on('click', () => {
|
||||
setTimeout(() => {
|
||||
oGaia.setLayout();
|
||||
}, 500);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user