diff --git a/app/javascript/overview.js b/app/javascript/overview.js index 27b0daa6..b6939e28 100644 --- a/app/javascript/overview.js +++ b/app/javascript/overview.js @@ -27,6 +27,6 @@ export function initializePopovers() { document .querySelectorAll('[data-bs-toggle="popover"]') .forEach((popoverElement) => { - new Popover(popoverElement, { trigger: "hover focus" }); + new Popover(popoverElement, { trigger: "hover focus", html: true }); }); } diff --git a/app/presenters/gauge_presenter.rb b/app/presenters/gauge_presenter.rb index 10d76d35..66a64938 100644 --- a/app/presenters/gauge_presenter.rb +++ b/app/presenters/gauge_presenter.rb @@ -33,6 +33,19 @@ class GaugePresenter end end + def cutpoint_for(zone) + case zone + when :watch + @zones.watch_zone.low_benchmark.round(2) + when :growth + @zones.growth_zone.low_benchmark.round(2) + when :approval + @zones.approval_zone.low_benchmark.round(2) + when :ideal + @zones.ideal_zone.low_benchmark.round(2) + end + end + attr_reader :score private diff --git a/app/views/categories/_gauge_graph.html.erb b/app/views/categories/_gauge_graph.html.erb index fec3775a..92bbe00a 100644 --- a/app/views/categories/_gauge_graph.html.erb +++ b/app/views/categories/_gauge_graph.html.erb @@ -1,8 +1,41 @@
Score is : <%= gauge.score %>
+
+ Score is: <%= gauge.score %>
+
+ Watch <%= gauge.cutpoint_for(:watch) %> Growth <%= gauge.cutpoint_for(:growth) %> Approval <%= gauge.cutpoint_for(:approval) %> Ideal <%= gauge.cutpoint_for(:ideal) %>