From 03a63cb568fbda238aee599917c77b913e9c2708 Mon Sep 17 00:00:00 2001
From: Nelson Jovel <memoryman51@hotmail.com>
Date: Wed, 29 Dec 2021 17:50:47 +0100
Subject: [PATCH] Add zone boundary legends to gauge graph.

---
 app/presenters/gauge_presenter.rb          | 16 ++++++++
 app/views/categories/_gauge_graph.html.erb | 44 ++++++++++++++--------
 2 files changed, 45 insertions(+), 15 deletions(-)

diff --git a/app/presenters/gauge_presenter.rb b/app/presenters/gauge_presenter.rb
index 87298315..8f917e18 100644
--- a/app/presenters/gauge_presenter.rb
+++ b/app/presenters/gauge_presenter.rb
@@ -20,6 +20,22 @@ class GaugePresenter
     percentage_for @scale.approval_zone.low_benchmark
   end
 
+  def watch_low_legend
+    percentage_for @scale.watch_zone.low_benchmark
+  end
+
+  def growth_low_legend
+    percentage_for @scale.growth_zone.low_benchmark
+  end
+
+  def approval_low_legend
+    percentage_for @scale.approval_zone.low_benchmark
+  end
+
+  def ideal_low_legend
+    percentage_for @scale.ideal_zone.low_benchmark
+  end
+
   private
 
   def zone
diff --git a/app/views/categories/_gauge_graph.html.erb b/app/views/categories/_gauge_graph.html.erb
index e1b7f7b1..5f4c1c36 100644
--- a/app/views/categories/_gauge_graph.html.erb
+++ b/app/views/categories/_gauge_graph.html.erb
@@ -28,27 +28,41 @@
     stroke-width="<%= stroke_width %>"
   />
 
-  <% if gauge.key_benchmark_percentage.present? %>
     <line
-      class="zone-benchmark stroke-black"
-      x1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.key_benchmark_percentage)).x %>"
-      y1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.key_benchmark_percentage)).y %>"
-      x2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.key_benchmark_percentage)).x %>"
-      y2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.key_benchmark_percentage)).y %>"
+      class="zone-benchmark stroke-gray-2"
+      x1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.watch_low_legend)).x %>"
+      y1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.watch_low_legend)).y %>"
+      x2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.watch_low_legend)).x %>"
+      y2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.watch_low_legend)).y %>"
       stroke-width="<%= stroke_width %>"
     />
 
-    <path
-      class="key-benchmark-indicator fill-black"
-      d="<%= move_to(point: indicator_tip) %>
-         <%= draw_line_to(point: indicator_right_corner) %>
-         <%= draw_line_to(point: indicator_left_corner) %>
-    <%= draw_line_to(point: indicator_tip) %>"
-      transform="rotate(<%= rotation_angle_for(percentage: gauge.key_benchmark_percentage) %> <%= arc_center.x %> <%= arc_center.y %>)"
-      stroke="none"
+    <line
+      class="zone-benchmark stroke-gray-2"
+      x1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.growth_low_legend)).x %>"
+      y1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.growth_low_legend)).y %>"
+      x2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.growth_low_legend)).x %>"
+      y2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.growth_low_legend)).y %>"
+      stroke-width="<%= stroke_width %>"
+    />
+    <line
+      class="zone-benchmark stroke-gray-2"
+      x1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.ideal_low_legend)).x %>"
+      y1="<%= benchmark_line_point(outer_radius, angle_for(percentage: gauge.ideal_low_legend)).y %>"
+      x2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.ideal_low_legend)).x %>"
+      y2="<%= benchmark_line_point(inner_radius, angle_for(percentage: gauge.ideal_low_legend)).y %>"
+      stroke-width="<%= stroke_width %>"
+    />
+  <% if gauge.key_benchmark_percentage.present? %>
+    <line
+      class="zone-benchmark stroke-black"
+      x1="<%= benchmark_line_point(outer_radius + 5, angle_for(percentage: gauge.key_benchmark_percentage)).x %>"
+      y1="<%= benchmark_line_point(outer_radius + 5, angle_for(percentage: gauge.key_benchmark_percentage)).y %>"
+      x2="<%= benchmark_line_point(inner_radius - 5 , angle_for(percentage: gauge.key_benchmark_percentage)).x %>"
+      y2="<%= benchmark_line_point(inner_radius - 5, angle_for(percentage: gauge.key_benchmark_percentage)).y %>"
+      stroke-width="<%= stroke_width + 2 %>"
     />
   <% end %>
 </svg>
-
 <span class="gauge-title <%= font_class %> fill-black"><%= gauge.title %></span>
 </div>