From 04575094823770b49042d63d94b28a8233725bf4 Mon Sep 17 00:00:00 2001
From: Rumperuu <me+git@bengoldsworthy.net>
Date: Mon, 28 Nov 2022 14:54:06 -0600
Subject: [PATCH] Add audio and video embeds to map popups

---
 resources/views/tracker.blade.php | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/resources/views/tracker.blade.php b/resources/views/tracker.blade.php
index 8c9bdd1..c6c2e6c 100644
--- a/resources/views/tracker.blade.php
+++ b/resources/views/tracker.blade.php
@@ -88,8 +88,25 @@
                     icon: markerIcon
                 }).addTo(map);
                 
+                $popupContent = null;
+                @if(preg_match("/\[\[([^\]]+)\]\]/", $checkin->note, $filepath))
+                  @if(preg_match("/\.webm/", $filepath[1]))
+                  @php $popupContent = `<video controls>
+                    <source src="/{{ $filepath[1] }}" type="video/webm">
+                    <p>Your browser doesn't support HTML video. Here is a <a href="/{{ $filepath[1] }}">link to the video</a> instead.</p>
+                  </video>`; @endphp
+                  @elseif(preg_match("/\.ogg/", $filepath[1]))
+                  @php $popupContent = `<audio controls>
+                    <source src="/{{ $filepath[1] }}" type="audio/off">
+                    <p>Download <a href="/{{ $filepath[1] }}">OGG</a> audio.</p>
+                  </audio>`; @endphp
+                  @endif
+                @else
+                @php $popupContent = `<p class="popup__note">{!! $checkin->note !!}</p>`; @endphp
+                @endif
+                  
                 popupMarkup = `<h2 class="popup__title">{!! $checkin->title ?? "<i>Untitled</i>" !!}</h2>`;
-                popupMarkup += `<p class="popup__note">{!! $checkin->note !!}</p>`;
+                popupMarkup += $popupContent;
                 popupMarkup += '<img class="popup__image" src="{{ $checkin->image_url }}">';
                 marker.bindPopup(popupMarkup).openPopup();