mirror of
https://github.com/pixelfed/pixelfed.git
synced 2025-01-31 00:40:47 +00:00
Update admin user list view
This commit is contained in:
Daniel Supernault
parent
3fb142b39d
commit
1cb0c030a8
1 changed files with 188 additions and 18 deletions
|
|
@ -4,31 +4,157 @@
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<h3 class="font-weight-bold">Users</h3>
|
<h3 class="font-weight-bold">Users</h3>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row mb-3">
|
||||||
<hr>
|
<div class="col-12 col-md-6 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">Total Users</span>
|
||||||
|
{{-- <span>
|
||||||
|
<select class="feature-filter form-control form-control-sm bg-light border-0" data-id="total" data-duration="{{request()->query('total_duration') ?? 30}}">
|
||||||
|
<option data-duration="1">1 Day</option>
|
||||||
|
<option data-duration="14">2 Weeks</option>
|
||||||
|
<option data-duration="30" selected="">1 Month</option>
|
||||||
|
<option data-duration="365">1 Year</option>
|
||||||
|
</select>
|
||||||
|
</span> --}}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['total']['count']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="totalUsers pb-2"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">New Users</span>
|
||||||
|
{{-- <span>
|
||||||
|
<select class="form-control form-control-sm bg-light border-0">
|
||||||
|
<option>1 Day</option>
|
||||||
|
<option>2 Weeks</option>
|
||||||
|
<option selected="">1 Month</option>
|
||||||
|
<option>1 Year</option>
|
||||||
|
</select>
|
||||||
|
</span> --}}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['new']['count']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="newUsers pb-2"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-3 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">Local</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['profile']['local']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-3 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">Remote</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['profile']['remote']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-3 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">Avg Age</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['avg']['age']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-3 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<span class="font-weight-bold text-muted">Avg Posts</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="h3 font-weight-bold mb-0">{{$stats['avg']['posts']}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<thead class="thead-dark">
|
<thead class="bg-light">
|
||||||
<tr>
|
<tr class="text-center">
|
||||||
<th scope="col">Username</th>
|
<th scope="col" class="border-0">
|
||||||
<th scope="col">Statuses</th>
|
<span>ID</span>
|
||||||
<th scope="col">Storage</th>
|
</th>
|
||||||
<th scope="col">Role</th>
|
<th scope="col" class="border-0">
|
||||||
<th scope="col">Created</th>
|
<span>Avatar</span>
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="border-0">
|
||||||
|
<span>Username</span>
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="border-0">
|
||||||
|
<span>Status Count</span>
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="border-0">
|
||||||
|
<span>Storage Used</span>
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="border-0">
|
||||||
|
<span>Actions</span>
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
|
||||||
@foreach($users as $user)
|
@foreach($users as $user)
|
||||||
<tr>
|
<tr class="font-weight-bold text-center">
|
||||||
<th scope="row">
|
<th scope="row">
|
||||||
<a href="{{$user->url()}}">
|
{{$user->id}}
|
||||||
{{$user->username}}
|
|
||||||
</a>
|
|
||||||
</th>
|
</th>
|
||||||
<td>{{$user->profile->statuses->count()}}</td>
|
<td>
|
||||||
<td><p class="human-size" data-bytes="{{App\Media::whereUserId($user->id)->sum('size')}}"></p></td>
|
<img src="{{$user->profile->avatarUrl()}}" width="28px" class="rounded-circle" style="border:1px solid #ccc">
|
||||||
<td>{!!$user->is_admin ? '<span class="text-danger">admin</span>' : 'member'!!}</td>
|
</td>
|
||||||
<td>{{$user->created_at->diffForHumans(null, true, true)}}</td>
|
<td>
|
||||||
|
<span title="{{$user->username}}" data-toggle="tooltip" data-placement="bottom">
|
||||||
|
{{$user->username}}
|
||||||
|
@if($user->is_admin)
|
||||||
|
<i class="text-danger fas fa-certificate" title="Admin"></i>
|
||||||
|
@endif
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
{{$user->profile->statusCount()}}
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<p class="human-size mb-0" data-bytes="{{App\Media::whereUserId($user->id)->sum('size')}}"></p>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span>
|
||||||
|
<a href="#" class="pr-2 text-muted action-btn" title="View Profile" data-toggle="tooltip" data-placement="bottom" data-id="{{$user->id}}" data-action="view" data-url="{{$user->url()}}">
|
||||||
|
<i class="fas fa-eye"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="pr-2 text-muted action-btn" title="Edit Profile" data-toggle="tooltip" data-placement="bottom" data-id="{{$user->id}}" data-action="edit">
|
||||||
|
<i class="fas fa-edit"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="text-muted action-btn" title="Delete Profile" data-toggle="tooltip" data-placement="bottom" data-id="{{$user->id}}" data-action="delete">
|
||||||
|
<i class="fas fa-trash"></i>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
@ -39,14 +165,58 @@
|
||||||
</div>
|
</div>
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
|
@push('styles')
|
||||||
|
<style type="text/css">
|
||||||
|
.jqstooltip {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
border: 0 !important;
|
||||||
|
border-radius: 2px;
|
||||||
|
max-width: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@endpush
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sparklines/2.1.2/jquery.sparkline.min.js" integrity="sha256-BuAkLaFyq4WYXbN3TFSsG1M5GltEeFehAMURi4KBpUM=" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
$('.human-size').each(function(d,a) {
|
$('.human-size').each(function(d,a) {
|
||||||
let el = $(a);
|
let el = $(a);
|
||||||
let size = el.data('bytes');
|
let size = el.data('bytes');
|
||||||
el.text(filesize(size, {round: 0}));
|
el.text(filesize(size, {round: 0}));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(document).on('click', '.action-btn', function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
let el = $(this);
|
||||||
|
let id = el.data('id');
|
||||||
|
let action = el.data('action');
|
||||||
|
|
||||||
|
switch(action) {
|
||||||
|
case 'view':
|
||||||
|
window.location.href = el.data('url');
|
||||||
|
break;
|
||||||
|
case 'edit':
|
||||||
|
let redirect = '/i/admin/users/edit/' + id;
|
||||||
|
window.location.href = redirect;
|
||||||
|
break;
|
||||||
|
case 'delete':
|
||||||
|
swal('Error', 'Sorry this action is not yet available', 'error');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
let sparkopts = {
|
||||||
|
width: '100%',
|
||||||
|
height: 30,
|
||||||
|
lineColor: '#0083CD',
|
||||||
|
fillColor: false
|
||||||
|
};
|
||||||
|
$('.totalUsers').sparkline({{$stats['total']['points']}}, sparkopts);
|
||||||
|
$('.newUsers').sparkline({{$stats['new']['points']}}, sparkopts);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue