Append all turn-by-turn rows together

diff --git a/app/assets/javascripts/index/directions.js b/app/assets/javascripts/index/directions.js
index 34b93016874c661c37e52ef4061fe0a986c4dad8..588c09afd53b1a65b859021ceb77b4af58f68b0f 100644 (file)
--- a/app/assets/javascripts/index/directions.js
+++ b/app/assets/javascripts/index/directions.js
@@ -184,9 +184,7 @@ OSM.Directions = function (map) {
         );
 
       // Add each row
         );
 
       // Add each row

-      for (const [i, step] of route.steps.entries()) {
-        const [ll, direction, instruction, dist, lineseg] = step;
-
+      turnByTurnTable.append(route.steps.map(([ll, direction, instruction, dist, lineseg], i) => {

         const row = $("<tr class='turn'/>");
         if (direction) {
           row.append("<td class='border-0'><svg width='20' height='20' class='d-block'><use href='#routing-sprite-" + direction + "' /></svg></td>");
         const row = $("<tr class='turn'/>");
         if (direction) {
           row.append("<td class='border-0'><svg width='20' height='20' class='d-block'><use href='#routing-sprite-" + direction + "' /></svg></td>");


@@ -211,8 +209,8 @@ OSM.Directions = function (map) {
           map.removeLayer(highlight);
         });
 
           map.removeLayer(highlight);
         });
 

-        turnByTurnTable.append(row);
-      }
+        return row;
+      }));

 
       const blob = new Blob([JSON.stringify(polyline.toGeoJSON())], { type: "application/json" });
       URL.revokeObjectURL(downloadURL);
 
       const blob = new Blob([JSON.stringify(polyline.toGeoJSON())], { type: "application/json" });
       URL.revokeObjectURL(downloadURL);