From d97de4516b3c720a652a6dcbe3aa90bc47f08817 Mon Sep 17 00:00:00 2001
From: pcalengratha <mr.lengratha@gmail.com>
Date: Mon, 20 Apr 2026 09:11:42 +0700
Subject: [PATCH] change legend color on pathogen map view and sort filter year
 by descending

---
 dashboard/public/js/dashboard/filter.js | 5 +++--
 dashboard/public/js/overview.js         | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/dashboard/public/js/dashboard/filter.js b/dashboard/public/js/dashboard/filter.js
index 2d12fa3..df3aa3d 100644
--- a/dashboard/public/js/dashboard/filter.js
+++ b/dashboard/public/js/dashboard/filter.js
@@ -75,7 +75,8 @@ class DashboardFilter {
 
         const year = new Date().getFullYear();
 
-        for (let y = year-10; y <= year; y++) {
+        //for (let y = year-10; y <= year; y++) {
+        for (let y = year; y >= year-10; y--) {
 
             this.startYear.innerHTML += `<option value="${y}">${y}</option>`;
             this.endYear.innerHTML += `<option value="${y}">${y}</option>`;
@@ -128,4 +129,4 @@ class DashboardFilter {
 
     }
 
-}
\ No newline at end of file
+}
diff --git a/dashboard/public/js/overview.js b/dashboard/public/js/overview.js
index 88f88a7..88a7db1 100644
--- a/dashboard/public/js/overview.js
+++ b/dashboard/public/js/overview.js
@@ -931,13 +931,13 @@ function addPositivityLegend() {
             <div style="background:white;padding:10px 12px;border-radius:6px;
                         box-shadow:0 2px 6px rgba(0,0,0,0.2);font-size:12px;">
                 <div style="font-weight:600;margin-bottom:6px;">Influenza Subtypes</div>
-                <div><span style="background: #2563eb; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/H1N1pdm</div>
+                <div><span style="background: #ff0200; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/H1N1pdm</div>
                 <div><span style="background: #11de9d; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/H3N2</div>
                 <div><span style="background: #b91081; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/H9N2</div>
                 <div><span style="background: #ad850d; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/H5N1</div>
                 <div><span style="background: #047393; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>A/Unsubtypable</div>
                 <div><span style="background: #9333ea; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>B/Yam</div>
-                <div><span style="background: #1021b9; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>B/Vic</div>
+                <div><span style="background: #086037; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>B/Vic</div>
                 <div><span style="background: #890512; border: 2px solid #aa9d9d; width:12px;height:12px;display:inline-block;margin-right:6px; border-radius: 50%;"></span>B/Unsubtypable</div>
             </div>
         `;
@@ -1036,10 +1036,10 @@ function loadProvinceMap(startYear, startWeek, endYear, endWeek) {
 
 function getColorByPathogen(name) {
     const colors = {
-        "A/H1N1pdm": "#2563eb",
+        "A/H1N1pdm": "#ff0200",
         "A/H3N2": "#11de9d",
         "B/Yam": "#9333ea",
-        "B/Vic" : "#1021b9",
+        "B/Vic" : "#086037",
         "A/H9N2": "#b91081",
         "A/H5N1": "#ad850d",
         "A/Unsubtypable": "#047393",