From f60a1a329c4cbea6b628848e8778c66eaf6a77e0 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sun, 14 Jan 2024 18:16:20 +0000
Subject: [PATCH] Link to more flight info sites

---
 templates/macros.html    | 12 ++++++++----
 templates/travel.html    |  6 ++++--
 templates/trip_list.html |  2 +-
 templates/trip_page.html |  2 +-
 4 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/templates/macros.html b/templates/macros.html
index cd331cd..a4dec45 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -73,7 +73,7 @@
 
 {% macro flight_row(item) %}
   {% set full_flight_number = item.airline + item.flight_number %}
-  {% set url = "https://www.radarbox.com/data/flights/" + full_flight_number %}
+  {% set radarbox_url = "https://www.radarbox.com/data/flights/" + full_flight_number %}
   <div class="grid-item text-end">{{ item.depart.strftime("%a, %d %b %Y") }}</div>
   <div class="grid-item">{{ item.from }} &rarr; {{ item.to }}</div>
   <div class="grid-item">{{ item.depart.strftime("%H:%M") }}</div>
@@ -84,10 +84,13 @@
     {% endif %}
   </div>
   <div class="grid-item">{{ item.duration }}</div>
-  <div class="grid-item">
-    <a href="{{ url }}">{{ full_flight_number }}</a>
-  </div>
+  <div class="grid-item">{{ full_flight_number }}</div>
   <div class="grid-item">{{ item.booking_reference }}</div>
+  <div class="grid-item">
+    <a href="https://www.flightradar24.com/data/flights/{{ full_flight_number | lower }}">flightradar24</a>
+    | <a href="https://uk.flightaware.com/live/flight/{{ full_flight_number | replace("U2", "EZY") }}">FlightAware</a>
+    | <a href="{{ radarbox_url }}">radarbox</a>
+  </div>
 {% endmacro %}
 
 {% macro train_row(item) %}
@@ -103,4 +106,5 @@
   <div class="grid-item">{{ ((item.arrive - item.depart).total_seconds() // 60) | int }} mins</div>
   <div class="grid-item">{{ item.operator }}</div>
   <div class="grid-item">{{ item.booking_reference }}</div>
+  <div class="grid-item"></div>
 {% endmacro %}
diff --git a/templates/travel.html b/templates/travel.html
index a762ebb..e0d8161 100644
--- a/templates/travel.html
+++ b/templates/travel.html
@@ -5,14 +5,14 @@
 <style>
 .grid-container {
   display: grid;
-  grid-template-columns: repeat(7, auto); /* 7 columns for each piece of information */
+  grid-template-columns: repeat(8, auto);
   gap: 10px;
   justify-content: start;
 }
 
 .train-grid-container {
   display: grid;
-  grid-template-columns: repeat(7, auto); /* 7 columns for each piece of information */
+  grid-template-columns: repeat(8, auto);
   gap: 10px;
   justify-content: start;
 }
@@ -39,6 +39,7 @@
       <div class="grid-item">duration</div>
       <div class="grid-item">flight</div>
       <div class="grid-item">reference</div>
+      <div class="grid-item">tracking</div>
 
     {% for item in flights | sort(attribute="depart") %}
       {{ flight_row(item) }}
@@ -55,6 +56,7 @@
       <div class="grid-item">duration</div>
       <div class="grid-item">operator</div>
       <div class="grid-item">reference</div>
+      <div class="grid-item"></div>
 
     {% for item in trains | sort(attribute="depart") %}
       {{ train_row(item) }}
diff --git a/templates/trip_list.html b/templates/trip_list.html
index a43384a..0d543ae 100644
--- a/templates/trip_list.html
+++ b/templates/trip_list.html
@@ -12,7 +12,7 @@
 
 {% set conference_column_count = 6 %}
 {% set accommodation_column_count = 7 %}
-{% set travel_column_count = 7 %}
+{% set travel_column_count = 8 %}
 <style>
 .conferences {
   display: grid;
diff --git a/templates/trip_page.html b/templates/trip_page.html
index 114fd88..d5a909b 100644
--- a/templates/trip_page.html
+++ b/templates/trip_page.html
@@ -14,7 +14,7 @@
 
 {% set conference_column_count = 6 %}
 {% set accommodation_column_count = 7 %}
-{% set travel_column_count = 7 %}
+{% set travel_column_count = 8 %}
 <style>
 .conferences {
   display: grid;