From 94092298a1320c70ac16aa8c11f80940297bd754 Mon Sep 17 00:00:00 2001
From: Ole-Morten Duesund <olemd@glemt.net>
Date: Sun, 24 Aug 2025 20:28:27 +0200
Subject: [PATCH] Add separate color and legend entry for High Vortex Large
 aircraft
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added High Vortex Large as distinct category in legend
- Assigned red-orange color (#ff4500) to differentiate from regular Large
- Updated JavaScript to check for high vortex before regular large
- Maintains proper ADS-B category distinctions for wake turbulence

High Vortex Large aircraft (like B757) create stronger wake turbulence
than typical large aircraft, warranting visual distinction for safety.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 assets/static/css/style.css                  | 1 +
 assets/static/index.html                     | 4 ++++
 assets/static/js/modules/aircraft-manager.js | 6 +++++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 9a3400d..750603c 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -271,6 +271,7 @@ body {
 .legend-icon.light { background: #00bfff; }      /* Sky blue for light aircraft */
 .legend-icon.medium { background: #00ff88; }     /* Green for medium aircraft */
 .legend-icon.large { background: #ff8c00; }      /* Orange for large aircraft */
+.legend-icon.high-vortex { background: #ff4500; } /* Red-orange for high vortex large */
 .legend-icon.heavy { background: #ff0000; }      /* Red for heavy aircraft */
 .legend-icon.helicopter { background: #ff00ff; } /* Magenta for helicopters */
 .legend-icon.military { background: #ff4444; }   /* Red-orange for military */
diff --git a/assets/static/index.html b/assets/static/index.html
index b9f43b0..d8eeaac 100644
--- a/assets/static/index.html
+++ b/assets/static/index.html
@@ -118,6 +118,10 @@
                         <span class="legend-icon large"></span>
                         <span>Large 34000-136000kg</span>
                     </div>
+                    <div class="legend-item">
+                        <span class="legend-icon high-vortex"></span>
+                        <span>High Vortex Large</span>
+                    </div>
                     <div class="legend-item">
                         <span class="legend-icon heavy"></span>
                         <span>Heavy &gt; 136000kg</span>
diff --git a/assets/static/js/modules/aircraft-manager.js b/assets/static/js/modules/aircraft-manager.js
index 7a18557..128e791 100644
--- a/assets/static/js/modules/aircraft-manager.js
+++ b/assets/static/js/modules/aircraft-manager.js
@@ -297,8 +297,12 @@ export class AircraftManager {
             if (cat.includes('medium')) {
                 return '#00ff88';
             }
+            // High Vortex Large - Red-orange (special wake turbulence category)
+            if (cat.includes('high vortex')) {
+                return '#ff4500';
+            }
             // Large aircraft (34000-136000kg) - Orange
-            if (cat.includes('large') || cat.includes('high vortex')) {
+            if (cat.includes('large')) {
                 return '#ff8c00';
             }
             // Heavy aircraft (> 136000kg) - Red