|
|
|
@ -16,17 +16,46 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-md-8 status-photo px-0">
|
|
|
|
|
@if($status->is_nsfw)
|
|
|
|
|
@if($status->is_nsfw && $status->media_count == 1)
|
|
|
|
|
<details class="details-animated">
|
|
|
|
|
<p>
|
|
|
|
|
<summary>NSFW / Hidden Image</summary>
|
|
|
|
|
<a class="max-hide-overflow" href="{{$status->url()}}">
|
|
|
|
|
<a class="max-hide-overflow {{$status->firstMedia()->filter_class}}" href="{{$status->url()}}">
|
|
|
|
|
<img class="card-img-top" src="{{$status->mediaUrl()}}">
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</details>
|
|
|
|
|
@else
|
|
|
|
|
<img src="{{$status->mediaUrl()}}" width="100%">
|
|
|
|
|
@elseif(!$status->is_nsfw && $status->media_count == 1)
|
|
|
|
|
<div class="{{$status->firstMedia()->filter_class}}">
|
|
|
|
|
<img src="{{$status->mediaUrl()}}" width="100%">
|
|
|
|
|
</div>
|
|
|
|
|
@elseif($status->is_nsfw && $status->media_count > 1)
|
|
|
|
|
|
|
|
|
|
@elseif(!$status->is_nsfw && $status->media_count > 1)
|
|
|
|
|
<div id="photoCarousel" class="carousel slide carousel-fade" data-ride="carousel">
|
|
|
|
|
<ol class="carousel-indicators">
|
|
|
|
|
@for($i = 0; $i < $status->media_count; $i++)
|
|
|
|
|
<li data-target="#photoCarousel" data-slide-to="{{$i}}" class="{{$i == 0 ? 'active' : ''}}"></li>
|
|
|
|
|
@endfor
|
|
|
|
|
</ol>
|
|
|
|
|
<div class="carousel-inner">
|
|
|
|
|
@foreach($status->media()->orderBy('order')->get() as $media)
|
|
|
|
|
<div class="carousel-item {{$loop->iteration == 1 ? 'active' : ''}}">
|
|
|
|
|
<figure class="{{$media->filter_class}}">
|
|
|
|
|
<img class="d-block w-100" src="{{$media->url()}}" alt="{{$status->caption}}">
|
|
|
|
|
</figure>
|
|
|
|
|
</div>
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
|
|
|
|
<a class="carousel-control-prev" href="#photoCarousel" role="button" data-slide="prev">
|
|
|
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
|
|
|
<span class="sr-only">Previous</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="carousel-control-next" href="#photoCarousel" role="button" data-slide="next">
|
|
|
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
|
|
|
<span class="sr-only">Next</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
@endif
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-12 col-md-4 px-0 d-flex flex-column border-left border-md-left-0">
|
|
|
|
@ -51,7 +80,7 @@
|
|
|
|
|
@foreach($status->comments->reverse()->take(10) as $item)
|
|
|
|
|
<p class="mb-0">
|
|
|
|
|
<span class="font-weight-bold pr-1"><bdi><a class="text-dark" href="{{$item->profile->url()}}">{{$item->profile->username}}</a></bdi></span>
|
|
|
|
|
<span class="comment-text">{!!$item->rendered!!} <a href="{{$item->url()}}" class="text-dark small font-weight-bold float-right">{{$item->created_at->diffForHumans(null, true, true ,true)}}</a></span>
|
|
|
|
|
<span class="comment-text">{!! $item->rendered ?? e($item->caption) !!} <a href="{{$item->url()}}" class="text-dark small font-weight-bold float-right">{{$item->created_at->diffForHumans(null, true, true ,true)}}</a></span>
|
|
|
|
|
</p>
|
|
|
|
|
@endforeach
|
|
|
|
|
</div>
|
|
|
|
|