mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-15 02:54:30 +00:00
78 lines
2.8 KiB
PHP
78 lines
2.8 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="bg-white py-4">
|
|
<div class="container">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div></div>
|
|
<a href="/account/activity" class="cursor-pointer font-weight-bold text-dark">Notifications</a>
|
|
<a href="/account/follow-requests" class="cursor-pointer font-weight-bold text-primary">Follow Requests</a>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container notification-page" style="min-height: 60vh;">
|
|
<div class="col-12 col-md-8 offset-md-2">
|
|
@if($followers->count() > 0)
|
|
<ul class="list-group">
|
|
@foreach($followers as $follow)
|
|
<li class="list-group-item notification border-0">
|
|
<span class="notification-icon pr-3">
|
|
<img src="{{$follow->follower->avatarUrl()}}" width="32px" class="rounded-circle">
|
|
</span>
|
|
<span class="notification-text">
|
|
<a class="font-weight-bold text-dark" href="{{$follow->follower->url()}}">{{$follow->follower->username}}</a> {{__('wants to follow you')}}
|
|
<span class="text-muted notification-timestamp pl-1">{{$follow->created_at->diffForHumans(null, true, true)}}</span>
|
|
</span>
|
|
<span class="float-right">
|
|
<div class="btn-group" role="group" aria-label="Basic example">
|
|
<button type="button" class="btn btn-outline-default request-action" data-id="{{$follow->id}}" data-action="reject"><i class="fas fa-times text-danger"></i></button>
|
|
<button type="button" class="btn btn-outline-default request-action" data-id="{{$follow->id}}" data-action="accept"><i class="fas fa-check text-success"></i></button>
|
|
</div>
|
|
</span>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
|
|
<div class="d-flex justify-content-center my-4">
|
|
{{$followers->links()}}
|
|
</div>
|
|
@else
|
|
<div class="text-center pt-5">
|
|
<p class="font-weight-bold text-muted">You don't have any follow requests</p>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript">
|
|
App.boot();
|
|
$(document).ready(function() {
|
|
$(document).on('click', '.request-action', function(e) {
|
|
e.preventDefault();
|
|
let el = $(this);
|
|
let action = el.data('action');
|
|
let id = el.data('id');
|
|
|
|
axios.post(window.location.href, {
|
|
action: action,
|
|
id: id
|
|
}).then((res) => {
|
|
if(action == 'accept') {
|
|
swal('Successfully accepted!', 'You have successfully approved that follow request.', 'success');
|
|
} else {
|
|
swal('Successfully rejected!', 'You have successfully rejected that follow request.', 'success');
|
|
}
|
|
}).catch((res) => {
|
|
swal('Oops!', 'Something went wrong, please try again later', 'error');
|
|
});
|
|
let parent = el.parents().eq(2);
|
|
parent.fadeOut();
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|