feat: routes - create route dialog

modules/ui/routes-editor.js

@@ -20,7 +20,8 @@ function editRoute(id) {
 
   updateRouteData();
 
-  drawControlPoints(getPoints());
+  const route = getRoute();
+  drawControlPoints(Routes.getPoints(route, Routes.preparePointsArray()));
   drawCells();
 
   $("#routeEditor").dialog({
@@ -34,13 +35,14 @@ function editRoute(id) {
   modules.editRoute = true;
 
   // add listeners
-  byId("routeCreateSelectingCells").on("click", createRoute);
-  byId("routeEditStyle").on("click", editRouteGroupStyle);
+  byId("routeCreateSelectingCells").on("click", showCreationDialog);
   byId("routeElevationProfile").on("click", showRouteElevationProfile);
   byId("routeLegend").on("click", editRouteLegend);
   byId("routeRemove").on("click", removeRoute);
   byId("routeName").on("input", changeName);
   byId("routeGroup").on("input", changeGroup);
+  byId("routeGroupEdit").on("click", editRouteGroups);
+  byId("routeEditStyle").on("click", editRouteGroupStyle);
   byId("routeGenerateName").on("click", generateName);
 
   function getRoute() {
@@ -49,17 +51,6 @@ function editRoute(id) {
     return route;
   }
 
-  function getPoints() {
-    const {cells, burgs} = pack;
-    let points = cells.p.map(([x, y], cellId) => {
-      const burgId = cells.burg[cellId];
-      if (burgId) return [burgs[burgId].x, burgs[burgId].y];
-      return [x, y];
-    });
-
-    return getRoutePoints(getRoute(), points);
-  }
-
   function updateRouteData() {
     const route = getRoute();
 
@@ -181,23 +172,9 @@ function editRoute(id) {
     redrawRoute();
   }
 
-  function drawConnections() {
-    debug.selectAll("line").remove();
-    for (const [fromCellId, connections] of Object.entries(pack.cells.routes)) {
-      const from = pack.cells.p[fromCellId];
-      for (const toCellId of Object.keys(connections)) {
-        const to = pack.cells.p[toCellId];
-        debug
-          .append("line")
-          .attr("x1", from[0])
-          .attr("y1", from[1])
-          .attr("x2", to[0])
-          .attr("y2", to[1])
-          .attr("stroke", "red")
-          .attr("stroke-width", 0.4)
-          .attr("opacity", 0.5);
-      }
-    }
+  function showCreationDialog() {
+    const route = getRoute();
+    createRoute(route.group);
   }
 
   function removeConnection(from, to) {
@@ -254,10 +231,6 @@ function editRoute(id) {
     editStyle("routes", group);
   }
 
-  function createRoute() {
-    // TODO: white the code :)
-  }
-
   function removeRoute() {
     alertMessage.innerHTML = "Are you sure you want to remove the route";
     $("#alert").dialog({