From 10bcb7c3fc13cffc533fcb3d3ff9a7ae7ac988f5 Mon Sep 17 00:00:00 2001
From: Jacob Coffee <jacob@z7x.org>
Date: Thu, 30 Apr 2026 18:44:15 -0500
Subject: [PATCH] fix(venues): point Get Directions at the Pine Ave entrance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Organizers asked to route attendees through the Pine Ave pedestrian
approach instead of the generic 300 E Ocean Blvd lobby — it's the
closer walk from the conference hotels. Coordinates 33.764444,
-118.191722 (33°45'52.0"N 118°11'30.2"W).

Replaces the single Apple Maps URL with a platform-aware
openDirections() helper:
  - iOS: maps.apple.com with q= label, ll= coords, dirflg=w (walk)
  - Android: geo:lat,lng?q=lat,lng(label) — opens default maps app
  - Web/PWA: Google Maps universal search URL

Subtitle now reads "Pine Ave entrance · Open in Maps" so attendees
know which side of the building they're being routed to.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../pages/venues-hours/venues-hours.page.html |  4 +--
 .../pages/venues-hours/venues-hours.page.ts   | 31 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/venues-hours/venues-hours.page.html b/src/app/pages/venues-hours/venues-hours.page.html
index ad52bcf6..cd718d07 100644
--- a/src/app/pages/venues-hours/venues-hours.page.html
+++ b/src/app/pages/venues-hours/venues-hours.page.html
@@ -47,11 +47,11 @@ <h1>Venue & Hours</h1>
   </div>
 
   <ion-list lines="full">
-    <ion-item button="true" (click)="openUrl('https://maps.apple.com/?address=300+E+Ocean+Blvd,+Long+Beach,+CA+90802')" detail="true">
+    <ion-item button="true" (click)="openDirections()" detail="true">
       <ion-icon slot="start" name="navigate-outline" color="primary"></ion-icon>
       <ion-label class="ion-text-wrap">
         <h2>Get Directions</h2>
-        <p>Open in Maps</p>
+        <p>Pine Ave entrance &middot; Open in Maps</p>
       </ion-label>
     </ion-item>
 
diff --git a/src/app/pages/venues-hours/venues-hours.page.ts b/src/app/pages/venues-hours/venues-hours.page.ts
index 9511674b..3c389651 100644
--- a/src/app/pages/venues-hours/venues-hours.page.ts
+++ b/src/app/pages/venues-hours/venues-hours.page.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, ChangeDetectorRef, ViewChild } from '@angular/core';
-import { IonContent } from '@ionic/angular';
+import { IonContent, Platform } from '@ionic/angular';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { forkJoin } from 'rxjs';
 import { ConferenceData } from '../../providers/conference-data';
@@ -33,6 +33,7 @@ export class VenuesHoursPage implements OnInit {
     private confData: ConferenceData,
     private changeDetection: ChangeDetectorRef,
     private sanitizer: DomSanitizer,
+    private platform: Platform,
     public liveUpdateService: LiveUpdateService,
   ) {}
 
@@ -44,6 +45,34 @@ export class VenuesHoursPage implements OnInit {
     window.open(url, '_system', 'location=yes');
   }
 
+  // Pine Ave entrance to the Long Beach Convention Center. Organizers asked
+  // to route attendees here rather than the generic 300 E Ocean Blvd lobby
+  // since Pine Ave is the closer pedestrian approach from the hotels.
+  // Coordinates: 33°45'52.0"N 118°11'30.2"W
+  private static readonly PINE_AVE_LAT = 33.764444;
+  private static readonly PINE_AVE_LNG = -118.191722;
+  private static readonly PINE_AVE_LABEL = 'Long Beach Convention Center (Pine Ave Entrance)';
+
+  openDirections() {
+    const lat = VenuesHoursPage.PINE_AVE_LAT;
+    const lng = VenuesHoursPage.PINE_AVE_LNG;
+    const label = VenuesHoursPage.PINE_AVE_LABEL;
+
+    let url: string;
+    if (this.platform.is('ios')) {
+      // Apple Maps: q= sets the pin label, ll= sets coords. dirflg=w means
+      // walking directions (Pine Ave is a pedestrian approach).
+      url = `https://maps.apple.com/?q=${encodeURIComponent(label)}&ll=${lat},${lng}&dirflg=w`;
+    } else if (this.platform.is('android')) {
+      // Android geo: URI opens the user's default maps app directly.
+      url = `geo:${lat},${lng}?q=${lat},${lng}(${encodeURIComponent(label)})`;
+    } else {
+      // PWA / web: Google Maps universal link.
+      url = `https://www.google.com/maps/search/?api=1&query=${lat},${lng}`;
+    }
+    window.open(url, '_system', 'location=yes');
+  }
+
   ngOnInit() {
     forkJoin({
       content: this.confData.getContent(),