From 227d3b1f0cf1915544cc4f99cdc318b12d21d231 Mon Sep 17 00:00:00 2001
From: MeijiRestored <42336759+MeijiRestored@users.noreply.github.com>
Date: Mon, 7 Apr 2025 12:20:09 +0200
Subject: [PATCH] tooltip

---
 app/javascript/maps/polylines.js        |  2 --
 app/views/map/_settings_modals.html.erb | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/javascript/maps/polylines.js b/app/javascript/maps/polylines.js
index ccb4c189..4a3cf888 100644
--- a/app/javascript/maps/polylines.js
+++ b/app/javascript/maps/polylines.js
@@ -59,10 +59,8 @@ export function getSpeedColor(speedKmh, useSpeedColors, speedColorScale) {
       ...stop,
       rgb: hexToRGB(stop.color)
     }));;
-    console.log("yes");
   } catch (error) { // If user has given invalid values
     colorStops = colorStopsFallback;
-    console.log("oof\n" + speedColorScale);
   }
 
   // Find the appropriate color segment
diff --git a/app/views/map/_settings_modals.html.erb b/app/views/map/_settings_modals.html.erb
index 5a36b807..8436795d 100644
--- a/app/views/map/_settings_modals.html.erb
+++ b/app/views/map/_settings_modals.html.erb
@@ -141,3 +141,17 @@
   </div>
   <label class="modal-backdrop" for="speed_colored_routes_info">Close</label>
 </div>
+
+<input type="checkbox" id="speed_color_scale_info" class="modal-toggle" />
+<div class="modal focus:z-99" role="dialog">
+  <div class="modal-box">
+    <h3 class="text-lg font-bold">Speed color scale</h3>
+    <p class="py-4">
+      Value in format <code>speed_kmh:hex_color|...</code>.
+    </p>
+    <p class="py-4">
+      Here you can set a custom color scale for speed colored routes. It uses color stops at specified km/h values and creates a gradient from it. The default value is <code>0:#00ff00|15:#00ffff|30:#ff00ff|50:#ffff00|100:#ff3300</code>
+    </p>
+  </div>
+  <label class="modal-backdrop" for="speed_color_scale_info">Close</label>
+</div>