Add a sidewalk card

a-b-street · Nov 7, 2022 · a7c048a · a7c048a
1 parent 8710fc6
commit a7c048a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/web_editor/assets/pedestrian.svg b/web_editor/assets/pedestrian.svg
diff --git a/web_editor/index.html b/web_editor/index.html
@@ -28,6 +28,9 @@
         <button type="button" class="new-lane-card" id="new-bus">
           New <img src="assets/bus.svg" class="icon" />
         </button>
+        <button type="button" class="new-lane-card" id="new-sidewalk">
+          New <img src="assets/pedestrian.svg" class="icon" />
+        </button>
       </div>
     </div>
 

diff --git a/web_editor/js/cards.js b/web_editor/js/cards.js
@@ -60,6 +60,9 @@ function typeIcon(lane) {
   if (lane.type == "travel" && lane.designated == "motor_vehicle") {
     return icon("car");
   }
+  if (lane.type == "travel" && lane.designated == "foot") {
+    return icon("pedestrian");
+  }
   if (lane.type == "parking" && lane.designated == "motor_vehicle") {
     return icon("parking");
   }

diff --git a/web_editor/js/main.js b/web_editor/js/main.js
@@ -127,5 +127,12 @@ export class LaneEditor {
       });
       this.render();
     };
+    document.getElementById("new-sidewalk").onclick = () => {
+      this.road.lanes.push({
+        type: "travel",
+        designated: "foot",
+      });
+      this.render();
+    };
   }
 }