mirror of https://github.com/pixelfed/pixelfed
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
4.4 KiB
PHTML
107 lines
4.4 KiB
PHTML
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container notification-page" style="min-height: 60vh;">
|
|
<div class="col-12 col-md-8 offset-md-2">
|
|
<ul class="list-group">
|
|
|
|
@if($notifications->count() > 0)
|
|
@foreach($notifications as $notification)
|
|
<li class="list-group-item notification">
|
|
@switch($notification->action)
|
|
|
|
@case('like')
|
|
<span class="notification-icon pr-3">
|
|
<img src="{{$notification->actor->avatarUrl()}}" width="32px" class="rounded-circle">
|
|
</span>
|
|
<span class="notification-text">
|
|
{!! $notification->rendered !!}
|
|
<span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
|
|
</span>
|
|
<span class="float-right notification-action">
|
|
@if($notification->item_id && $notification->item_type == 'App\Status')
|
|
<a href="{{$notification->status->url()}}"><img src="{{$notification->status->thumb()}}" width="32px" height="32px"></a>
|
|
@endif
|
|
</span>
|
|
@break
|
|
|
|
@case('follow')
|
|
<span class="notification-icon pr-3">
|
|
<img src="{{$notification->actor->avatarUrl()}}" width="32px" class="rounded-circle">
|
|
</span>
|
|
<span class="notification-text">
|
|
{!! $notification->rendered !!}
|
|
<span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
|
|
</span>
|
|
@if($notification->actor->followedBy(Auth::user()->profile) == false)
|
|
<span class="float-right notification-action">
|
|
<form class="follow-form" method="post" action="/i/follow" style="display: inline;" data-id="{{$notification->actor->id}}" data-action="follow">
|
|
@csrf
|
|
<input type="hidden" name="item" value="{{$notification->actor->id}}">
|
|
<button class="btn btn-primary font-weight-bold px-4 py-0" type="submit">Follow</button>
|
|
</form>
|
|
</span>
|
|
@endif
|
|
@break
|
|
|
|
@case('comment')
|
|
<span class="notification-icon pr-3">
|
|
<img src="{{$notification->actor->avatarUrl()}}" width="32px" class="rounded-circle">
|
|
</span>
|
|
<span class="notification-text">
|
|
{!! $notification->rendered !!}
|
|
<span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
|
|
</span>
|
|
<span class="float-right notification-action">
|
|
@if($notification->item_id)
|
|
<a href="{{$notification->status->parent()->url()}}">
|
|
<div class="notification-image" style="background-image: url('{{$notification->status->parent()->thumb()}}')"></div>
|
|
</a>
|
|
@endif
|
|
</span>
|
|
@break
|
|
|
|
@case('mention')
|
|
<span class="notification-icon pr-3">
|
|
<img src="{{$notification->status->profile->avatarUrl()}}" width="32px" class="rounded-circle">
|
|
</span>
|
|
<span class="notification-text">
|
|
{!! $notification->rendered !!}
|
|
<span class="text-muted notification-timestamp pl-1">{{$notification->created_at->diffForHumans(null, true, true, true)}}</span>
|
|
</span>
|
|
<span class="float-right notification-action">
|
|
@if($notification->item_id && $notification->item_type === 'App\Status')
|
|
@if(is_null($notification->status->in_reply_to_id))
|
|
<a href="{{$notification->status->url()}}">
|
|
<div class="notification-image" style="background-image: url('{{$notification->status->thumb()}}')"></div>
|
|
</a>
|
|
@else
|
|
<a href="{{$notification->status->parent()->url()}}">
|
|
<div class="notification-image" style="background-image: url('{{$notification->status->parent()->thumb()}}')"></div>
|
|
</a>
|
|
@endif
|
|
@endif
|
|
</span>
|
|
@break
|
|
|
|
@endswitch
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
|
|
<div class="d-flex justify-content-center my-4">
|
|
{{$notifications->links()}}
|
|
</div>
|
|
@else
|
|
<div class="mt-4">
|
|
<div class="alert alert-info font-weight-bold">No unread notifications found.</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript" src="{{mix('js/activity.js')}}"></script>
|
|
@endpush
|