From 76587cb3c5610842b5e9a006490ca743dd959277 Mon Sep 17 00:00:00 2001
From: Danilo Bargen <mail@dbrgn.ch>
Date: Sun, 5 May 2024 21:44:49 +0200
Subject: [PATCH 1/3] Location details: Add buttons to Maps/OSM

---
 frontend/src/routes/locations/+page.svelte    |  4 ++--
 .../src/routes/locations/[id]/+page.svelte    | 22 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/locations/+page.svelte b/frontend/src/routes/locations/+page.svelte
index 422f847a..471d9de8 100644
--- a/frontend/src/routes/locations/+page.svelte
+++ b/frontend/src/routes/locations/+page.svelte
@@ -166,7 +166,7 @@
               <a
                 class="icon"
                 href="https://www.google.com/maps/place/{lat},{lon}/"
-                title="View in Google Maps"
+                title="View on Google Maps"
                 target="_blank"
               >
                 <i class="fa-solid fa-map-marker-alt"></i>
@@ -174,7 +174,7 @@
               <a
                 class="icon"
                 href="https://www.openstreetmap.org/?mlat={lat}&mlon={lon}#map=16/{lat}/{lon}"
-                title="View in OpenStreetMap"
+                title="View on OpenStreetMap"
                 target="_blank"
               >
                 <i class="fa-solid fa-map-pin"></i>
diff --git a/frontend/src/routes/locations/[id]/+page.svelte b/frontend/src/routes/locations/[id]/+page.svelte
index 5a1e9132..118ac7fa 100644
--- a/frontend/src/routes/locations/[id]/+page.svelte
+++ b/frontend/src/routes/locations/[id]/+page.svelte
@@ -22,8 +22,28 @@
 
 <h2 class="title is-2">Location: {location.name}</h2>
 
-<p class="content">
+<p class="buttons content">
   <a href="/locations/{location.id}/edit/" class="button is-light">Edit this location</a>
+  {#if location.coordinates !== undefined}
+    {@const lon = location.coordinates.lon}
+    {@const lat = location.coordinates.lat}
+    <a
+      class="button is-light"
+      href="https://www.google.com/maps/place/{lat},{lon}/"
+      title="View on Google Maps"
+      target="_blank"
+    >
+      View on Google Maps
+    </a>
+    <a
+      class="button is-light"
+      href="https://www.openstreetmap.org/?mlat={lat}&mlon={lon}#map=16/{lat}/{lon}"
+      title="View on OpenStreetMap"
+      target="_blank"
+    >
+      View on OpenStreetMap
+    </a>
+  {/if}
 </p>
 
 <section class="data">

From 980e117d8295156cdb16efb96497defc8a3852f8 Mon Sep 17 00:00:00 2001
From: Danilo Bargen <mail@dbrgn.ch>
Date: Sun, 5 May 2024 22:00:39 +0200
Subject: [PATCH 2/3] Show "View on SwissTopo" button to location details if
 applicable

---
 .../src/routes/locations/[id]/+page.svelte    | 60 ++++++++++++-------
 1 file changed, 37 insertions(+), 23 deletions(-)

diff --git a/frontend/src/routes/locations/[id]/+page.svelte b/frontend/src/routes/locations/[id]/+page.svelte
index 118ac7fa..84959559 100644
--- a/frontend/src/routes/locations/[id]/+page.svelte
+++ b/frontend/src/routes/locations/[id]/+page.svelte
@@ -22,29 +22,43 @@
 
 <h2 class="title is-2">Location: {location.name}</h2>
 
-<p class="buttons content">
-  <a href="/locations/{location.id}/edit/" class="button is-light">Edit this location</a>
-  {#if location.coordinates !== undefined}
-    {@const lon = location.coordinates.lon}
-    {@const lat = location.coordinates.lat}
-    <a
-      class="button is-light"
-      href="https://www.google.com/maps/place/{lat},{lon}/"
-      title="View on Google Maps"
-      target="_blank"
-    >
-      View on Google Maps
-    </a>
-    <a
-      class="button is-light"
-      href="https://www.openstreetmap.org/?mlat={lat}&mlon={lon}#map=16/{lat}/{lon}"
-      title="View on OpenStreetMap"
-      target="_blank"
-    >
-      View on OpenStreetMap
-    </a>
-  {/if}
-</p>
+<div class="is-flex is-justify-content-space-between mb-5">
+  <div class="left">
+    <a href="/locations/{location.id}/edit/" class="button is-light">Edit this location</a>
+  </div>
+  <div class="right">
+    {#if location.coordinates !== undefined}
+      {@const lon = location.coordinates.lon}
+      {@const lat = location.coordinates.lat}
+      <a
+        class="button is-light"
+        href="https://www.google.com/maps/place/{lat},{lon}/"
+        title="View on Google Maps"
+        target="_blank"
+      >
+        <i class="fa-solid fa-map-marker-alt"></i>&nbsp;View on Google Maps
+      </a>
+      <a
+        class="button is-light"
+        href="https://www.openstreetmap.org/?mlat={lat}&mlon={lon}#map=16/{lat}/{lon}"
+        title="View on OpenStreetMap"
+        target="_blank"
+      >
+        <i class="fa-solid fa-map-pin"></i>&nbsp;View on OpenStreetMap
+      </a>
+      {#if lat > 45.8 && lat < 48 && lon > 5.9 && lon < 11.4}
+        <a
+          class="button is-light"
+          href="https://map.geo.admin.ch/?swisssearch={lat},{lon}"
+          title="View on SwissTopo"
+          target="_blank"
+        >
+          <i class="fa-solid fa-map"></i>&nbsp;View on SwissTopo
+        </a>
+      {/if}
+    {/if}
+  </div>
+</div>
 
 <section class="data">
   <table class="table is-fullwidth is-striped is-hoverable">

From ba250a0dfc570bf6ed07650386d8d49876e800bf Mon Sep 17 00:00:00 2001
From: Danilo Bargen <mail@dbrgn.ch>
Date: Sun, 5 May 2024 22:06:01 +0200
Subject: [PATCH 3/3] Flight details: Right align IGC button

This matches the new layout of the location details.
---
 frontend/src/routes/flights/[id]/+page.svelte | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/routes/flights/[id]/+page.svelte b/frontend/src/routes/flights/[id]/+page.svelte
index 96836eb1..8a44552a 100644
--- a/frontend/src/routes/flights/[id]/+page.svelte
+++ b/frontend/src/routes/flights/[id]/+page.svelte
@@ -34,15 +34,19 @@
   {#if landingAt}to {landingAt.name}{/if}
 </h2>
 
-<p class="content">
-  <a href="/flights/{flight.id}/edit/" class="button is-light">Edit this flight</a>
-  {#if flight.hasIgc}
-    <a href="/api/v1/flights/{flight.id}/igc/" class="button is-light" data-sveltekit-reload>
-      <span class="icon is-small"><i class="fa-solid fa-download"></i></span>&nbsp;&nbsp;Download
-      IGC
-    </a>
-  {/if}
-</p>
+<div class="is-flex is-justify-content-space-between mb-5">
+  <div class="left">
+    <a href="/flights/{flight.id}/edit/" class="button is-light">Edit this flight</a>
+  </div>
+  <div class="right">
+    {#if flight.hasIgc}
+      <a href="/api/v1/flights/{flight.id}/igc/" class="button is-light" data-sveltekit-reload>
+        <span class="icon is-small"><i class="fa-solid fa-download"></i></span>&nbsp;&nbsp;Download
+        IGC
+      </a>
+    {/if}
+  </div>
+</div>
 
 <section>
   <table class="table is-fullwidth is-striped is-hoverable">