From 21c261aafa0b17bef8700bccf2c37c929ae91326 Mon Sep 17 00:00:00 2001
From: Patrick Fleming <patrick.fleming@dxw.com>
Date: Thu, 7 Nov 2024 11:17:32 +0000
Subject: [PATCH 1/2] Add DAQI colour scale to bottom of map

I have also modified the scale so that numbers 7-10 are shown with white text, in line with the designs.
---
 app/views/forecasts/_forecast_tabs.html.erb | 3 +++
 app/views/shared/_daqi_scale.html.erb       | 8 ++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/views/forecasts/_forecast_tabs.html.erb b/app/views/forecasts/_forecast_tabs.html.erb
index 9860d1b4..be916cd8 100644
--- a/app/views/forecasts/_forecast_tabs.html.erb
+++ b/app/views/forecasts/_forecast_tabs.html.erb
@@ -14,4 +14,7 @@
   <%= render partial: "map_selector" %>
   <div id="map" class="map w-full bg-green-200 h-80" data-maptiler-api-key="<%= @maptiler_api_key %>">
   </div>
+  <div class="w-full h-10 bg-stone-700">
+    <%= render "shared/daqi_scale" %>
+  </div>
 </div>
diff --git a/app/views/shared/_daqi_scale.html.erb b/app/views/shared/_daqi_scale.html.erb
index d448c8a0..8a2ac827 100644
--- a/app/views/shared/_daqi_scale.html.erb
+++ b/app/views/shared/_daqi_scale.html.erb
@@ -5,8 +5,8 @@
   <div class="py-2 daqi-level grow bg-yellow-300">4</div>
   <div class="py-2 daqi-level grow bg-amber-200">5</div>
   <div class="py-2 daqi-level grow bg-yellow-500">6</div>
-  <div class="py-2 daqi-level grow bg-orange-500">7</div>
-  <div class="py-2 daqi-level grow bg-red-500">8</div>
-  <div class="py-2 daqi-level grow bg-red-800">9</div>
-  <div class="py-2 daqi-level grow bg-stone-700">10</div>
+  <div class="py-2 daqi-level grow bg-orange-500 text-white">7</div>
+  <div class="py-2 daqi-level grow bg-red-500 text-white">8</div>
+  <div class="py-2 daqi-level grow bg-red-800 text-white">9</div>
+  <div class="py-2 daqi-level grow bg-stone-700 text-white">10</div>
 </div>

From 7b353c4c43d27df2e818d5027a6840cb5cc0a6df Mon Sep 17 00:00:00 2001
From: Patrick Fleming <patrick.fleming@dxw.com>
Date: Thu, 7 Nov 2024 11:18:43 +0000
Subject: [PATCH 2/2] Remove DAQI colour scale from header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Now that we’ve added it to the map, we don’t need it in the header.
---
 app/views/shared/_header.html.erb | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/views/shared/_header.html.erb b/app/views/shared/_header.html.erb
index d6192e28..152211e7 100644
--- a/app/views/shared/_header.html.erb
+++ b/app/views/shared/_header.html.erb
@@ -1,5 +1,4 @@
 <header class="bg-gray-50" >
-  <%= render "shared/daqi_scale" %>
   <div class="flex flex-row p-4" >
     <div class="heading bg-gray-50 grow" >
       <h1 class="text-4xl font-bold">