Add track name

js/control/Download.js

@@ -1,16 +0,0 @@
-BR.Download = L.Class.extend({
-    update: function(urls) {
-        if (urls) {
-            ['gpx', 'kml', 'geojson', 'csv'].forEach(function(e, i, a) {
-                var a = L.DomUtil.get('dl-' + e);
-                a.setAttribute('href', urls[e]);
-                a.setAttribute('download', 'brouter.' + e);
-                a.removeAttribute('disabled');
-            });
-        }
-    }
-});
-
-BR.download = function() {
-    return new BR.Download();
-};

js/control/Export.js

@@ -0,0 +1,114 @@
+BR.Export = L.Class.extend({
+    latLngs: [],
+
+    initialize: function(router) {
+        this.router = router;
+        this.exportButton = $('#exportButton');
+
+        this.exportButton.on('click', L.bind(this._generateTrackname, this));
+        L.DomUtil.get('submitExport').onclick = L.bind(this._export, this);
+
+        this.update([]);
+    },
+
+    update: function(latLngs) {
+        this.latLngs = latLngs;
+
+        if (latLngs.length < 2) {
+            this.exportButton.addClass('disabled');
+        } else {
+            this.exportButton.removeClass('disabled');
+        }
+    },
+
+    _export: function() {
+        var exportForm = document.forms['export'];
+        var format = exportForm['format'].value;
+        var name = encodeURIComponent(exportForm['trackname'].value);
+
+        var uri = this.router.getUrl(this.latLngs, format, name);
+
+        var evt = document.createEvent('MouseEvents');
+        evt.initMouseEvent(
+            'click',
+            true,
+            true,
+            window,
+            0,
+            0,
+            0,
+            0,
+            0,
+            false,
+            false,
+            false,
+            false,
+            0,
+            null
+        );
+        var link = document.createElement('a');
+        link.download = name + '.' + format;
+        link.href = uri;
+        link.dispatchEvent(evt);
+    },
+
+    _generateTrackname: function() {
+        var trackname = document.getElementById('trackname');
+        this._getCityAtPosition(
+            this.latLngs[0],
+            L.bind(function(from) {
+                this._getCityAtPosition(
+                    this.latLngs[this.latLngs.length - 1],
+                    L.bind(function(to) {
+                        var distance = document.getElementById('distance')
+                            .innerHTML;
+                        if (!from || !to) {
+                            trackname.value = null;
+                        } else if (from === to) {
+                            trackname.value = i18next.t('export.route-loop', {
+                                from,
+                                distance
+                            });
+                        } else {
+                            trackname.value = i18next.t(
+                                'export.route-from-to',
+                                { from, to, distance }
+                            );
+                        }
+                    }, this)
+                );
+            }, this)
+        );
+    },
+
+    _getCityAtPosition: function(lonlat, cb) {
+        var url = L.Util.template(
+            'https://nominatim.openstreetmap.org/reverse?lon={lng}&lat={lat}&format=json',
+            lonlat
+        );
+        BR.Util.get(
+            url,
+            L.bind(function(err, response) {
+                try {
+                    var addr = JSON.parse(response).address;
+                    cb(
+                        addr.village ||
+                            addr.town ||
+                            addr.hamlet ||
+                            addr.city_district ||
+                            addr.city
+                    );
+                } catch (err) {
+                    BR.message.showError(
+                        'Error getting position city "' + lonlat + '": ' + err
+                    );
+                    return cb(null);
+                }
+            })
+        );
+    }
+});
+
+BR.export = function() {
+    return new BR.Export();
+};

js/index.js

@@ -33,7 +33,7 @@
             stats,
             itinerary,
             elevation,
-            download,
+            exportRoute,
             profile,
             trackMessages,
             sidebar,
@@ -164,7 +164,7 @@
         } else {
             stats = new BR.TrackStats();
         }
-        download = new BR.Download();
+        exportRoute = new BR.Export(router);
         elevation = new BR.Elevation();
 
         profile = new BR.Profile();
@@ -240,8 +240,7 @@
             var track = routing.toPolyline(),
                 segments = routing.getSegments(),
                 latLngs = routing.getWaypoints(),
-                segmentsLayer = routing._segments,
-                urls = {};
+                segmentsLayer = routing._segments;
 
             elevation.update(track, segmentsLayer);
             if (BR.conf.transit) {
@@ -251,14 +250,7 @@
             }
             trackMessages.update(track, segments);
 
-            if (latLngs.length > 1) {
-                urls.gpx = router.getUrl(latLngs, 'gpx');
-                urls.kml = router.getUrl(latLngs, 'kml');
-                urls.geojson = router.getUrl(latLngs, 'geojson');
-                urls.csv = router.getUrl(latLngs, 'csv');
-            }
-
-            download.update(urls);
+            exportRoute.update(latLngs);
         }
 
         routing.addTo(map);

js/router/BRouter.js

@@ -112,7 +112,7 @@ L.BRouter = L.Class.extend({
         return opts;
     },
 
-    getUrl: function(latLngs, format) {
+    getUrl: function(latLngs, format, trackname) {
         var urlParams = this.getUrlParams(latLngs, format);
 
         var args = [];
@@ -132,6 +132,8 @@ L.BRouter = L.Class.extend({
             );
         if (urlParams.format != null)
             args.push(L.Util.template('format={format}', urlParams));
+        if (trackname)
+            args.push(L.Util.template('trackname={trackname}', { trackname }));
 
         var prepend_host = format != null;