From 432bc8bf09113ca34a7d19541368e11bcc948a36 Mon Sep 17 00:00:00 2001
From: Azgaar <azgaar.fmg@yandex.com>
Date: Mon, 24 Jun 2024 17:11:41 +0200
Subject: [PATCH] feat: add join route functionality to routes editor

---
 index.html                  |  5 +++++
 modules/ui/routes-editor.js | 15 ++++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 93e637a9..a97539c0 100644
--- a/index.html
+++ b/index.html
@@ -2937,6 +2937,11 @@
             data-tip="Create a new route selecting route cells"
             class="icon-map-pin"
           ></button>
+          <button
+            id="routeJoin"
+            data-tip="Click on control point to join the route to another route that starts or ends there"
+            class="icon-link"
+          ></button>
           <button
             id="routeSplit"
             data-tip="Click on a control point to split the route there"
diff --git a/modules/ui/routes-editor.js b/modules/ui/routes-editor.js
index e6f1030d..d17dd43b 100644
--- a/modules/ui/routes-editor.js
+++ b/modules/ui/routes-editor.js
@@ -36,7 +36,8 @@ function editRoute(id) {
 
   // add listeners
   byId("routeCreateSelectingCells").on("click", showCreationDialog);
-  byId("routeSplit").on("click", toggleSplitRoute);
+  byId("routeSplit").on("click", togglePressed);
+  byId("routeJoin").on("click", togglePressed);
   byId("routeElevationProfile").on("click", showRouteElevationProfile);
   byId("routeLegend").on("click", editRouteLegend);
   byId("routeRemove").on("click", removeRoute);
@@ -173,8 +174,16 @@ function editRoute(id) {
 
   function handleControlPointClick() {
     const controlPoint = d3.select(this);
+
+    const isJoinMode = byId("routeJoin").classList.contains("pressed");
+    if (isJoinMode) return joinRoute(controlPoint);
+
     const isSplitMode = byId("routeSplit").classList.contains("pressed");
-    isSplitMode ? splitRoute(controlPoint) : removeControlPoint(controlPoint);
+    if (isSplitMode) return splitRoute(controlPoint);
+
+    return removeControlPoint(controlPoint);
+
+    function joinRoute(controlPoint) {}
 
     function splitRoute(controlPoint) {
       const allPoints = debug.selectAll("#controlPoints > *").data();
@@ -248,7 +257,7 @@ function editRoute(id) {
     createRoute(route.group);
   }
 
-  function toggleSplitRoute() {
+  function togglePressed() {
     this.classList.toggle("pressed");
   }