From 1ea56eaa72cc7073a34ea3d92b6202fe2de1824f Mon Sep 17 00:00:00 2001
From: Rumperuu <me+git@bengoldsworthy.net>
Date: Sat, 29 Oct 2022 23:59:23 +0000
Subject: [PATCH] Tweak checkin rendering

---
 resources/views/tracker.blade.php | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/resources/views/tracker.blade.php b/resources/views/tracker.blade.php
index 1a074b8..c8e0f69 100644
--- a/resources/views/tracker.blade.php
+++ b/resources/views/tracker.blade.php
@@ -42,13 +42,15 @@
                     <li>
                         <details class="checkin" id="{{ $checkin->id }}" ontoggle="toggleCheckin(this.open, this.id)">
                             <summary class="checkin__summary">
-                                <h2 class="checkin__title">{{ $checkin->title ?? "[No title]" }}</h2>
+                                <h2 class="checkin__title">{!! $checkin->title ?? "<i>Untitled</i>" !!}</h2>
                                 <p class="checkin__meta">{!! render_date_difference($checkin->date) !!}</p>
                             </summary>
-                            {{ $checkin->note ?? "[No note]" }}
-    @if($checkin->image_url)
-    <img class="popup__image" loading="lazy" src="{{ $checkin->image_url }}">
-    @endif
+                            @if($checkin->note)
+                            {!! $checkin->note !!}
+                            @endif
+                            @if($checkin->image_url)
+                            <img class="popup__image" loading="lazy" src="{{ $checkin->image_url }}">
+                            @endif
                         </details>
                     </li>
                 @endforeach
@@ -90,8 +92,8 @@
                 @foreach($trip->checkins as $checkin)
                 marker = L.marker([{{ $checkin->location->latitude }}, {{ $checkin->location->longitude }}]).addTo(map);
                 
-                popupMarkup = '<h2 class="popup__title">{{ $checkin->title ?? "No Title" }}</h2>';
-                popupMarkup += `<p class="popup__note">{{ $checkin->note }}</p>`;
+                popupMarkup = `<h2 class="popup__title">{!! $checkin->title ?? "<i>Untitled</i>" !!}</h2>`;
+                popupMarkup += `<p class="popup__note">{!! $checkin->note !!}</p>`;
                 popupMarkup += '<img class="popup__image" src="{{ $checkin->image_url }}">';
                 marker.bindPopup(popupMarkup).openPopup();