30 lines
1.4 KiB
PHP
30 lines
1.4 KiB
PHP
@foreach($checkinsList as $checkin)
|
|
<li>
|
|
<details class="checkin" id="{{ $checkin->id }}" ontoggle="toggleCheckin(this.open, this.id)">
|
|
<summary class="checkin__summary">
|
|
<h2 class="checkin__title">{!! $checkin->title ?? "<i>Untitled</i>" !!}</h2>
|
|
<p class="checkin__meta">{!! render_date_difference($checkin->date) !!}</p>
|
|
</summary>
|
|
@if($checkin->note)
|
|
@if(preg_match("/\[\[([^\]]+)\]\]/", $checkin->note, $filepath))
|
|
@if(preg_match("/\.webm/", $filepath[1]))
|
|
<video class="popup__video" controls>
|
|
<source src="/videos/{{ $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>
|
|
@elseif(preg_match("/\.ogg/", $filepath[1]))
|
|
<audio class="popup__audio" controls>
|
|
<source src="/audio/{{ $filepath[1] }}" type="audio/ogg">
|
|
<p>Download <a href="/{{ $filepath[1] }}">OGG</a> audio.</p>
|
|
</audio>
|
|
@endif
|
|
@else
|
|
{!! $checkin->note !!}
|
|
@endif
|
|
@endif
|
|
@if($checkin->image_url)
|
|
<img class="popup__image" loading="lazy" src="{{ $checkin->image_url }}">
|
|
@endif
|
|
</details>
|
|
</li>
|
|
@endforeach
|