From 753b22dd606485335e36fe4134ce04efd03f3fb5 Mon Sep 17 00:00:00 2001
From: Mat Johnson <demotive@gmail.com>
Date: Mon, 16 Mar 2026 12:53:28 +0000
Subject: [PATCH] Remove script include for now

---
 app/assets/javascript/map-scripts.js          | 47 ----------------
 .../bso/bso-internal-details.html             | 53 ++++++++++++++++++-
 .../location/location-location-details.html   | 52 +++++++++++++++++-
 3 files changed, 101 insertions(+), 51 deletions(-)
 delete mode 100644 app/assets/javascript/map-scripts.js

diff --git a/app/assets/javascript/map-scripts.js b/app/assets/javascript/map-scripts.js
deleted file mode 100644
index 4e2b94c..0000000
--- a/app/assets/javascript/map-scripts.js
+++ /dev/null
@@ -1,47 +0,0 @@
-function circleIcon({ fill = '#fff', stroke = '#000', strokeWidth = 2,
-                      text = '', textColor = '#000', radius = 14, fillOpacity = 1 } = {}) {
-  const width = radius * 2;
-  const pointHeight = radius * 1.2;
-  const height = width + pointHeight;
-  const cx = radius;
-  const cy = radius;
-
-  return L.divIcon({
-    html: `<svg viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
-             <!-- Stroke-only pin line -->
-             <line
-              x1="${cx}" y1="${cy + radius - strokeWidth}"
-              x2="${cx}" y2="${height - strokeWidth}"
-              stroke="${stroke}" stroke-width="${strokeWidth}"/>
-             <!-- Filled circle on top -->
-             <circle
-               cx="${cx}" cy="${cy}" r="${radius - strokeWidth}"
-               fill="${fill}" fill-opacity="${fillOpacity}" stroke="${stroke}" stroke-width="${strokeWidth}"/>
-             <!-- Text -->
-             <text x="${cx}" y="${cy}" text-anchor="middle" dominant-baseline="central"
-                   fill="${textColor}" font-size="${radius * 0.9}" font-family="sans-serif" font-weight="bold">
-               ${text}
-             </text>
-           </svg>`,
-    className: '',
-    iconSize: [width, height],
-    iconAnchor: [cx, height],
-    popupAnchor: [0, -height]
-  });
-}
-
-const landmarkIcons = {
-  orgLocation: circleIcon({ fill: '#fff9c4', text: 'O' }),
-  static: circleIcon({ fill: '#fff9c4', text: 'S' }),
-  mobile: circleIcon({ fill: '#ed8b00', text: 'M' }),
-  default: circleIcon({ fill: '#fff',    text: '' }),
-};
-
-const mapOptions = {
-  attributionControl: false,
-  scrollWheelZoom: false
-};
-
-const map = L.map('app-map', {
-  maxZoom: 15
-});
diff --git a/app/views/pre-alpha-flats/bso/bso-internal-details.html b/app/views/pre-alpha-flats/bso/bso-internal-details.html
index 4c3e093..d6b5252 100644
--- a/app/views/pre-alpha-flats/bso/bso-internal-details.html
+++ b/app/views/pre-alpha-flats/bso/bso-internal-details.html
@@ -161,12 +161,61 @@ <h2 class="nhsuk-heading-m">BSO area</h2>
   <script src="https://unpkg.com/maplibre-gl@5.3.0/dist/maplibre-gl.js"></script>
   <script src="https://unpkg.com/@maplibre/maplibre-gl-leaflet@0.1.0/leaflet-maplibre-gl.js"></script>
 
-  <script src="/assets/javascript/map-scripts.js"></script>
+  <script>
+    function circleIcon({ fill = '#fff', stroke = '#000', strokeWidth = 2,
+                          text = '', textColor = '#000', radius = 14, fillOpacity = 1 } = {}) {
+      const width = radius * 2;
+      const pointHeight = radius * 1.2;
+      const height = width + pointHeight;
+      const cx = radius;
+      const cy = radius;
+
+      return L.divIcon({
+        html: `<svg viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+                 <!-- Stroke-only pin line -->
+                 <line
+                  x1="${cx}" y1="${cy + radius - strokeWidth}"
+                  x2="${cx}" y2="${height - strokeWidth}"
+                  stroke="${stroke}" stroke-width="${strokeWidth}"/>
+                 <!-- Filled circle on top -->
+                 <circle
+                   cx="${cx}" cy="${cy}" r="${radius - strokeWidth}"
+                   fill="${fill}" fill-opacity="${fillOpacity}" stroke="${stroke}" stroke-width="${strokeWidth}"/>
+                 <!-- Text -->
+                 <text x="${cx}" y="${cy}" text-anchor="middle" dominant-baseline="central"
+                       fill="${textColor}" font-size="${radius * 0.9}" font-family="sans-serif" font-weight="bold">
+                   ${text}
+                 </text>
+               </svg>`,
+        className: '',
+        iconSize: [width, height],
+        iconAnchor: [cx, height],
+        popupAnchor: [0, -height]
+      });
+    }
+
+    const landmarkIcons = {
+      orgLocation: circleIcon({ fill: '#fff9c4', text: 'O' }),
+      static: circleIcon({ fill: '#fff9c4', text: 'S' }),
+      mobile: circleIcon({ fill: '#ed8b00', text: 'M' }),
+      default: circleIcon({ fill: '#fff',    text: '' }),
+    };
+
+    const mapOptions = {
+      attributionControl: false,
+      scrollWheelZoom: false
+    };
+
+    const map = L.map('app-map', {
+      maxZoom: 15
+    });
+  </script>
+
   <script src="geo-bso-west-berks.js"></script>
 
   <script>
 
-    const apiKey = 't9ErutMVGdziLrLqJbCM049xw5550C0e';
+    const apiKey = 'lWF9hAvJ3ALTasfGgV8MqmfAWJ2L9fhU';
 
     landmarks.forEach(({ lat, lng, type, name }) => {
       const icon = landmarkIcons[type] || landmarkIcons.default;
diff --git a/app/views/pre-alpha-flats/location/location-location-details.html b/app/views/pre-alpha-flats/location/location-location-details.html
index 42a8fd8..c76e1d9 100644
--- a/app/views/pre-alpha-flats/location/location-location-details.html
+++ b/app/views/pre-alpha-flats/location/location-location-details.html
@@ -169,10 +169,58 @@ <h2 class="nhsuk-heading-s nhsuk-u-margin-bottom-0">Location notes for participa
   <script src="https://unpkg.com/maplibre-gl@5.3.0/dist/maplibre-gl.js"></script>
   <script src="https://unpkg.com/@maplibre/maplibre-gl-leaflet@0.1.0/leaflet-maplibre-gl.js"></script>
 
-  <script src="/assets/javascript/map-scripts.js"></script>
+  <script>
+    function circleIcon({ fill = '#fff', stroke = '#000', strokeWidth = 2,
+                          text = '', textColor = '#000', radius = 14, fillOpacity = 1 } = {}) {
+      const width = radius * 2;
+      const pointHeight = radius * 1.2;
+      const height = width + pointHeight;
+      const cx = radius;
+      const cy = radius;
+
+      return L.divIcon({
+        html: `<svg viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
+                 <!-- Stroke-only pin line -->
+                 <line
+                  x1="${cx}" y1="${cy + radius - strokeWidth}"
+                  x2="${cx}" y2="${height - strokeWidth}"
+                  stroke="${stroke}" stroke-width="${strokeWidth}"/>
+                 <!-- Filled circle on top -->
+                 <circle
+                   cx="${cx}" cy="${cy}" r="${radius - strokeWidth}"
+                   fill="${fill}" fill-opacity="${fillOpacity}" stroke="${stroke}" stroke-width="${strokeWidth}"/>
+                 <!-- Text -->
+                 <text x="${cx}" y="${cy}" text-anchor="middle" dominant-baseline="central"
+                       fill="${textColor}" font-size="${radius * 0.9}" font-family="sans-serif" font-weight="bold">
+                   ${text}
+                 </text>
+               </svg>`,
+        className: '',
+        iconSize: [width, height],
+        iconAnchor: [cx, height],
+        popupAnchor: [0, -height]
+      });
+    }
+
+    const landmarkIcons = {
+      orgLocation: circleIcon({ fill: '#fff9c4', text: 'O' }),
+      static: circleIcon({ fill: '#fff9c4', text: 'S' }),
+      mobile: circleIcon({ fill: '#ed8b00', text: 'M' }),
+      default: circleIcon({ fill: '#fff',    text: '' }),
+    };
+
+    const mapOptions = {
+      attributionControl: false,
+      scrollWheelZoom: false
+    };
+
+    const map = L.map('app-map', {
+      maxZoom: 15
+    });
+  </script>
 
   <script>
-    const apiKey = 't9ErutMVGdziLrLqJbCM049xw5550C0e';
+    const apiKey = 'lWF9hAvJ3ALTasfGgV8MqmfAWJ2L9fhU';
 
     const landmarks = [
       { lat: 51.4712253052667, lng: -0.09312137796810355, type: 'location', name: 'Camberwell Building' }